LogoLogo
DialoX Manual
DialoX Manual
  • Start
    • News
    • Getting Started
    • Ordering
    • Signup
    • Switcher
  • STORE
    • Marketplace Apps
      • Level 1 - Basic
        • Callback Note Basic
        • On-call Router Basic
        • Smart Group Voicemail
        • Smart IVR Basic
        • SMS Call Deflector
        • Survey Basic
      • Level 2 - Advanced
        • Call Deflector
        • Callback Note
        • Order Assistant
        • Smart IVR
        • Survey
        • Website Chat
      • Level 3 - Professional
        • Callback Planner
        • Appointment Planner
    • Legacy Apps
      • Survey Extension
      • Smart IVR Basic
      • Smart IVR 2.0
      • Whatsapp Calldeflector 1.0
      • Whatsapp Calldeflector 2.0
      • Social Inbox 1.0
      • Social Inbox 2.0
      • Basic Group Voicemail
      • Group Voicemail
      • Oncall Assistant
      • Web App
      • Basic Callback Note
      • Callback Note
      • Callback Planner
      • Caller Based Router
    • Skills
      • Base flows
      • Platform defaults
      • Phone flows
      • Chat flows
      • Web flows
      • LLM Flows
      • LLM Knowledge base
      • Address Flows
      • Email flows
      • Timeplans
        • How to add a flow for lunch breaks
      • On-call schedule
      • Planner
      • OAuth Flows
      • Integrations
        • Zendesk
        • Jira
        • Hubspot
  • SETTINGS
    • User Settings
      • Availability settings
      • Profile settings
      • Security
    • App Settings
      • App identity
      • Opening hours
      • Tags
      • Studio
      • Extra options
      • Backups
  • Inbox
    • Inbox
      • Assigning
      • Joining and leaving
      • Sending messages
      • Canned responses
      • Team chat
      • Watching
      • Close
      • Filter conversations
      • Multiple inboxes
    • Contacts
    • Notes
    • Today
    • Notifications
      • Notification panel
      • Notification preferences
      • Rules for notification
      • Chrome and Windows settings
      • Microsoft Teams notifications
  • Studio
    • Home
      • Customer settings
        • Settings
        • Advanced settings
        • Store settings
      • Audit Log
      • Access Request
    • Dashboard
    • Flows
      • Playbook
      • Triggers
      • Variables
      • Conditions
      • Tags
      • Languages
      • Links
      • Nodes
        • Say
        • Ask: Open
        • Ask: Choice
        • Ask: Single
        • Ask: Date
        • Ask: Name
        • Ask: Phone
        • Ask: Email
        • Ask: Form
        • Ask: Language
        • Ask: Selection
        • Ask: Time
        • Ask: Audio
        • Ask: Number
        • Ask: Custom entity
        • Ask: Address
        • Ask: Zipcode
        • Iterate
        • Iterate: LLM
        • Say: LLM
        • Say: LLM Knowledgebase
        • Iterate: LLM Knowledgebase
        • Iterate: continue
        • Show: audio
        • Show: whatsapp link
        • Show: image
        • Show: video
        • Show: file
        • Show: location
        • Control flow: branch
        • Control flow: go to flow
        • Control flow: switch language
        • Control flow: close
        • Control flow: restart
        • Control flow: pause
        • Control flow: invoke dialog
        • Dial: number
        • Dial: smart
        • Send: note
        • Send: email
        • Send: SMS
        • Send: whatsapp
        • Escalate: default
        • Escalate: smart
        • Perform: create jira ticket
        • Perform: get jira ticket
        • Plan
    • AI
      • Intents
        • LLM Intents
        • Q&A Intents
      • Knowledge bases
      • Prompts
    • Channels
      • Chatwidget
      • Whatsapp
        • How to integrate Whatsapp
        • How to change my Whatsapp profile
        • How to manage Whatsapp templates
        • How to send Whatsapp template with documents
        • How to automate outbound Whatsapp
        • How to send Whatsapp template
        • How to use Commerce Catalog
        • Whatsapp for Business
      • MS Teams
        • How to migrate new Version
        • How to change channel connection
      • Facebook Messenger
      • Phone
      • Progressive Web App (PWA)
    • Content
      • Nudges
      • Whatsapp optout
      • Voice lexicon
      • FAQs
      • Calendars
    • Visitors
    • Calendars
    • Campaigns
    • Conversations
    • Notes
    • Contacts
  • ADMINISTRATION
    • Organisation
    • Bots
    • Licenses
    • Channels
    • Orders
    • Usage
    • Users
    • Access Requests
    • Analytics
  • DESKTOP
    • Enreach Contact Desktop
  • FAQ
    • Studio
      • How to Publish
      • How to make 2FA Required
      • How to add additional columns to contactlist
      • Conversation retention time
      • How to help the bot pronounce phone numbers correctly
      • How to help the bot pronounce loose numbers correctly
    • Flow Topics
      • Skipping step based on language tag
      • Switching language using intent trigger
    • Meta
      • How to get Meta Business Suite Verification
      • How to connect Facebook page to Facebook Business Account
    • 360Dialog
      • How to give permission API access
      • How do I change my profile in 360Dialog
      • How to make 360dialog templates
      • How do I terminate my number in 360Dialog
    • Bubblescript
      • How to add a custom button
      • How to change the email template
    • Operator
      • Where are my CDRs?
      • Onboarding required
    • Google Tag Manager
    • Platform
      • Network Security Policies
    • Make
Powered by GitBook
On this page
  • Instructions
  • Enable your web widget
  • Configure the web widget
  • Prepare implementation on your website
  • Test your web widget
  • Design your widget
  • Customize labels

Was this helpful?

Export as PDF
  1. Studio
  2. Channels

Chatwidget

PreviousChannelsNextWhatsapp

Last updated 9 months ago

Was this helpful?

Contact is only established when customers can actually find you. One way to make sure your customers can find you is using your company's central phone number which is already familiar to your customers. Another important way for customers to engage with you by whatsapp is by offering a Web Widget on your website that works as a Whatsapp launcher.

This web widget can be easily embedded on your website so people can always start a Whatsapp conversation with you or your colleagues by scanning the QR code or clicking on the link.

Instructions

Enable your web widget

  1. Go to Channels

  2. Click on Chatwidget

  3. Click on Enable

Configure the web widget

  1. Enter your domain name

  2. Optionally enable visitor tracking

  3. Click on Save

Provide your domain name without the www. and without the path /page/..Press 'enter' to add this domain and repeat if you want this widget to be used on more websites

Prepare implementation on your website

  1. Scroll down and click on the little clipboard icon to copy the widget HTML snippet to your clipboard.

Make sure to paste the HTML snipplet right before the </body> tag.

Test your web widget

The design of your widget can be styled to fit your own brand requirements by the following steps. You can test the design

  1. Click on Design

  2. Check out the widget in here or

  3. Choose your website URL using "Select preview site" in the dropdown and click

  4. Share link to view the widget on top of your website

  5. Choose the alignment of your widget from bottom right, bottom left, top right, top left

Notice that the widget preview doesn't work on all websites when clicking share link. Some websites prevent loading inside an iframe for this function to work properly.

Design your widget

Now you can start changing the properties of your widget in order to fit your needs. See the below screenshot to understand which property affects which part of the widget.

Customize labels

When you click on Customize labels in the page on the screenshot above you will be able to make changes to the default labels that are rendered in the Chatwidget.

You can implement the widget code on your website or ask your website agency to do so when ever you feel comfortable with your bot. See the for more instructions.

technical documentation