Mindbody's Branded Web Tools widgets (mindbodyonline.com/business/branded-web-tools) allow you to embed scheduling, purchasing, and much more on any website platform. These widgets are fully compatible with liveedit's website platform. 


In This Article:

Accessing Mindbody Branded Web Tools Manager

To access mindbody's Branded Web Tool Manager, please visit https://brandedweb.mindbodyonline.com/users/sign_in


Mindbody Branded Web Tool Guides

Here are some helpful guides from mindbody's support to get started with Branded Web Tools:


Installing mindbody Branded Web Tool Widgets on liveedit:

  1. After creating a widget in Mindbody Branded Web Tool Manager, clicking Save & Deploy will prompt a screen to copy a code snippet. Click on Copy to copy the full code snippet.
  2. Log into your liveedit website (How to Login)
  3. Navigate to the page you wish to add the widget to.
  4. Click Edit to jump into Edit Mode.
  5. Drag and drop an HTML Element into a content area.
     
  6. Paste your copied code snippet and then click Save Changes to save.


Mindbody Branded Web Tools offers a Login/Register link option and can be added to your main navigation menu as a tab. 

  1. Create the link within mindbody Branded Web Tool Manager and copy the code.
  2. When creating the link, please make sure to adjust the Link Text to what you wish to have the tab displayed as.


     

  3. Log into your liveedit website (How to Login)
  4. Click on Pages
  5. Click on Add Item
  6. Select the following options:
    • Type = Select Advanced
    • Advanced = Paste in the code snippet from Mindbody Branded Web Tool Manager.
    • Display Name = Enter the same value as the widget Link text
    • Menu Location = Select your Main Menu
  7. Click Create Advanced


Advanced Customization - Adding Button Styling To Buy Now Links 

Mindbody's Branded Web Tools offer an advanced customization feature that allows you to add inline CSS classes. This allows you to add button styling to a Buy Now link by adding an existing CSS class within mindbody's code snippet. 


Within the data-link-class="healcode-pricing-option-text-link" portion of the code, try adding se_button button1 or se_button button2. Please note that your design may include different button class names.


Example Before:

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script><healcode-widget data-version="0.2" data-link-class="healcode-pricing-option-text-link" data-site-id="96200" data-mb-site-id="-2894" data-bw-identity-site="false" data-type="pricing-link" data-inner-html="Buy Now" data-service-id="10045" />


Example After:

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script><healcode-widget data-version="0.2" data-link-class="healcode-pricing-option-text-link se_button button1" data-site-id="96200" data-mb-site-id="-2894" data-bw-identity-site="false" data-type="pricing-link" data-inner-html="Buy Now" data-service-id="10045" />


FAQ

Can liveedit adjust the styling or functionality of Branded Web Tools?

No.  Liveedit cannot adjust the overall design or functionality of mindbody Branded Web Tools. If you have questions on the functionality of Branded Web Tools, please contact mindbody's support.


Can I use both Branded Web Tools and liveedit's mindbody integration at the same time?

While it’s technically possible, we recommend choosing just one integration method. Mixing both can lead to a confusing experience for your customers. For example, if someone logs in through the Branded Web Tools, that login won’t carry over to the liveedit integration. This can cause disconnects and make the booking process feel disjointed. Sticking with one option helps keep your website’s design and user experience consistent and seamless.