Documentation

Embedding Experts on Your Website

Documentation

Accessing EveryAnswer

Features and Functionalities

Security and Privacy

Troubleshooting and Support

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

Frequently Asked Questions

How do I customize the interface settings for my Expert's shareable link page?
To customize the interface settings, go to 'Settings', click 'Experts', select the pencil icon on the desired Expert, go to the 'Share & Embed' tab, and then click on the 'Interface Settings' sub-tab.
What customization options are available for the shareable link page?
You can customize the colors, branding, and logo on the shareable link page to maintain brand consistency.
Does the chatbot have 24/7 availability?
Yes, the chatbot is available 24/7, ensuring that visitors always have access to instant support.
What is the benefit of embedding an Expert on my website?
Embedding an Expert on your website provides your visitors with instant, accurate answers to their questions 24/7 directly on your webpage. This enhances user experience and ensures visitors can get the information they need efficiently.
How can I add a floating chat bubble to my website?
To add a floating chat bubble to your website, navigate to **Settings** from the left navigation, click **Experts**, then click the pencil icon on the Expert you'd like to edit. Go to the **Share & Embed** tab, select the **Website Chat** sub tab, copy the code under **USE THIS CODE TO ADD A CHAT BUBBLE TO YOUR WEBSITE**, and paste it into the footer of your webpage.
Where should I paste the chat bubble code on my website?
Insert the copied chat bubble code snippet right before the closing `</body>` tag in your website's footer file.
How can I ensure the chat bubble appears and functions correctly on my website?
After pasting the code, save the changes and publish your webpage. Visit your website to check that the chat bubble appears and functions as expected.
How can I adjust the size of the iFrame embedding the Expert?
You can adjust the size of the iFrame by changing the width and height attributes in the iFrame tag within your HTML file, or by placing the iFrame inside a DIV or other container with specified dimensions.
Do Experts on my website require user authentication?
No, Experts accessed via Website Chat or iFrame do not require authentication and are anonymous, allowing any visitor with access to the webpage to use the Expert.
What does embedding an Expert as an iFrame look like on a webpage?
Embedding an Expert as an iFrame places an Expert chat interface directly on your webpage at the specified location, allowing users to interact with it without opening a separate chat window.
Can anyone ask questions using the embedded Expert?
Yes, the embedded Expert allows anyone with access to the webpage to ask questions anonymously about the information it contains.
What should I do if the chat bubble does not appear after embedding the code?
Ensure you've pasted the code snippet correctly before the closing `</body>` tag in your footer file, saved, and published your changes. Then, refresh your webpage to see if the chat bubble appears.
Can I change the font style of the Expert to match my website?
No, currently you cannot change the font style of the Expert to match your website.
Is any technical knowledge required to embed an Expert on my website?
Basic knowledge of accessing and editing your website's HTML code is required to embed an Expert using either the chat bubble or iFrame method.
How can I ensure a seamless integration of the Expert with my site's design?
Utilize the **Interface Settings** to adjust the color scheme and other appearance settings to match your website's design, ensuring seamless integration.
Last Updated:
October 8, 2024