FAQs
      Back to home
      1. Support center
      2. FAQs

      How do I Add the Heallist Embed Widget to Squarespace, Wix, or Wordpress?

      Steps on how you can use the embed widget to link your services from Heallist to your own website via Squarespace, Wix, or Wordpress.

      Embedding your Heallist services on your website is a powerful way to boost client engagement and make booking with your holistic services easier. With our new Embed Widget, you can showcase your offerings directly on your site, creating a seamless experience that keeps clients on your page from start to finish. In just a few simple steps, you can add the widget to popular website platforms like Squarespace, Wix, and WordPress, or any other HTML based website giving clients a quick, convenient way to view your services and book appointments. Here’s how to integrate this valuable feature and elevate your online presence with ease.

      Here’s the full guide on how to get your embed code for your full service menu or specific service. Once you've copied your Heallist Embed Widget code, follow these steps for adding it to Squarespace, Wix, or WordPress, so clients can book directly from your website.

      Adding the Embed Widget to Squarespace

      1. Log in to Squarespace and navigate to Pages.
      2. Select the page where you’d like the widget, or create a new page.
      3. Click Edit and add a Code Block by selecting the “+” button, then Code.
      4. Paste the Heallist embed code into the Code Block and click Apply.
      5. Click Save to make the widget live.

      Adding the Embed Widget to Wix

      1. Log in to Wix and open the Editor for your website.
      2. Select the page where you want to add the widget, or create a new page.
      3. Click Add on the left, choose Embed Code, then Embed HTML.
      4. In the HTML settings, paste your Heallist embed code.
      5. Click Apply and position the widget on your page as desired.

      Adding the Embed Widget to WordPress

      For WordPress, the steps vary slightly depending on whether you use WordPress.com or a self-hosted WordPress.org site.

      WordPress.com:

      1. Log in to WordPress.com and open the Editor for the page you want to embed the widget.
      2. Click Add Block, search for Custom HTML, and select it.
      3. Paste your Heallist embed code into the Custom HTML block.
      4. Click Preview to ensure it displays correctly, then Update the page to publish.

      Self-hosted WordPress.org:

      1. In your WordPress Dashboard, navigate to the page or post where you want to add the widget.
      2. Switch to the Text Editor and paste your Heallist embed code where you want it displayed.
      3. Click Update to save and make the widget live on your site.

       Adjusting Widget Size

      To help make sure their embedded Heallist widget is fully visible, you can adjust the size of the iframe by changing its height and width parameters in the HTML code or, on some platforms, by simply dragging the embed area.

      1. Directly in the Code:

        • In the iframe code, look for the style attribute. You can manually adjust the width and min-height values to better fit your website layout.
        • Example:
           
          <iframe src="https://app.heallist.com/widget/673250ff3fc1e557cfe93c67" data-widget-id="673250ff3fc1e557cfe93c67" style="border:none;width:100%;min-height:500px;" title="Heallist widget"></iframe>
        • Try increasing the min-height (e.g., to 500px or higher) to allow more space for content, ensuring it displays fully for your visitors.

      2. Adjusting via Drag-and-Drop (Platform-Specific):

        • On some platforms, like Squarespace and Wix, you can embed the iframe code and then drag the edges of the widget container to adjust its display size.
        • WordPress often allows adjustments to the iframe size via custom HTML blocks or widget containers.

      If you need specific help with adjusting the widget size on your platform, reach out to their support for details on iframe adjustments.

      Other platforms:

      If you’re using a different web hosting platform, you can still add the Heallist Embed Widget to your website! Simply paste it into any HTML page or consult your web hosting provider’s support resources . They can provide detailed instructions to help you integrate your widget smoothly, allowing you to display your services and streamline bookings directly from your website.

      Adding the Heallist Embed Widget allows clients to book seamlessly from your own website, making it easier for them to engage and for you to manage bookings in one place! If you need more information on or encounter any issues along the way, feel free to speak with us via our Live Support Chat or read more through our most commonly-asked questions in the Support Center.