MINDBODY Information (Adding Widgets/Integration)

MINDBODY Information (Adding Widgets/Integration)

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 In order to use your MINDBODY widgets, you'll need to use our fitness-specific templates, or add your widget through an HTML block.

Getting Started:

To get started, please access our MINDBODY Partner page to view and choose one of our pre-configured MINDBODY Templates. Otherwise, you may signup for one of the fitness-specific templates, found on our Templates 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 or an HTML block. Follow the steps below to add the special block to your SpaceCraft + MINDBODY website.

1. Select the Content tool from the gray 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 (you  may also paste the code into an HTML block in the same way):

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 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!


    • Related Articles

    • Embed a Live Chat Widget

      A live chat widget is an integration that allows you to provide real-time service to your website's visitors. Once you choose a chat software, they should provide you with an HTML code that you can embed on your website. To add the live chat widget ...
    • Link MINDBODY Pages to Your Website

      You may want to integrate links to your MINDBODY page so your customers can access your schedule or services. 1. Please refer to this article by MINDBODY on creating a link to use on your SpaceCraft site: Links: Creating links to your site 2. Any ...
    • Add Emma Lightbox to your Website

      You may want to capture emails on your site using an Emma Lightbox, which is a pop-up modal box that encourages users to input their name and email details. Follow the steps in this article to customize your Lightbox and receive an embed code: ...
    • Wufoo Information (Add a Form/Add a Conversion Tracking Code)

      You can easily connect WuFoo forms to your SpaceCraft site. This article explores how to add a form to your site and how to add a conversion tracking code to your forms. Add a WuFoo form to your site To add a custom form to your website built with ...
    • Install Google Tag Manager

      There is a special way to add the Google Tag Manager script into your site so that it functions properly on all pages of the site. To do this, you will need to add an HTML block to your footer with a portion of code and then the other portion you ...