Embedding Experts on Your Website

Introduction

Embedding Experts on your website allows you to provide instant, AI-powered assistance to your users seamlessly. This feature can enhance user engagement by offering 24/7 support with no waiting time. You can embed Experts in your website either as a floating chat bubble or as an iFrame directly into a webpage. This documentation will guide you through the steps to integrate and customize these Experts on your website.

Website Chat

Why Use It?

The Website Chat option allows users to interact with Experts via a floating chat bubble/icon. This chat bubble is always accessible and, when clicked, opens a chat window where users can ask questions and receive answers directly on the webpage.

How to Use It

1. In the left navigation, under Settings, click Experts.
2. From the list of Experts, click the pencil icon on the Expert you'd like to edit.
3. Click on the Share & Embed tab.
4. Click on the Website Chat sub tab.
5. Copy the code under the heading USE THIS CODE TO ADD A CHAT BUBBLE TO YOUR WEBSITE.
6. Paste this code into the footer of your webpage. Typically, you would place this code right before the closing </body> tag in your HTML. This step may involve accessing your website's source code or using your content management system's integration tools to add custom scripts.

iFrame

How to Use It

1. In the left navigation, under Settings, click Experts.
2. From the list of Experts, click the pencil icon on the Expert you'd like to edit.
3. Click on the Share & Embed tab.
4. Click on the Embed sub tab.
5. Copy the code under the heading USE THIS CODE TO EMBED YOUR EXPERT AS AN IFRAME.
6. Paste this code into your webpage wherever you want the chat to appear. The iFrame is set to size to 100% height/width of the parent container, so ensure the parent container has defined dimensions.

Customizing Colors and Branding

You can customize the colors and branding of the embedded Expert to match your website's design for a seamless integration. These customizations can be applied to both the Website Chat and the iFrame.

Interface Settings

Interface settings applicable to both the Website Chat and iFrame can be found under the Interface Settings sub tab.

How to Get There

1. In the left navigation, under Settings, click Experts.
2. From the list of Experts, click the pencil icon on the Expert you'd like to edit.
3. Click on the Share & Embed tab.
4. Click on the Interface Settings sub tab.

For more details about customization options, see: Customizing Expert Design and Branding.

Notes

Experts accessed via Website Chat or iFrame do not require authentication and are anonymous. This means anyone with access to the webpage can access it, ask questions, and receive responses from the Expert.

Related Documentation

• Experts
• Customizing Expert Design and Branding
• Accessing Experts