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
- Mindbody Branded Web Tool Guides
- Installing mindbody Branded Web Tool Widgets on liveedit:
- Adding Login/Register Links as a Menu Tab
- Advanced Customization - Adding Button Styling To Buy Now Links
Please Note: Liveedit cannot adjust the overall design or functionality of mindbody Branded Web Tools. If you have qusetions on the functionatliy of Branded Web Tools, please contact mindbody's support.
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:
- Getting Started and FAQ:
- Branded Web Tool Widget Options:
- Links and buttons in branded web tools FAQ
- New Schedule widget v2 setup and options (branded web widgets)
- New Appointment widget v2 setup and options (branded web widgets)
- Staff List widget setup and options (branded web widgets)
- Prospect widget setup and options (branded web widgets)
- Enrollment widget setup and options (branded web widgets)
- Registration widget setup and options (branded web widgets)
- Staff List widget setup and options (branded web widgets)
Installing mindbody Branded Web Tool Widgets on liveedit:
- 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.
- Log into your liveedit website (How to Login)
- Navigate to the page you wish to add the widget to.
- Click Edit to jump into Edit Mode.
- Drag and drop an HTML Element into a content area.
- Paste your copied code snippet and then click Save Changes to save.
Adding Login/Register Links as a Menu Tab
Mindbody Branded Web Tools offers a Login/Register link option and can be added to your main navigation menu as a tab.
- Create the link within mindbody Branded Web Tool Manager and copy the code.
- When creating the link, please make sure to adjust the Link Text to what you wish to have the tab displayed as.
- Log into your liveedit website (How to Login)
- Click on Pages
- Click on Add Item
- 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
- 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" />