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

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.

Step 3: Activate the Plugin

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

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.

Step 5: Saving app ID

Once the app ID is added, click on Save Changes. That's it.

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

Step 2: Open Code Injection

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

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.

Step 2: Navigate to Settings

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

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.

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.

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

Shopify

Step 1: Log in to your Shopify admin panel.

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

Step 2: Click on Add App

Step 3: Click on Install App

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

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.

PrestaShop

Step 1: Once you log in 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.

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

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

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.

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.

Here's the AI agent live in the store:

Magento

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

Prerequisites

• Active Kommunicate Account
• Admin access to your Magento 2 Store Control Panel.

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.

Step 2: Open Design Configuration

1. From the left navigation menu, click on CONTENT.
2. Under the Design section, select 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.

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.

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.

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

BigCommerce

Step 1: Log in 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

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

Step 4: Search for Kommunicate

Search for "Kommunicate.io" in the search bar, or open the Kommunicate BigCommerce app listing. The Kommunicate app appears in the search results. Install the app using "Get this App."

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 "Sign Up." 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.

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 the "Confirm" button.

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

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

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.

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

Weebly

Step 1: Log in to your Weebly account

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

Step 2: Open the Embed Code Section

Locate the Embed Code section in your Left Panel and select the "Embed code" or drag it to the website page.

Step 5: Add your Live Chat Script Here

Paste your Kommunicate live chat code snippet in the Embed Code section.

To get the install script, go to the CMS Integration Page section and copy the script.

Step 6: Publish your Website

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

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


Step 2: Add Website

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


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


Step 4: Choose HTML and click Add button


Step 5: Add live chat script

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


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


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


Joomla

Step 1: Log in 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

Step 2: Select 'Templates'

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


Then select the required template for your site.

For example, Template - Beez3 Details and Files


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


Then, scroll to the bottom on the "index.php" file, you can find tags at the last.


Step 4: Add live chat 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"


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


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 AI agent to your Moodle site

Step 1: Log in to your Moodle account

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

Step 2: Add the Kommunicate Live Chat Script

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

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

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.

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

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

Blogger

Step 1: Log in to your Blogger account

Visit Blogger and log in to your account.

Step 2: Open theme

Choose theme from the left navigation panel.

Step 3: Click on the arrow icon just beside customize

Step 4: Click Edit HTML

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.

Click Save and you are good to go!

Step 6: Voila! AI agent will appear

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.

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.

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.

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