How do I add MINDBODY widgets to my site?

MINDBODY offers the best tools for online bookings, point-of-sale and marketing solutions. Together, we provide a fantastic solution for building and promoting a powerful web presence. MINDBODY's branded web tools provide the best way to integrate with MINDBODY Online.

Important: Using the MINDBODY block is only available to our fitness-specific templates or SpaceCraft site's that are created through our MINDBODY partner page.

If you desire to add a MINDBODY widget to any one of your pages, it is simple to add the widgets with the MINDBODY block. Follow the steps below to add the special block to your SpaceCraft + MINDBODY website.

1. Select Content from the Dashboard navigation bar.

2. From the Pages area, select the page you wish to add your HealCode block to:

3. From your page, select the green (+) icon between the currently placed blocks:

4. Then, select the MINDBODY option, from your list of block options:

mbmb.jpg

5. You will need to insert the embed widget code from MINDBODY for the unique widget you are trying to place on your page. So, now login to the MINDBODY Branded Web Dashboard:

mbmb2.jpg

6. In your main Branded Web Tool Dashboard page, select Widgets in the top navigation bar:

mbmb3.jpg

7. From here, select the title name of the widget that you are trying to place into your site:

mbmb4.jpg

8. Scroll down to the very bottom of the Edit widget page until you see the blue Deploy Your Widget area, then select the large green Copy to Clipboard button:

mbmb5.jpg

9. Now, with the embed code copied to your clipboard, go back to your SpaceCraft Dashboard and paste the embed code into your MINDBODY block.

(Right-click and Paste or CMD+V for Mac | CTRL+V for PC)

mbmbb.jpg

The embed code is saved automatically and will confirm what type of widget you implemented, along with the Widget ID. Use the trash icon if you need to remove your widget.

Look below to see what a correctly placed widget looks like within the Content tool:

mbmbbbb.jpg

If you incorrectly insert the embed code, here is the red error message you will see:

mbmbbbbb.jpg 

If you receive the above message, go back to step 8 and try again.

10. If everything looks good on your page, there is no need to select Publish, as the widgets update and pull syncing data directly from MINDBODY. Perfect!

Powered by Zendesk