LogoLogo
  • A better way to do...stuff!
  • How we build the app
    • Overview
  • Documentation
    • Draftbit
      • Using Live Preview
      • Workspaces and Billing
      • Introduction to the Builder
      • Layout
      • Intro to Navigation
      • Fetching Data
      • Direct Integrations
      • FAQs
      • Draftbit
      • Draftbit
      • Custom Blocks
      • Borders, Background, and Elevation
      • Actions
      • Custom Screen Code
      • Exporting and Publishing Your Project
      • Sharing Your Project Online
      • Publishing Your App as a PWA
      • Stack Navigator
      • Tab Navigator
      • Draftbit
      • Draftbit
      • Basic
      • Media
      • REST Services & Endpoints
      • REST API Integrations
      • Themes & Styling
      • Submitting Data
      • Draftbit
      • Draftbit
    • Xano
      • resources-and-tips-1
        • 🎞️ Xano Video Tutorials
        • 🀝Community Corner
        • πŸ’°Share Xano. Make money
      • FAQ
      • getting-started
        • ⚑ Jumpstart
        • 🎞️ The Xano Interface
      • instances
        • What is an Instance?
        • Early Access Instance
        • Upgrading an Instance
        • Sharing
        • Bandwidth Usage
        • API Rate Limit
      • What is a Workspace?
      • Dashboard
      • Database
      • Airtable Import
      • API
      • Library
      • Marketplace
      • Settings
      • authentication
        • Authentication
        • Sign-up & Log in
      • data-manipulation
        • The Function Stack
        • Addons (GraphQL-Like)
        • The Expression Builder
        • External Query Manipulation
        • Timestamp
        • Filters
        • Images
    • Expo
      • Creating your first build - Expo Documentation
    • Kommunicate
      • Installation
      • Installation
      • Installation
      • Installation
      • Installation
      • Flutter Installation
      • Installation
      • Zapier Integration
      • Authentication
      • CMS Installation
      • Authentication
      • Conversation
      • Conversation Assignment
      • Customization
      • Localization
      • Logout
      • Web Troubleshooting
      • Installation
      • Authentication
      • Push Notification
      • Conversation
      • Customization
      • Localization
      • Logout
      • Installation
      • Authentication
      • Push Notification
      • Conversation
      • Customization
    • Formito
      • basics
        • Getting Started
        • Variables
        • Are you GDPR ready?
        • How to prefill the values of my chatbot?
      • connect
        • How to connect Formito to Zapier?
      • convert
        • How to convert old formito chatbots to the new version?
        • How to convert Google Forms into a chatbot?
        • How to convert a Monday.com board to a chatbot?
        • How to create chatbot from QuickBase table?
      • guide
        • How to add my chatbot to WordPress?
        • How to create a chatbot for Zendesk?
      • shopify
        • How to embed my chatbot into a Shopify page?
        • How to display Formito chatbot on bottom corner of my Shopify store?
        • How to open my chatbot after clicking on links or buttons?
    • Stonly
  • Flex Stuff
    • App
    • APIs
    • Database
    • Website
    • Design
    • Style Guide
  • Content
    • Guides
    • ChatBots
    • Blogs
    • Whitepapers
  • Company
    • About us
    • Brand
    • Roadmap
    • Policies
  • Flex Together
    • Overview
    • Fair Finance
Powered by GitBook
On this page
  • Bot or agent responses are not updating real time on chat widget
  • Conversations are getting assigned to human agent instead of bot
  • Every time when a user navigates to different webpages, a new user with a new conversation gets created
  • Chat widget is not optimized for mobile view

Was this helpful?

  1. Documentation
  2. Kommunicate

Web Troubleshooting

Bot or agent responses are not updating real time on chat widget

If you are not receiving replies from the bot or the agent in the chat widget, then it might be due to one of the following reasons:

  1. HTML file is opened on the browser from the file system directly. Real time updates require websocket, due to cross origin security policy, websocket doesn't work when html file is opened directly from the file system.

This error can be verified by looking into the browser's console. Check if there are any errors similar to the following:

Access to XMLHttpRequest at 'https://socket.applozic.com/stomp/info?t=1547050628459' from origin 'null' has been blocked by CORS policy: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'. The credentials mode of requests initiated by the XMLHttpRequest is controlled by the withCredentials attribute.

To resolve it, serve the html page through the web server such as Apache, Jekyll, Tomcat, Python, Node etc.

Example : How to serve the html file via web server ?

Solution :

Step-1 Open Terminal.

Step-2 Change the current working directory to the directory where HTML file is present.

Step-3 If you are using Python 2 type command python -m SimpleHTTPServer 8000 
for Python 3 python -m http.server 8000.

Open your web browser and enter http://localhost:8000 to run the demo.
  1. Verify if you are running it within a firewall network. Kommunicate uses port 443 for establishing a websocket connection. If your network has blocked websocket protocol or port 443, then Kommunicate web plugin will not be able to establish websocket connection with Kommunicate's MQTT based real time update service.

This error can be verified by looking into the browser's console. Check if there are any errors similar to the following:

https://socket.applozic.com/stomp/info?t=1547037843186 net::ERR_CONNECTION_REFUSED

Error in channel notification. Whoops! Lost connection to https://socket.applozic.com/stomp

To resolve it, check with your network team for allowing websocket protocol and port 443.

  1. If bot configured through dialogflow is not responding, then verify if the service account private key file uploaded to Kommunicate is correct.

Conversations are getting assigned to human agent instead of bot

  • Select the respective bot to answer queries under "Routing rules for bots".

  • If you have recently modified the 'Bot Routing Rules' then test the new behavior initiating new conversations. Please note that new changes will not be reflected on already created conversations.

Every time when a user navigates to different webpages, a new user with a new conversation gets created

To resolve this issue, uncheck the option "Remove chat session history on page refresh" and proceed with "Remove chat widget after a set period time"

Chat widget is not optimized for mobile view

  • Check if you have added the viewport tag to your website.

  • The tag sets the width of the page to follow the screen-width of the device (which will vary on every device)

You can copy the following snippet and paste it in the tag of your website to make the chat widget responsive.

name="viewport" content="width=device-width, initial-scale=1">
PreviousLogoutNextInstallation

Last updated 4 years ago

Was this helpful?

Verify if you have configured 'Bot Routing Rules' from

If the option "Remove chat session history on page refresh" from is selected then on every page load, a new user will be created. It’s irrespective of the page, where the webiste is getting reloaded when the user navigate.

If none of the above helps, drop us a mail at

Settings -> Conversation Rules
Settings -> CHAT WIDGET -> Customization
support@kommunicate.io