OpenDialog Docs
opendialog.aiStart BuildingTalk to an expert
  • GETTING STARTED
    • Introduction
    • Getting ready
    • Billing and plans
    • Quick Start AI Agents
      • Quick Start AI Agent
      • The "Start from Scratch" AI Agent
        • Chat Management Conversation
        • Welcome Conversation
        • Topic Conversation
        • Global No Match Conversation
        • Supporting LLM Actions
        • Semantic Classifier: Query Classifier
      • A Process Handling AI Agent
  • STEP BY STEP GUIDES
    • AI Agent Creation Overview
    • Add a new topic of discussion
    • Use knowledge sources via RAG
    • Adding a structured conversation
    • Add a 3rd party integration
    • Test and tweak your AI Agent
    • Publish your AI Agent
  • CORE CONCEPTS
    • OpenDialog Approach
      • Designing Conversational AI Agents
    • OpenDialog Platform
      • Scenarios
        • Conversations
        • Scenes
        • Turns and intents
      • Language Services
      • OpenDialog Account Management
        • Creating and managing users
        • Deleting OpenDialog account
        • Account Security
    • OpenDialog Conversation Engine
    • Contexts and attributes
      • Contexts
      • Attributes
      • Attribute Management
      • Conditions and operators
      • Composite Attributes
  • CREATE AI APPLICATIONS
    • Designing your application
      • Conversation Design
        • Conversational Patterns
          • Introduction to conversational patterns
          • Building robust assistants
            • Contextual help
            • Restart
            • End chat
            • Contextual and Global No Match
            • Contextual FAQ
          • Openings
            • Anatomy of an opening
            • Transactional openings
            • Additional information
          • Authentication
            • Components
            • Example dialog
            • Using in OpenDialog
          • Information collection
            • Components
            • Example dialog
            • Using in OpenDialog
            • Additional information
          • Recommendations
            • Components
            • Example dialog
            • Additional information
          • Extended telling
            • Components
            • Example dialog
            • Additional information
          • Repair
            • Types of repair
            • User request not understood
            • Example dialog
            • Additional information
          • Transfer
            • Components
            • Example dialog
            • Additional information
          • Closing
            • Components
            • Example dialog
            • Using in OpenDialog
            • Additional information
        • Best practices
          • Use Case
          • Subject Matter Expertise
          • Business Goals
          • User needs
            • Primary research
            • Secondary research
            • Outcome: user profile
          • Assistant personality
          • Sample dialogs
          • Conversation structure
          • API Integration Capabilities
          • NLU modeling
          • Testing strategy
          • The team
            • What does a conversation designer do
          • Select resources
      • Message Design
        • Message editor
        • Constructing Messages
        • Message Conditions
        • Messages best practices
        • Subsequent Messages - Virtual Intents
        • Using Attributes in Messages
        • Using Markdown in messages
        • Message Types
          • Text Message
          • Image Message
          • Button Message
          • Date Picker Message
          • Audio Message
          • Form Message
          • Full Page Message
          • Conversation Handover message
          • Autocomplete Message
          • Address Autocomplete Message
          • List Message
          • Rich Message
          • Location Message
          • E-Sign Message
          • File Upload Message
          • Meta Messages
            • Progress Bar Message
          • Attribute Message
      • Webchat Interface design
        • Webchat Interface Settings
        • Webchat Controls
      • Accessibility
      • Inclusive design
    • Leveraging Generative AI
      • Language Services
        • Semantic Intent Classifier
          • OpenAI
          • Azure
          • Google Gemini
          • Output attributes
        • Retrieval Augmented Generation
        • Example-based intent classification [Deprecated]
      • Interpreters
        • Available interpreters
          • OpenDialog interpreter
          • Amazon Lex interpreter
          • Google Dialogflow
            • Google Dialogflow interpreter
            • Google Dialogflow Knowledge Base
          • OpenAI interpreter
        • Using a language service interpreter
        • Interpreter Orchestration
        • Troubleshooting interpreters
      • LLM Actions
        • OpenAI
        • Azure OpenAI
        • Output attributes
        • Using conversation history (memory) in LLM actions
        • LLM Action Analytics
    • 3rd party Integrations in your application
      • Webhook actions
      • Actions from library
        • Freshdesk Action
        • Send to Email Action
        • Set Attributes Action
      • Conversation Hand-off
        • Chatwoot
    • Previewing your application
    • Launching your application
    • Monitoring your application
    • Debugging your application
    • Translating your application
    • FAQ
    • Troubleshooting and Common Problems
  • Developing With OpenDialog
    • Integrating with OpenDialog
    • Actions
      • Webhook actions
      • LLM actions
    • WebChat
      • Chat API
      • WebChat authentication
      • User Tracking
      • Load Webchat within page Element
      • How to enable JavaScript in your browser
      • SDK
        • Methods
        • Events
        • Custom Components
    • External APIs
  • Release Notes
    • Version 3 Upgrade Guide
    • Release Notes
Powered by GitBook
On this page
  • Header
  • Minimise
  • Main Menu
  • Speech to Text
  • Call To Action (CTA)
  1. CREATE AI APPLICATIONS
  2. Designing your application
  3. Webchat Interface design

Webchat Controls

This page takes a look at the controls available on your OpenDialog chatbot.

PreviousWebchat Interface SettingsNextAccessibility

Last updated 1 year ago

Once you have opened your chatbot and are actively using it, there are a number of controls available to you from the chatbot interface. In this section, each control will be highlighted and described, ensuring that you know exactly what each icon represents and how to use them effectively.

All of these controls can be customised through the page.

Header

Within the top header of every chat bot, there is a variety of different controls that you can use

Minimise

The minimise button here allows you to close down your conversation when you are finished, or simply need to take a break from the chatbot.

To do this, locate the minimise icon in the top right corner, and click it once to close your current chatbot window.

Main Menu

  • Language

  • Download chat

  • Restart chat

  • End chat

To locate the main menu controls, find the 3 dots icon in the left hand corner. Click on the icon to bring up the menu. Example below:

Speech to Text

Another available control is the Speech to Text feature. This feature allows you to use your microphone to speak to the chatbot, which will then turn your speech into text.

To access this feature, find the microphone button in the bottom left corner. Clicking this will activate your microphone. After your microphone has been activated, you can speak your message and it will be translated into text. This text can then be sent as a response to the chatbot to continue the conversation.

Call To Action (CTA)

The Call to Action (CTA) is located when you minimise the chatbot that you are currently using. This CTA is also available instantly when your chatbot starts minimised on a given scenario. You would click the CTA to bring up and interacting with the chatbot.

To customise the text within the CTA, you can create a CTA message, with information on how to do this available by following the link above.

Next to the minimise icon, there is the main chatbot control menu. What goes into this menu is customisable by you in the section of the conversation engine. From here, you can choose to have the following actions available from within your main menu:

You are also able to customise the look and feel of your CTA button. This can be done via the section of the conversation engine.

Interface Settings
webchat interface settings
webchat interface settings
Where to find the minimise button - right top hand corner
Where to find the main menu button - right top hand corner
Example of the expanded main menu from within the header controls
Where to find the speech to text button - bottom left hand corner
Where to locate the CTA button