Mindbody Branded Web Tools offers a variety of linking options for one-time products, contracts, and gift cards that can be added to your website. 

TABLE OF CONTENTS

• Mindbody Branded Web Tool Guides:
• Adding Purchase Links
• Advanced Customization - Adding Button Styling To Purchase Links

Please Note: Branded Web Tool Checkout Links are only supported to be added via an HTML Element. The Text Elements does not support added code. 

Mindbody Branded Web Tool Guides:

• Links and buttons in branded web tools FAQ
• How to create Buy Now - Pricing Option links (branded web tools)
• How to create gift card links (branded web tools)

Adding Purchase Links

1. In Mindbody Branded Web Tool Manager, navigate Links and then select either Buy Now - Pricing Option or Buy Now - Contracts
2. Select the desired product and then copy the code. Note that we recommend keeping the Link Appearance set to Text, and feel free to adjust the Text Link.
   
3. Log in to your website (How to Login)
4. Navigate to the page you wish to add the widget to.
5. Click Edit to jump into Edit Mode.
6. Drag and drop an HTML Element into a content area.
   
7. Paste your copied code snippet and then click Save Changes to save.
   

Advanced Customization - Adding Button Styling To Purchase Links

Your website's design includes built-in button styling that can be added under the Advanced tab of a placed mindbody Branded Web Tools purchase link to help stylize the mindbody links into buttons.

For example, try adding se_button button1 or se_button button2 within the Class field under Advanced. Please note that your design may include different button class names.

These built-in button classes can also be added inline with the mindbody Branded Web Tool code snippet as well. 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" />