Mind Expression Docs
English
  • Mind Expression Docs
  • Why Mind Expression
  • Quickstarts
    • Create Scope
    • Add Subject
    • Test
    • Audit
  • Concepts
    • Scopes
    • Subjects
    • Components
    • Sandbox
    • Conversation history
    • Webhooks and escalation
    • Knowledge
    • Live Chat
    • Target Messages
    • Analytics
  • How-to Guides
    • Set up webhooks and escalation
    • Manage global keys
    • Customize messages
    • Educate AI
      • Manage ontologies
      • Recognition Check
      • Semantic Relations
      • Manage entities
    • Steps
    • Components
      • Normal Components
        • Conditions
        • Selection Classes
        • Parameter Bundles
      • Response Components
        • Component Actions
    • Build Q&A Subjects
      • Case 1. Online Payment
      • Case 2. Data Plans
    • Build Info Search Subjects
      • Case 1. Data Usage
      • Case 2. Payment History
    • Build Query Freestyle Subjects
      • Case 1. Data Purchase
      • Case 2. Change Mobile Plan
    • Intelligent Process
      • Introduction to Mindscript
      • Mindscript with Mind Expression
      • Frequently Asked Question
      • Package: Collections and Sequenceable
      • Package: Collections Unordered
      • Package: Collections-Strings
      • Package: Engine-Conversation
      • Package: Kernel-HTTP
      • Package: Kernel-Methods
      • Package: Kernel-Numbers
      • Package: Kernel-Dates
      • Package: Kernel-Objects
      • Package: Kernel Exceptions
      • Package: Cryptography
    • Test and debug
    • Integration
      • Mind Expression API
      • Chat Widget
      • LINE
      • Facebook Messenger
      • Viber
      • Instagram
      • Discord
      • WhatsApp
      • Google Sheet
        • Google Sheet Webhook
      • Google Calendar
        • Google Calendar Webhook
        • Google Calendar: Use Cases
    • Audit AI Activities
    • Live Chat
    • Target Messages
    • Back up, import and restore Scopes
  • Reference
    • Glossary
    • API Docs
Powered by GitBook
On this page
  • Connect with a website
  • Before you begin
  • Integrate Scope with a website
  • Test and release of Scope
  • Custom UI

Was this helpful?

  1. How-to Guides
  2. Integration

Chat Widget

PreviousMind Expression APINextLINE

Last updated 2 years ago

Was this helpful?

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.