Integrating MindBody with Squarespace: Everything you Need to Know
As a studio owner, you’re a pro. You’re confident in everything fitness and wellness. You have the passion to spare and a wealth of knowledge to share with your clients.
Unfortunately, when it comes to our websites, some of us struggle to find the right fit. With the powerful adaptability of Squarespace and the seamless functionality of Mindbody, building (and maintaining) your website to its fullest potential can be simple and easy. I’ve compiled a few of the most common questions about integrating MindBody with your Squarespace site - so you can create an intuitive, easy to navigate experience for both you and your clients.
Just getting started creating your Mindbody-integrated Squarespace website?
Check out this post for a step-by-step beginners guide.
Looking to hire a fitness or yoga website designer instead?
Right this way to see examples of Squarespace x Mindbody websites I’ve created >>
Or head right to my Web Design Services page to learn more about working with Pixality >>
Does Mindbody Integrate with Squarespace?
While Squarespace does not have a Mindbody integration built-in, there are plenty of ways that Squarespace makes it easy to add Mindbody functionality throughout your site. This makes it an excellent website platform to build your site on. Here are some reasons Squarespace can be a great choice for your site:
1 → You can easily add the Mindbody scheduling widgets (called Branded Web) to your site by simply copying and pasting their code blocks into your site. Branded Web allows you to customize the colors and layouts on schedule and booking widgets. Then, once they’ve been added to your site, they’ll automatically sync with your MindBody account - so they’re always up-to-date. No need to mess with your site or the widgets.
2→ Ever visited a site on your phone that was clearly not meant to be viewed on a smaller screen? It’s less than ideal! One of the great things about Squarespace sites is that they’re always responsive, meaning that the page content automatically adjusts to give clients an optimal viewing experience, no matter what type of device or screen they’re viewing it on. And great news… so are Mindbody widgets! So Squarespace sites and Mindbody widgets are beautifully compatible, no matter how you’re viewing your site. This isn’t always the case on sites with separate desktop and mobile designs (like the Wix platform for example), so this is a huge win.
3→ When it comes time for your clients to make an online purchase, it’s best to keep it as simple and seamless as possible. By copying and pasting link code from your Branded Web account, you can easily create purchase links on your Squarespace website for your specific pricing options. That means your clients can purchase from you without leaving your website. And even better, with just a little bit of custom code, Squarespace makes it easy for you to make those link buttons match your brand. Check out lesson #4 of this post for that tutorial and code.
So even though Squarespace doesn’t technically have built-in integration capabilities with MindBody, they make it incredibly easy to use the full range of Mindbody tools and functionality on your site.
2. My Mindbody schedule only loads after I refresh the page! What now?!
If your site was built on Squarespace prior to 2020, it’s probably operating on Version 7.0. In this version, Ajax loading is usually the culprit when widgets fail to load right away.
Ajax is an option that prevents the full page content from loading all at one time. It’s meant to speed up page-loading time but can wreak havoc on widgets. The good news is that it’s easy to turn off, which will likely fix the problem with your widgets.
Just go to Design / Site Styles, search for the word Ajax and make sure “Enable Ajax Loading” is turned OFF. (It needs to be unchecked.) Then, refresh the page and your widgets should now load normally.
3. My Mindbody enrollment and appointment widgets are all messed up on my Squarespace website! How can I fix them?
If your website was just built recently and is running on Squarespace Version 7.1, you might be running across some issues with your Mindbody Enrollments or Appointment widgets after they’ve been added to your site. If you’re seeing jumbled text or if the widget isn’t showing up at all, don’t worry - it’s a simple fix. This problem is common when Squarespace and Mindbody happen to use the same terminology in their code - your website gets confused about which code should take priority.
To fix this issue, go to Design / Custom CSS and paste this bit of code in the window. Then, hit save and your widgets should be back to normal!
div.healcode .header {position: static !important;pointer-events: all;}
4. How do I center my Branded Web Buy Now buttons?
If you’ve generated a Purchase link from your Mindbody Branded Web account and added it to your Squarespace website via a code block, you may have noticed that it by default aligns to the left of the page. If this works for your design, perfect! But if you prefer to have all the action buttons on your site centered, having them off to one side can disrupt the flow.
To fix this problem, we’ll need to adjust the setting on your Branded Web link throughout your whole site. Thankfully, it’s another simple fix. Just go to Design / Custom CSS on your Branded Web page, then copy and paste in the following code snippet:
.sqs-block-code{text-align: center;}
That will center not only your Branded Web links but any other code block content you’re using throughout your site.
If you need to center only some content (like buttons) but want to leave others left (or right) aligned, you can add a version of that centering code to the individual code blocks that you want to change. To do that, your code block formatting with look like this:
<div style="text-align:center;">paste widget script here</div>
5. Does using Mindbody widgets impact my SEO?
In today’s world of online marketing, SEO (search engine optimization) is incredibly important. So it’s a good idea to pay attention to how each element of your website will affect your site’s search engine rankings!
If you’re using MindBody widgets, here’s what you need to know:
Google likes to have lots of content to look at on your website so it can get a better idea of what your business is, where you are, and what you offer.
Google doesn’t “see” content inside third-party widgets, including MindBody widgets.
There IS a necessary balance between creating an ideal booking and buying experience and optimizing SEO.
So what’s a fitness business to do? It’s actually pretty simple.
I recommend using widgets everywhere on your site where people book classes, register for events or pay for something. For example, the following widgets will enhance your site and make the process easier for your clients:
Schedule widget ( for class-based businesses)
Appointment widget (appt-based businesses)
Enrollments widget (for trainings / events etc)
Buy Now, Contract, and Gift Card purchase links
On the other hand, information that doesn’t change often - like class descriptions or staff bios - should be added directly to your site so Google can find it.
6. I added a new class in Mindbody. Why isn’t it showing up on my schedule widget?
Part of what is great about the MindBody schedule widget is that you can control what your clients see and what they don’t. But every once in awhile, something you want to show isn’t making its way to your website. It’s frustrating but is usually an easy fix. Here’s how I troubleshoot missing classes:
Step #1: Check your consumer mode schedule. If the class in question is missing there, then it’s a setting you're missing in the main Mindbody software. If it’s on your Consumer mode schedule, move on to Step #2.
Step #2: Make sure categories are checked in the Schedule Contents screen of your widget. If class times aren’t making it all the way to your website, it’s often because you don’t have that class category checked within the Schedule Contents screen of your widget in your Branded Web account. That can happen if you created a new class category. To fix it:
Login to your Branded Web account at https://brandedweb.mindbodyonline.com/manager
Go into your schedule widget.
Scroll down and click Select Schedule Contents.
Make sure all class categories you want to show on your website are checked.
Save the widget.
That’s it! You don’t need to do anything on your website. The next time you load your website schedule, you’ll see the missing class or classes.
7. How do I add a Mindbody Login | Register button to my website navigation?
Part of the reason you use MindBody is to make it easy for your clients to access their account information and manage their bookings online. One way to streamline this process for them is to create an easy access point to their Mindbody account right on your website.
To do this, you can easily add a Mindbody customer Login link to your website’s navigation in Squarespace 7.0. Unfortunately, the only way to do this in version 7.1 is via code injection, so you’ll want to call in a developer to help with that if your website is on Squarespace 7.1.
Adding a Mindbody Login | Register Link to your Squarespace 7.0 Site
Log in to your Branded web account.
Under Links, select Login | Register.
Copy the code it generates.
In your Squarespace dashboard, click on your Pages panel.
Paste the code you copied into the Title field. In the Link field, link to your homepage or another page on your site - it doesn’t matter which.
Save your changes. You should now be able to see your Login | Register button on your site!
You can also click and drag that link anywhere you’d like within your navigation to reorder things. If you want to change the title of the button, open the link again in your Squarespace dashboard and scroll within the title field to find the spot where it says Login | Register. You can change anything within those quotations - just make sure to leave the quotation marks themselves. Once you hit save, the text will be updated!
As you can see, Squarespace and MindBody work exceptionally well together, allowing for easy fixes, modifications, and customizations. This level of flexibility and adaptability not only makes life simpler for you but also creates an ideal experience for your client.
Got any more tricky situations with Mindbody widgets + Squarespace? Leave a comment below!
Looking to seamlessly incorporate MindBody functionality with the benefits of Squarespace? Let’s talk about how we can design your website to create an incredible experience for your clients.