Embed a Live Chat Widget

Embed a Live Chat Widget

A live chat widget is an integration that allows you to provide real-time service to your website's visitors. 

Once you choose a chat software, they should provide you with an HTML code that you can embed on your website. To add the live chat widget on your website, you will want to create an HTML Block.

Note: Many aspects of your live chat's widget are controlled through the software provider itself. If you want to change the look, feel, or functionality of your live chat widget, please refer to the provider's support resources.

 

Add a live chat widget to every page on your site

1. Navigate to Content in the gray navigation bar at the top of your dashboard.

2. Under Global Content on the right-hand side of your screen, select Footer.

Screen_Shot_2020-01-29_at_4.51.15_PM.png

3. Select the green (+) button at the bottom of the page or in between the content blocks, where you'd like to add the HTML block.

4. Select the green HTML tile.

5.  Paste the code you want to embed into the new content block you have created. 

Screen_Shot_2020-01-29_at_5.17.02_PM.png

6. After you paste your code into the code box, select the blue Save button.

7. Select Publish.

 

Add a live chat widget to specific pages 

1. Navigate to Content in the gray navigation bar at the top of your dashboard.

2. Select the page you want to embed the custom HTML.

3. Select the green + button at the bottom of the page or in between the content blocks, where you'd like to add the HTML block.

4. Select the green HTML tile.

5.  Paste the code you want to embed into the new content block you have created.  

Screen_Shot_2020-01-29_at_5.17.02_PM.png

6. After you paste your code into the code box, select the blue Save button.

7. If you only want to add the chat widget to one page, click Publish. If you would like to add the widget to additional pages, then repeat steps 1-6 for each page before publishing.

 

    • Related Articles

    • MINDBODY Information (Adding Widgets/Integration)

      MINDBODY offers the best tools for online bookings, point-of-sale and marketing solutions. Together, we provide a fantastic solution for building and promoting a powerful web presence. MINDBODY's branded web tools provide the best way to integrate ...
    • Add Emma Lightbox to your Website

      You may want to capture emails on your site using an Emma Lightbox, which is a pop-up modal box that encourages users to input their name and email details. Follow the steps in this article to customize your Lightbox and receive an embed code: ...
    • Install Google Tag Manager

      There is a special way to add the Google Tag Manager script into your site so that it functions properly on all pages of the site. To do this, you will need to add an HTML block to your footer with a portion of code and then the other portion you ...
    • Setup Google Conversion Tracking on One of Your Pages

      IMPORTANT: The steps in this article require developer permissions. Please refer to this Google article for steps regarding a conversion tracking code setup: https://support.google.com/adwords/answer/6095821?hl=en
    • Connect/Add Your Instagram Feed

      Are you looking to add an Instagram Feed to your website? If so, you will want to use a third-party social feed widget. You can embed these on your site using an HTML block. Below are some recommended widgets that offer embeddable Instagram feeds: ...