CMS Installation

Install on Website Builders or Content Management Systems (CMS)

WordPress

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

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 the 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

🎉 All set! The Kommunicate live chat widget should now appear on your WordPress site.

Squarespace

Step 1: Access your Squarespace account

  1. Visit Squarespace and log in to your account.
  2. In the left menu, click Website.
  3. Under the Website section, select Pages.

Squarespace

Step 2: Open Code Injection

Scroll down the left navigation panel and click on Custom Code (and Code Injection).

Squarespace

Step 3: Get your Kommunicate script

  1. Log in to your Kommunicate Dashboard.
  2. Navigate to Settings > Install (or visit the CMS Integration Page).
  3. Copy the JavaScript snippet provided for your widget.

Step 4: Paste script and save

  1. Return to Squarespace and locate the Footer input field under Code Injection.
  2. Paste the copied Kommunicate JavaScript code directly into the box.
  3. Click Save in the top left corner to apply your changes.

🎉 All set! The Kommunicate live chat widget should now appear on your Squarespace website.

Wix

Step 1: Log in to your Wix account

  1. Go to your Wix Dashboard.
  2. Click on Website in the top navigation menu.

Wix

Step 2: Navigate to Settings

Select your site and click on Settings from the left navigation menu.

Wix

Step 3: Open Custom Code settings

  1. Under Settings, scroll down to Development & Integrations.
  2. Click on Custom Code.
  3. Under the Body - End section, click Add Code.

Wix

Step 4: Add your Kommunicate script

  1. Log in to your Kommunicate Dashboard and copy your installation script.
  2. Return to Wix and paste the code into the Code Snippet box in the settings window.
  3. Choose the pages where you want the script to load (e.g., All Pages).
  4. Click Apply.

Wix

🎉 All set! The Kommunicate live chat widget should now appear on your Wix website.

Shopify

Step 1: Log in to your Shopify admin panel.

Shopify

Navigate to Apps and search for Kommunicate and select the highlighted Kommunicate app.

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 confirmation.

Shopify

Step 4: Click on Go to Store

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

Shopify

Magento

Follow these steps to integrate the Kommunicate Chat Widget and AI Agent into your Magento store.

Prerequisites

Installation Steps

Step 1: Log in to your Magento Admin Panel Access your Magento store's administrative URL and sign in with your admin credentials.

Magento Admin Dashboard

Step 2: Open Design Configuration

  1. From the left navigation menu, click on CONTENT.
  2. Under the Design section, select Configuration.

Magento Content Configuration

Step 3: Edit Your Store View

  1. You will be redirected to the Design Configuration page where your available store views are listed.
  2. Find the Default Store View (or the specific store view where you want to add the chat widget) and click Edit.

Magento Content Configuration

Step 4: Add the Kommunicate Script

  1. On the store configuration page, scroll down and expand the Footer section.
  2. Locate the Miscellaneous HTML text box.
  3. Paste your Kommunicate Script into this field.
  4. Click Save Configuration at the top right of the page.

Magento Content Configuration

Magento Content Configuration

Step 5: Flush Cache & Verify Installation

  1. Go to System > Cache Management from the left navigation panel.
  2. Click Flush Magento Cache at the top right.
  3. Open your live Magento website in a new or incognito browser tab. Your Kommunicate chat widget and AI agent will now be loaded and ready.

Magento Content Configuration

🎉 All set! The Kommunicate live chat widget should now appear on your Magento website.

Weebly

Follow this step-by-step guide to install the Kommunicate Live Chat widget on your Weebly website using the Embed Code element.

Prerequisites

Before starting, make sure you have copied your Kommunicate install script:

  1. Log in to your Kommunicate Dashboard.
  2. Navigate to Settings > Install or go directly to the CMS Integration Page.
  3. Copy your unique JavaScript code snippet.

Installation Steps

Step 1: Open Your Weebly Site Editor

Log in to your Weebly account, choose your site, and click Edit Site to open the Weebly Site Builder.

Step 2: Add the Embed Code Element

  1. In the left-hand panel under the Build tab, locate the Embed Code element.
  2. Drag and drop the Embed Code element onto your website page (preferably in the footer section so it appears across all pages).

Weebly Embed Code

Step 3: Paste Your Kommunicate Live Chat Script

  1. Click inside the newly added Embed Code element on your page.
  2. Select Edit Custom HTML.
  3. Paste your copied Kommunicate script into the text field.

Step 4: Publish Your Website

Click the Publish button in the top-right corner of the Weebly editor to apply your changes live.

🎉 All Set! Refresh your live website, and the Kommunicate chat widget will now appear in the bottom corner.

GoDaddy

Follow this guide to install the Kommunicate Live Chat widget on your GoDaddy website using the HTML Custom Code section.

Step 1: Open Your GoDaddy Website Builder

  1. Log in to your GoDaddy Account.
  2. Go to My Products and locate your Websites site from left panel.
  3. Click Edit Site to open the GoDaddy Website Builder.

Godaddy

Godaddy

Step 2: Add the Custom Code Section

  1. Navigate to the page where you want the chat widget to appear (e.g., Home page).
  2. Hover over your page layout in the builder and click Add Section (or click the + icon between sections).
  3. In the right-hand sidebar menu, scroll down and select HTML under Files and Web
  4. Click Add to insert the section onto your page.

Godaddy

Godaddy

Godaddy

Step 3: Paste Your Kommunicate Script

  1. Click on the newly added Custom Code section on your page to open its settings in the right panel.
  2. Navigate to Settings > Install or go directly to the CMS Integration Page to get the Kommunicate Installation script.
  3. In the Custom Code text box, paste your copied Kommunicate script.
  4. (Optional) Set the Forced Height field to 0 or leave it minimal so the section doesn't create extra blank space on your page.

Godaddy

Step 4: Publish Your Website

  1. Click the Publish button in the top-right corner of the GoDaddy editor.
  2. Open your live website to confirm the Kommunicate chat bubble appears in the bottom corner.

Godaddy

🎉 All Set! Your visitors can now chat with you directly from your GoDaddy website.

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.

Follow the instructions below to deploy the Kommunicate AI Agent on your Moodle dashboard:

Step 1: Open Moodle Site Settings

  1. Click Site Administration from the top navigation bar, and toggle on Edit Mode.
  2. Select the Appearance tab.
  3. Scroll down to Page Settings and click Additional HTML.

Moodle

Step 2: Insert the Kommunicate Script

  1. Scroll down to the Before BODY is closed (standardendofbody) text box.
  2. Paste your Kommunicate installation code snippet into this field.
  3. Navigate to Settings > Install or go directly to the CMS Integration Page to get the Kommunicate Installation script.

Moodle

Step 4: Verify Integration & Troubleshooting

  1. Open your Moodle homepage or any course page in a browser window to confirm the Kommunicate AI Agent widget loads in the bottom-right corner.

Troubleshooting: Widget Not Displaying?

If the chat widget does not appear immediately after saving your settings, Moodle's built-in template caching is likely serving a stored version of the page. Follow these steps to purge the cache:

  1. In your Moodle sidebar/top menu, go to Site administration > Development > Purge caches.
  2. Click the Purge all caches button.
  3. Reload your website using a hard refresh (Ctrl + F5 on Windows/Linux or Cmd + Shift + R on Mac), or open the site in an Incognito / Private browser window.

Moodle

🎉 All Set! Refresh your live website, and the Kommunicate chat widget will now appear in the bottom right corner.

Blogger

Blogger is a free, simple publishing platform by Google that allows users to easily host and manage blogs. Because Blogger provides direct access to a site's core HTML template, deploying the Kommunicate AI Agent requires no extra plugins or complex setups.

Follow the instructions below to deploy the Kommunicate AI Agent on a Blogger site:

Step 1: Set Up a Blogger Site

If you do not already have an active Blogger account:

  1. Go to blogger.com and log in with your Google account.
  2. Click Create Your Blog.
  3. Enter a title and select a web address (e.g., yourblogname.blogspot.com).
  4. Click Save to initialize your site.

Step 2: Open the Theme Code Editor

  1. Log in to your Blogger Dashboard.
  2. In the left navigation menu, click Theme.
  3. Next to the Customize button, select Edit HTML.

Blogger

Step 3: Insert the Kommunicate Script

1.Navigate to Settings > Install or go directly to the CMS Integration Page to get the Kommunicate Installation script.

  1. Search for the closing tag: </body>
  2. Paste your Kommunicate installation code snippet directly above the </body> tag:

Blogger

🎉 All Set! Refresh your live website, and the Kommunicate chat widget will now appear in the bottom right corner.

Webflow

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

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

Step 1: Open Site Settings

  1. Log in to your Webflow Dashboard.
  2. Locate the site where you want to add the AI agent, click the three dots (...) on the project card, and select Site Settings.
  3. In the left-hand navigation sidebar, click on Custom Code.

Webflow

Step 2: Inject the Kommunicate Script

  1. Navigate to Settings > Install or go directly to the CMS Integration Page to get the Kommunicate Installation script.
  2. Scroll down to the Footer Code section (labeled Before </body> tag) on Webflow.
  3. Paste your Kommunicate installation code snippet into the text field.

Webflow

🎉 All Set! Publish your website, and the Kommunicate chat widget will now appear in the bottom right corner.

Additional Supported Platforms (PrestaShop, BigCommerce, Joomla etc)

Integrating the Kommunicate AI Agent onto PrestaShop, BigCommerce, and Joomla is straightforward and fully supported using standard platform custom code injection.

If you would like assistance deploying the Kommunicate AI Agent on your PrestaShop, BigCommerce, or Joomla site, our team is available to help you get configured quickly:

  • Quick Live Chat: Reach out via the live chat for real-time setup support.
  • Email Support: Send an email to support@kommunicate.io and our engineering team will assist you with the integration process.
← InstallationAuthentication →