Developer Docs | Kommunicate

Developer Docs | Kommunicate

  • Book a Demo
  • Try For Free

›Web

Web

  • Installation
  • CMS Installation
  • Authentication
  • Conversation
  • Conversation Assignment
  • Customization
  • Localization
  • Logout
  • Troubleshooting

Android

  • Installation
  • Authentication
  • Push Notification
  • Conversation
  • Customization
  • Localization
  • Logout
  • Migration
  • Troubleshooting

iOS

  • Installation
  • Authentication
  • Push Notification
  • Conversation
  • Customization
  • Configuration
  • Localization
  • Logout
  • Troubleshooting

React Native

  • Installation
  • Expo Installation
  • Authentication
  • Push Notification
  • Conversation
  • Customization
  • Logout
  • Troubleshooting

Flutter Mobile

  • Installation
  • Authentication
  • Push Notification
  • Conversation
  • Customization
  • Localization
  • Troubleshooting

Flutter Web

  • Installation
  • Authentication
  • Conversation

Ionic/Cordova

  • Installation
  • Authentication
  • Push Notification
  • Conversation
  • Customization
  • Localization
  • Logout
  • Resolving Errors

Ionic/Capacitor

  • Installation
  • Authentication
  • Push notification
  • Customization

Rich Messages

  • How To Use
  • Types of Rich Messages

Bots

  • Bot setup
  • Dialogflow Integration
  • Lex Integration
  • Kompose Bot Builder
  • IBM Watson Integration
  • Custom Bot Integration
  • Import Kompose Bot
  • Bot Samples

Integrations

  • Zapier
  • WhatsApp
  • WhatsApp 360Dialog
  • WhatsApp Twilio
  • WhatsApp Cloud API
  • Instagram Integration
  • Telegram Integration
  • Sunshine Integration
  • Freshdesk Integration
  • Pipedrive Integration
  • Agile Integration

Platform APIs

  • Authentication
  • Endpoints

Dashboard Features

  • Analytics
  • Conversations
  • Users
  • Bot Integration
  • Helpcenter
  • Campaign Messaging
  • Settings

Configuration

  • Single Sign On (SSO) Setup
  • Webhooks
  • Access Token URL
  • Email Fallback

CMS Installation

Install on Website builders or Content Management Systems (CMS)

  • WordPress
  • Squarespace
  • Wix
  • Shopify
  • PrestaShop
  • Magento
  • BigCommerce
  • Weebly
  • GoDaddy
  • Joomla
  • Moodle
  • Blogger
  • Webflow

Wordpress

Step 1: Log in to your website’s WordPress dashboard

Wordpress

Step 2: Navigate to Plugins

From the left navigation panel, click on Plugins. Thereafter, click on Add New and search for ’Kommunicate’. Click on the Install Now button for the Kommunicate plugin.

Wordpress

Step 3: Activate the Plugin

Now click on 'Activate' the plugin to make use of it.

Wordpress

Step 4: Open Kommunicate Settings

From the left navigation menu, click on Kommunicate Settings and click on Update App ID button. You will need your Kommunicate APP_ID for this part. To get your APP_ID, go to your Kommunicate Dashboard. Settings > Install. Your APP_ID will appear on the screen, which you need to update here.

Wordpress

Step 5: Saving App ID

Once the App id is added, click on Save Changes. That's it.

Wordpress

Live chat is now active on your website. Open the website and check out the chat plugin. You will find it in the bottom-right corner.

Wordpress

Video tutorial: Add Live Chat to Wordpress

Squarespace

Step 1: Log in to your account and select your website

Visit Squarespace and login to your account. Under Website tab, click the website in which you want to add the live chat plugin.

Squarespace

Step 2: Open settings

Choose Settings from the left navigation panel.

Squarespace

Step 3: Open advanced settings

Next, navigate to the Website section and Click on Advanced to open advanced settings.

Squarespace

Step 4: Open the code injection console

From the advanced settings menu, open Code Injection console.

Squarespace

Step 5: Insert your plugin script

Paste the copied javascript code the footer section.

To get Install script - go to the Install section and copy the script.

Squarespace

Click Save and you are good to go!

Wix

Step 1: Login to your Wix account

Login to your account and click on the My Sites.

Wix

Step 2: Select the site you want to integrate live chat in

Select your site and click on the Edit Site button.

Wix

Step 3: Open HTML iframe

After clicking on the edit site. Go to the left side panel and click on Add icon then move to the cursor on More link => Open add more tab => select the HTML iframe.

Wix

Step 4: Paste your JavaScript code

Click on Enter code. HTML iframe Popup box will open. Here in this box paste our JavaScript Install script you got from Kommunicate dashboard.

To get Install script - go to the Install section and copy the script.

Wix

Adjust the width and height of chat widget ⇒ Click Apply

(Recommended size: Width – 400 px & Height 600 px)

Now you are done with integrating live chat.

Step 5: Adjust chat widget position

In this step, you need to adjust the chat widget position and enable it to show in all pages.

Right-click on your chat widget ⇒ Enable show on all pages ⇒ Select pin Settings/pin to screen as shown in the screenshot below. Then you will get the option to adjust position and size.

Set position and size as per your convinience.

Wix

Its done ! You are good to go!

Steps to install Live chat plugin in the Wix website (Paid plan)

If you are using a paid plan, please follow the below steps to install Kommunicate live chat.

Note: In Wix paid plan, you can adjust chat widget size for both mobile and desktop versions.

Step 1: Login

  1. Login to Wix dashboard

  2. Choose your site ⇒ Settings ⇒ Tracking & Analytics

Wix

  1. Next, click on New Tool and Custom

Wix

  1. In the box, paste the install script you got from Kommunicate dashboard and also give the Name for your chat widget implementation as LiveChat so that it’ll display on all pages.

To get Install script - go to the Install section and copy the script.

Wix

  1. As a final step, select Body – end as the position for your LiveChat and click on Apply.

Wix

With these steps, you can integrate live-chat in your Wix websites.

Video tutorial: Integrate live chat plugin with Wix Website

Shopify

Step 1: Login to Shopify Admin Panel.

Shopify

Navigate to Apps and search for Kommunicate and select the highlighted App by Kommunicate.

Shopify

Step 2: Click on Add App

Shopify

Step 3: Click on Install App

Shopify

Once you click on Install App, this will take you to the Kommunicate dashboard for the confirmation.

Shopify

Step 4: Click on Go to Store

That's it, the chat widget has been successfully installed in your Shopify store on the bottom right corner.

Shopify

PrestaShop

Step 1: Once you login to your PrestaShop account, the first step is to navigate to the “Modules” section from the right navigation panel. Click on Module Catalogue, and, from this screen, click on Module Selections.

Prestashop

Step 2: Search for Kommunicate in the Module catalogue by going to the Module selection page and searching for “kommunicate” in the search bar.

Prestashop

Once you have found it, you will have to configure your newly added Kommunicate module by clicking Configure.

Prestashop

Step 3: You will need your Kommunicate APP_ID for this part. To get your APP_ID, go to your Kommunicate Dashboard> Settings and then click Install. Your APP_ID will appear on the screen, which you need to copy.

Prestashop

Step 4: Now go to your PrestaShop account, paste your APP_ID here, and boom, you have successfully added Kommunicate’s Live chat widget to your PrestaShop marketplace.

Prestashop

Here’s the chatbot live in the store:

Prestashop

Magento

Step 1: Login to your Magento admin panel

Magento

Step 2: From the left navigation panel, click the “CONTENT” option, and it will show a list of options under the “Design” section. Then click the “Configuration” option.

Magento

Step 3: You’ll be navigating to the “Design Configuration” page. You would be able to see the list of your stores. Click the “Edit” option for the “Default Store View.”

Magento

Step 4: Click the “Footer” option on the default store view page.

Magento

Open your Magento website, and the Kommunicate chat widget will be loaded along with your Magento bot.

Magento

BigCommerce

Step 1: Login to your BigCommerce account here

Step 2: Once you have logged into the BigCommerce dashboard, click on Apps in the lower left corner of the screen

Bigcommerce

Step 3: You will be redirected to the BigCommerce Apps screen, in which you will have to click on BigCommerce/Apps as shown below.

Bigcommerce

Step 4: You will reach the search bar where you will have to search for Kommunicate. Just search “Kommunicate.io” in the search bar or click here. The Kommunicate app will show up in the search results, and you will have to install this app using “Get this App.”

Bigcommerce

Step 5: If you are logged into BigCommerce or if you have a BigCommerce store already registered, select “Existing BigCommerce Store.” If you are new to BigCommerce, select “SignUp.” If you are an existing user, you will be redirected to the BigCommerce dashboard. From here, click the “install” button as a preliminary step in installing the Kommunicate chat widget.

Bigcommerce

Step 7: You will be redirected to the access page where you will have to grant access to some of the site’s features to Kommunicate. Just check the button to the right of the screen and click “Confirm” button.

Bigcommerce

Step 8: You will be redirected to the page where you can connect the Kommunicate chat widget to your BigCommerce store. Click on the “Install Kommunicate” and boom, you can now navigate away from the BigCommerce site.

Bigcommerce

Step 9: If you wish to verify if your chat widget has been installed correctly, you will have to log back into the BigCommerce page. The Dashboard would display the message, “Kommunicate chat widget has been successfully installed.”

Bigcommerce

Step 10: Navigate to a storefront on the left side of the screen, as shown above:

Step 11: Under the “My Themes” tab, click on customize and you will be taken to the sample store with your chat widget already loaded onto the website.

Bigcommerce

Step 12: Your chatbot will now appear on the storefront, as shown below:

Bigcommerce

Weebly

Step 1: Log in to your Weebly account

Log in to your Weebly account and open your Weebly console.

Weebly

Step 2: Open the Edit/Design section

Click on the “Edit Website” button or “Design your website” option; it will show all the website pages.

Weebly

Step 3: Add Section

Locate the Add Section option and open it.

Weebly

Step 4: Open the Embed Code Section

Locate the Embed Code section in your console and select the “Embed code” page section.

Weebly

Step 5: Add Your Live Chat Script Here

Paste your Kommunicate live chat code snippet in the Embed code section, as shown in the image below.

To get Install script - go to the Install section and copy the script.

Weebly

Step 6: Publish Your Website

Now navigate back to your Weebly console and click on Preview or Publish at the top of the panel. You will be able to see your chat widget there.

Weebly

You can now view the Kommunicate live chat widget on your Weebly website, and this is how it is going to look:

Weebly

GoDaddy

Step 1: Log in to your GoDaddy account

Then click the My Products under the account user dropdown option at the top

Under the All Products and Services section, you can see the Websites section. Click Manage under your websites

GoDaddy

Step 2: Add Website

Then Click Add Website or sometimes it will be Edit Website in the Website Builder and start editing

GoDaddy

Step 3: Add Section

Now Click the PAGE section and select the page you want to add the Kommunicate live chat and then select the Add Section

GoDaddy

Step 4: Choose HTML and click Add button

GoDaddy

Step 5: Add livechat script

Now, paste your Kommunicate live chat code snippet in the Custom Code field

GoDaddy

To get Install script - go to the Install section and copy the script.

After pasting the Custom Code field, you can specify a height for the chat widget iframe in the Forced Height section. Now, click Done at the top of the website builder panel

GoDaddy

Click Preview or Publish at the top of the panel, you can now view the kommunicate live chat widget on your GoDaddy website

GoDaddy

Joomla

Step1: Login to your Joomla administrator panel

The Administrator interface can be opened by appending the word administrator to the URL of your Website or Server IP.

For example, http://www.mentionyourwebsiteURLhere.com/administrator Or http://159.65.151.55/administrator

Step2: Select 'Templates'

Then, Go to “Extensions” and click “Templates” from the drop-down

Joomla

Then select the required template for your site.

For example, Template – Beez3 Details and Files

Joomla

Step 3: Click on the “index.php” file on the left side menu

Joomla

Then, scroll to the bottom on the “index.php” file, you would be able to find tags at the last.

Joomla

Step 4: Add Livechat script

Now, paste your Kommunicate live chat code snippet in the between the body tags (above ) and “Save”

To get Install script - go to the Install section and copy the script.

Then paste the code between your Joomla website the tags (above ) and “Save”

Joomla

After saving, you can view your Joomla website and test the Kommunicate live chat widget.

Joomla

Moodle

Moodle is the world's most widely used Learning Management System (LMS) designed to provide educators, administrators, and learners with a single robust, secure and integrated system to create personalized learning environments.

Add the Chatbot to your Moodle site

Step 1: Login to your Moodle account

image

Once you logged in, it will show the preference sections. Click the ‘Admin User’ dropdown and click the Dashboard option.

image

Step 2: Add the Kommunicate Live Chat Script

From the left navigation panel, click on the Site administration option.

image

Under the Advanced features section, it will show a list of various sections. Click on the Appearance option.

image

Now click and open the Additional HTML section. Copy your Kommunicate live chat script from the Kommunicate dashboard -> Settings -> Install. Insert the copied script in the Before BODY is closed box and Save changes.

image

Open your Moodle website and you will see the Kommunicate chat widget will be loaded along with the bot responses. You can manage the conversations from Kommunicate dashboard.

image

Creating and installing your Moodle chatbot is very simple and requires no coding skills or technical expertise.

Blogger

Step 1: Log in to your blogger account

Visit Blogger and login to your account.

Blogger

Step 2: Open theme

Choose theme from the left navigation panel.

Blogger

Step 3: Click on the arrow icon just beside customize

Blogger

Step 4: Click Edit Html

Blogger

Step 5: Paste the Install Script

To get the Install script - go to the Install section and copy the script. Paste the script at the end of the body tag.

Blogger

Click Save and you are good to go!

Step 6: Voila! Chatbot will appear

Blogger

Webflow

Enhance your Webflow website's communication capabilities with the seamless integration of the Kommunicate chat widget. In this comprehensive guide, we'll walk you through the installation process, empowering you to leverage the full potential of Kommunicate's powerful features.

The Webflow has the flexibility to integrate & display globally across the entire site or selectively restrict to specific pages, offering you a tailored approach to enhance communication based on your preferences and requirements.

Step 1: Go to Site Settings and select Custom code from the left panel.

Webflow

Step 2: Add your installation script in the Footer code section and click Save changes.

The code entered in the Footer code section applies to your entire site. Once you have completed this step, publish your site to see the implemented changes.

Webflow

If you wish to display the chat widget on specific pages, follow this approach.

Step 1.1: Open your site in the Designer, select the specific page you want to customize, and click on the Settings icon.

Scroll down to find the Custom Code option and add your installation script to the "Before tag" section.

It's essential to note that the code included in the custom code section of any page will exclusively apply to that specific page.

Webflow

Webflow

For more information and help on custom codes, refer to this Webflow documentation.

← InstallationAuthentication →
  • Wordpress
  • Squarespace
  • Wix
  • Shopify
  • PrestaShop
  • Magento
  • BigCommerce
  • Weebly
  • GoDaddy
  • Joomla
  • Moodle
  • Blogger
  • Webflow

Ready to automate more than 80% of your customer support?

Try for Free
  • support@kommunicate.io
  • United States
    (+1) (310) 402-2374
  • India
    (+91) 974-057-0196
  • Learn
    • iOS Chatbot
    • Amazon Lex Chatbot
    • Chatbot in Android
    • ChatGPT with Flutter
    • Document to Chatbot
    • React Native Chatbot
    • Create Flutter Chatbot
    • Whatsapp Business API
    • Integrate React Js Chatbot
    • Whatsapp Chatbot Using NodeJs
    • Integrate ChatGPT With Whatsapp
    • Integrate Dialogflow With Whatsapp
    • ChatGPT For Product Engagement
    • Product
    • AI Chatbot Builder
    • Generative AI Chatbot
    • Customer Experience
    • Chatbot Features
    • Dialogflow Integration
    • FAQ Chatbot
    • Live Chat
      Industries
    • Healthcare Chatbot
    • E-commerce Chatbot
    • Education Chatbot
    • Banking Chatbot
  • Integrations
    • E-commerce Chatbot Integration
    • Omnichannel Chatbot
    • Chatbot Integration
    • Chatbot for Website
    • Mobile Apps Chatbot
    • Chatbot for CRM's
    • Automation and Analytics
    • Zendesk Chatbot Integration
  • Resources
    • Chatbots Templates
    • Case Studies
    • Whitepapers
    • Chatbot Guide
    • Videos
    • Knowledge Hub
    • Comparisons
    • ROI Calculator
    • Blogs
    • Company
    • Partner Program
    • Affiliate Program
    • Pricing
    • About Us
    • Media
      Support
    • Contact Us
    • HelpCenter
    • Stack Overflow
    • API Status
  • Comapare
    • Kommunicate Vs Verloop
    • Kommunicate Vs Intercom
    • Kommunicate Vs Yellow
    • Kommunicate Vs Twak
    • Kommunicate Vs Ada
Arabic
Hindi
Spanish
French
German
Portuguese
Urdu
Software Advice Frontrunners for Live Chat Mar-22Software Advice Frontrunners for Live Chat Mar-22crozdesk badgeISO certificationHIPAA complianceGDPR compliant - GDPR Copy 12Created with Sketch.COMPLIANT
Copyright © 2025 Kommunicate.io.
T&C Privacy Policy Career SLA DPA Sitemap