Mind Body Widget Code not working

Trying to get a Mindbody (MB) widget to display properly within a Squarespace (SSP) Code block - 7.1v. The SSP website page will include two widgets from MB – a Schedule widget, and below it, an Appointment widget.

The Schedule widget displays the classes that are available and it works perfectly – it is placed with the webpage exactly as we would like it to show up.

The Appointment widget displays options for one-on-one training session, and does not work. 

I worked with the MB customer service to be sure all was done done properly from that side. When I create a new <-Code-> block and paste the HTML code within it, it does not show up properly. The things I have tried to get this right.  

Here is the code:

<p><script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script>

<healcode-widget data-type="appointments" data-widget-partner="object" data-widget-id="a1740143b6a" data-widget-version="0" ></healcode-widget>

I tried to choose the other ‘codes’ available within the box – Java, etc… nothing works.  MB has confirmed it is an HTML code.

There are basically three components that upload in the Appointment widget. Two dropdowns (one with locations, and one with teachers) and a monthly calendar to choose a date.  When the code is saved in the SSP Code box, it shows fine when the page is in Edit mode; but when the page is saved…

The calendar goes up to the top of page, right under the heading/logo, and the other components don’t show at all. The only thing showing is the little mindbody logo and a cart.

Any suggestions?

Thanks!

Scott

My first suggestion is that you provide us with a link to the page on your site. 🙂

Without this, we cannot see what is happening. If the site isn't live yet, you'll need to set a site password and tell us what it is too.

Hi,

The v7.1 site is located at

https://bodysoultraining.squarespace.com

Password - body

The page is https://bodysoultraining.squarespace.com/schedule

This is the "book online" from the menu

The code copy and paste from Mind Body is:

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script>

<healcode-widget data-type="appointments" data-widget-partner="object" data-widget-id="a1740143b6a" data-widget-version="0" ></healcode-widget>

The code looks to work when I'm in the "Edit" mode. But doesn't in normal viewing mode.

I created a test page on another site that is v7.0. It works.

https://www.indermaurmedia.com/test

I appreciate any insights. Mind-Body claims this is a SquareSpace issue. Squarespace emailed me some links and, "please note that we're unable to offer assistance or troubleshooting for such modifications or additions, due to their complex nature." So, I either need to recreate the site in 7.0, or get Mind-Body to look at this more seriously. I am creating another site that also uses Mind Body and i want to stick with 7.1 if possible.

Thank you,

Scott

Paul!!! That worked! Thank you so much! Much appreciated.

I did search the forum before posting and didn't see that thread. Maybe it was because I searched "Mind body" instead of "mindbody".

Thanks!

-Scott

Hi there! I am have the same problem with my site as well! I tried what you posted above, but it still is not working for me. Is there anyway you can help? Thanks! 

• I am trying to link my MindBody class schedule to my Squarespace website. I have used the code provided from MindBody. It pulls in the schedule properly, but it won't allow me to click to 'book' a class. 
• site: ritualsweatsocietypvd.com
• squarespace 7.1, Colima template
• the main goal of the website is for booking classes, so the goal would be to get the schedule to work 
• code that is currently pulling the schedule in that we got from mind body branded web: 

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script>

<healcode-widget data-type="schedules" data-widget-partner="object" data-widget-id="4711907707c0" data-widget-version="1" ></healcode-widget>

Your code looks very similar to mine and it's working. Hopefully yours is now working.

Site URL: https://alcheme.squarespace.com/book-appointment

MIND AND BODY Booking Widget not working on 7.1 as it does 7.0? Wont function any thoughts?

I tried this on a current 7.0 site and it works fine. Drop downs and booking etc. I added SAME code to 7.1 and it shows up but does not function at all and almost appears compressed in fact. 

Any ideas how to fix this? I even turned of Animation as I know SCALING has caused issues per SQCS on other things on 7.1. Still did not change anything.

CURRENT 7.0 site (where it works)

https://shop.alchemehealth.com/book

NEW 7.1 (Not working) use code "AMG" to access

https://alcheme.squarespace.com/book-appointment

CODE

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script>

<healcode-widget data-type="appointments" data-widget-partner="object" data-widget-id="5b448588885" data-widget-version="0" ></healcode-widget>

Searched and found the answer from @PAUL2009

What a life saver! Mahalo! It worked!!!

Add to DESIGN - CSS

div.healcode .header {
  position: relative!important;
  pointer-events: auto;  
}

The solution

The only issue I am seeing is the the "MY ACCOUNT" button does not work at all all else does

Hi -- I'm having a problem with the calendar covering the text below. Any idea how to fix?

See: https://www.bodydesignonline.com/personal-training-1

Thanks!

On 4/17/2024 at 12:18 AM, BD1 said:

Hi -- I'm having a problem with the calendar covering the text below. Any idea how to fix?

See: https://www.bodydesignonline.com/personal-training-1

Thanks!

Can you take a screenshot of problem?