Chat Widget

Connect with a website

A chat widget integration allows you to add a conversational AI to your website. Chat widget integration's primary purpose is to interact with your website's visitors by assisting your visitors in learning more about your product, responding to their inquiries, or providing upsell possibilities.

Before you begin

  • It would be best if you had an HTML editor application installed on your computer. If you don't already have one installed on your computer, several free HTML editors are available online, such as Atom, Notepad ++, Sublime Text, Visual Studio Code, and more.

Integrate Scope with a website

  1. Open your desired HTML editor.

2. Type the HTML structure, which contains a declarative header section and a body containing the document's actual content.

3. Head inside your scope and click Integration on the Scope details page of Mind Expression.

4. Click connect under Chat Widget.

5. Copy the script code in the Script and click Connect.

6. Come back to your HTML Editor and paste the script code inside the <head> tag. The code must be inserted on every page where the widget is displayed.

7. Save your HTML file.

Test and release of Scope

  1. Open your HTML file, and you will be redirected to a page. After that, locate the Widget Button at the lower right of your screen.

2. You can start the conversation by clicking the widget button.

3. Send messages to the bot.

Custom UI

Allows you to customize your messages' appearance according to your desired theme.

  1. Go to your Scope and click Custom UI.

2. Upon visiting the Custom UI, it allows you to modify the following items:

  • Bot Name

  • Primary Color

  • Widget Button

3. You can customize your chat widget button by uploading any jpeg or png photo you prefer.

Last updated