Skip to main content
Embed a widget
Updated over 2 weeks ago

Embedding a widget into your website or Facebook page allows your clients to interact with your business via WellnessLiving directly from your website or Facebook page. You can also embed a button that links to a widget on your website.

The Custom Schedule, Standard Schedule, Lead Capture, FitBUILDER, Review, Appointment, Book-a-spot, Event, Store, and Staff widgets can be embedded on your website.

The Custom Schedule, Lead Capture, and FitBUILDER widgets can be customized further to best fit your specific business needs. The remaining widgets — Standard Schedule, Review, Appointment, Event, Store, Staff — use a predefined skin.

Note: If your merchant processor is Barclay’s, be sure to fill out the Website domains field to avoid error messages.

How to embed a widget on your website

Step 1: Allow widgets on your website

Before you can add a WellnessLiving widget to your website, you need to let WellnessLiving know where it's allowed to be embedded.

💡 This means adding your website address (like www.yourbusiness.com) so the widget can appear properly on your site.

To allow widgets on your website, follow these steps:

  1. Open the App Drawer then go to Setup > Web Applications > Client View Settings.

  2. Scroll down to Website Integration Settings.

  3. Under Website Address, enter the website where you want to display the widget.

    • If you have multiple websites, separate them with a comma:

      • Example: wellnessliving.com, myfitnessstudio.com

    • If your website has subpages or subdomains, you can allow them all by adding an asterisk:

      • Example: *.yourbusiness.com (this includes pages like blog.yourbusiness.com or shop.yourbusiness.com).

  4. Click Save to apply your changes.

Step 2: Embed your widget

Embed on a website

To embed a widget on your website, complete the following:

  1. Click the App Drawer then click View All > Setup > Website Widgets.

  2. On the Website Widgets menu, click the type of widget that you want to embed into your website.

    • If you select Custom Schedule or Lead Capture, select the custom widget that you want to embed, then click Embed code.

  3. If you have multiple locations, under Locations, select the location the widget should include information about.

  4. If applicable, under URL of your page, enter the direct URL of the page where you want the widget to be placed.

  5. Under Website domains, enter the domain of the website(s) you want to add the widget to. You can add as many webpages as you want, if you separate each entry with a comma (for example, wellnessliving.com, google.com, apple.com).

  6. Copy the code from the Widget code box and paste it into your website code where you want the widget to appear.

    • If the widget has multiple options, select the version of the code you want to use:

      • To use the latest version of the widget, select New widget code.

      • To use an older version of the widget, select Standard widget code.

  7. Ensure that your widget is embedded and functioning properly.

Embed the widget as a button on your website

The Lead Capture, Review, Appointment, Book-a-spot, Store, and Staff widgets can be linked from your website via an embedded button.

To embed a widget button on your website, complete the following:

  1. Click the App Drawer then click View All > Setup > Website Widgets.

  2. On the Website Widgets menu, click the type of widget that you want to embed into your website.

    • If you select Lead Capture, select the custom widget that you want to embed, then click Embed code.

  3. If you have multiple locations, under Locations, select the location the widget should include information about.

  4. If applicable, under URL of your page, enter the direct URL of the page where you want the widget to be placed.

  5. Under Website domains, enter the domain of the webpage(s) you want to add the widget to. You can add as many webpages as you want, if you separate each entry with a comma (for example, wellnessliving.com, google.com, apple.com).

  6. Copy the code from the Link code box and paste it into your website code where you want the widget button to appear.

  7. Ensure that your widget button is embedded and functioning properly.

Embed a widget on your Facebook page

Note: The Standard Schedule, Lead Capture, Review, Appointment, Event, and Store widgets can be embedded on your Facebook page. You must have 2,000 or more likes on your Facebook page to be able to embed a widget successfully using this method.

To embed a widget on your Facebook page, complete the following:

  1. Click the App Drawer then click View All > Setup > Website Widgets.

  2. On the Website Widgets menu, click the type of widget that you want to embed into your website.

    • If you select Lead Capture, select the custom widget that you want to embed, then click Embed code.

  3. If you have multiple locations, under Locations, select the location the widget should include information about.

  4. Click Add to Facebook Page, then sign in to your Facebook account.

  5. In the Facebook Pages list, select the Facebook page where you want your widget to be displayed.

  6. Click Add Page Tab. The widget is now added to the sidebar on your Facebook page.

  7. Ensure that your widget is embedded and functioning properly.

Did this answer your question?