Jump to content

Mind Body Widget Code not working

Go to solution Solved by paul2009,

Recommended Posts

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

Link to comment

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.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

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

Link to comment
  • Solution
20 minutes ago, indy said:

I appreciate any insights. Mind-Body claims this is a SquareSpace issue.

You are experiencing exactly the same issue that I explained here:

I've updated the answer so that it also fixes your issue. Let me know how you get on.

-Paul

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
  • 2 weeks later...
  • 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>
Link to comment
  • 1 month later...
  • 1 year later...

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>

SquarespaceMINDBODY7.0works.png

SquarspaceMindBody7.1.png

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.