Staff sign in
Staff sign in

Embed a widget

Updated

Embedding WellnessLiving standard widgets on your website or Facebook page lets clients interact with your business without leaving your site. Clients can view schedules, book services, buy passes, complete lead forms, and more directly within your page content.

Standard widgets display as part of your page layout and are ideal when you want clients to engage with specific features in a dedicated section of your site.

For information about embedding the CAASI widget, see Embed CAASI chat on your website.

Key tips

  • Use HTTPS
    Make sure your website starts with https:// so the widget loads securely.
    ​

  • Test on desktop + mobile
    Every website builder behaves differently. Always preview after embedding.
    ​

  • Confirm proper display
    If something looks off, check that your domain is correctly added in WellnessLiving.

Embed a widget on your website

This walkthrough guides shows you how to embed a WellnessLiving widget on your website so clients can interact with your business directly from your site.

Step 1 — Allow widgets on your website

You must tell WellnessLiving which domains are allowed to display your widgets.

To allow widgets:

  1. Open the App Drawer then click View All > Setup > Web Applications > Client View Settings.
    ​

  2. Scroll to Website Integration Settings.
    ​

  3. Under Website Address, enter your website domain.

    • Example: www.yourbusiness.com
      ​

  4. For multiple sites, separate with commas.

    • Example: myfitnessstudio.com, myothersite.net
      ​

  5. For subdomains, use an asterisk:

    • Example: *.yourbusiness.com
      ​

  6. Click Save.

Step 2 — Copy the widget code

To copy the widget code:

  1. Open the App Drawer then click View All > Setup.
    ​

  2. Click Website Widgets to find your updated widgets, or click Unsupported Widgets to find older widgets that are no longer being updated.

    • Note: If the widget you open has an updated version available, a banner appears at the top of the page with a link to switch. We recommend using the updated version, since older widgets are missing newer features and will eventually be removed.
      ​

  3. Select the widget type you want to embed.
    ​

  4. If you're using the Custom Schedule, Lead Capture, Store, or Appointment widgets, choose your custom widget, then click Embed code.
    ​

  5. If required, choose your Location.
    ​

  6. (Optional) Enter the URL of the page where the widget will be placed.
    ​

  7. If required, enter your Website domains. For multiple sites, separate with commas.
    ​

  8. Copy the Widget code.
    ​

Step 3 — Embed the code in your website builder

Below are instructions for the most common builders. If your builder isn’t listed, look for HTML, Custom Code, or Embed blocks.

WordPress

To add widget code for a standard widget to a WordPress site:

  1. Edit the page or post where you want the widget to appear.
    ​

  2. Click the + button and add a Custom HTML block.
    ​

  3. Paste your iframe embed code inside the block.
    ​

  4. Click Preview to see the widget.
    ​

  5. Click Update or Publish to make it live.

➡️ Official guide: Embed content in WordPress
​

Shopify

To add widget code for a standard widget to a Shopify site:

  1. From your Shopify admin, go to Online Store > Pages.
    ​

  2. Edit the page you want to update or create a new one.
    ​

  3. Switch to HTML view (click the <> icon).
    ​

  4. Paste your iframe code.
    ​

  5. Click Save and preview your page.

➡️ Official guide: Embed code in Shopify

Wix

To add widget code for a standard widget to a Wix site:

  1. Open the Wix Editor and navigate to the page where you want to add the widget.
    ​

  2. Click Add (+) > Embed > Embed a Widget.
    ​

  3. Paste your iframe code in the code box.
    ​

  4. Resize the box to at least 1050px tall.
    ​

  5. Click Publish.

➡️ Official guide: Adding an HTML iframe to Wix
​

Squarespace

To add widget code for a standard widget to a Squarespace site:

  1. Edit the page and click an insert point to add a Code Block.
    ​

  2. Paste your iframe code into the block.
    ​

  3. Click Apply, then Save the page.
    ​

  4. View your site to confirm the widget appears correctly.

➡️ Official guide: Add code using Code Blocks in Squarespace
​

GoDaddy Website Builder

To add your widget code for a standard widget to a GoDaddy site:

  1. Go to your GoDaddy Website Builder and open your site editor.
    ​

  2. Click Add Section and choose HTML.
    ​

  3. Paste your iframe code into the HTML box.
    ​

  4. Click Done, then Publish your site.

➡️ Official guide: Add HTML or custom code to GoDaddy
​

Embed a widget as a button

The following widgets can be opened from a button instead of being embedded inline:

  • Lead Capture

  • Review

  • Appointment

  • Book-a-spot

  • Store

  • Staff

To embed a widget button:

  1. Open the App Drawer then click View All > Setup.
    ​

  2. Click Website Widgets to find your updated widgets, or click Unsupported Widgets to find older widgets that are no longer being updated.

    • Note: If the widget you open has an updated version available, a banner appears at the top of the page with a link to switch. We recommend using the updated version, since older widgets are missing newer features and will eventually be removed.
      ​

  3. Select the widget.
    ​

  4. If you're using the Custom Schedule, Lead Capture, Store, or Appointment widgets, choose your custom widget, then click Embed code.
    ​

  5. If required, choose your Location.
    ​

  6. If required, enter your Website domains. For multiple sites, separate with commas.
    ​

  7. Copy the Link code.
    ​

  8. Paste it into your website’s HTML where you want the button to appear.
    ​

  9. Save and confirm the button opens the widget correctly.

Embed a widget on your Facebook page

To embed a widget on your Facebook page:

  1. Open the App Drawer then click View All > Setup.
    ​

  2. Click Website Widgets to find your updated widgets, or click Unsupported Widgets to find older widgets that are no longer being updated.

    • Note: If the widget you open has an updated version available, a banner appears at the top of the page with a link to switch. We recommend using the updated version, since older widgets are missing newer features and will eventually be removed.
      ​

  3. Select your widget type.
    ​

  4. If you're using the Custom Schedule, Lead Capture, Store, or Appointment widgets, choose your custom widget, then click Embed code.
    ​

  5. If required, choose your Location.
    ​

  6. Click Add to Facebook Page.
    ​

  7. Sign in to Facebook.
    ​

  8. Select your Page, then click Add Page Tab.
    ​

  9. Check your Page sidebar to confirm the widget tab appears.

Related articles

Did this answer your question?