Weebly: Add live chat to your website

Updated on September 27, 2024

Live chat is faster and the best way for your customers to talk to you. Live chat provides a far better experience than the contact forms or communicating through emails. In this post, we will see how you can add a live chat to Weebly websites.

Weebly is a free website builder that allows you to build your own websites quickly and with ease. It is amongst the most popular CMS (Content Management System) platforms out there. Weebly currently powers more than a million websites worldwide with more than 625,000 paid subscribers.

Given that live chat is now as important as analytics on your website, it is important to have a simple way to add live chat to Weebly websites. Live chat advantages include proactive outreach, increased sales, faster problem resolution, and improved customer service.

Let’s get started.

Prerequisites

You must have a Weebly account. Additionally, we will be using Kommunicate’s live chat plugin for adding the live chat to your Weebly website. Kommunicate’s live chat is to use, and you can get started very quickly.

Step by Step Guide to Add Live Chat to Weebly Websites

Step 1: Log in to Your Weebly Account

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.

Screenshot of the Weebly dashboard showing the "Kommunicate Livechat" website. The dashboard includes sections for Overview, Website, Items, Orders, Marketing, Insights, and Settings. There is a progress bar indicating that 3 out of 7 setup guides are completed. The highlighted section is "Setup Guides" with steps like "Design your website," "Add an item to sell," and "Connect domain. — Website Setup Guide

Step 3: Add Section

Locate the “Add Section” option and open it.

Screenshot of the Weebly website editor showing a page with a header section containing the text "Introducing the fall collection" and a button that says "Shop now." Below the header is a placeholder for more content. There are also buttons for adding sections, editing the website, and managing items. — Edit Your Homepage

Step 4: Open the Embed Code Section

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

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.

Step 6: Get Your Live Chat Script

First, sign up for a new Kommunicate account or log in to use your existing account. Follow the steps below to get your customized live chat script:

Login to the Kommunicate dashboard.
Select the settings ⚙️ option, navigate to the INSTALL section, click the Web tab, and copy the JavaScript code.

Screenshot of the Kommunicate dashboard showing the "Web" section with instructions for embedding the chat widget on a website. The code snippet for embedding the widget is visible, and there is a button labeled "Copy." Below the code snippet, there are links to documentation for Angular JS, React JS, and Vue.js. — Install Chat Widget

Step 7: 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.

Screenshot of the Weebly website editor showing a page with a header section containing the text "Kommunicate Livechat" and a button that says "Shop All." Below the header is a placeholder for more content. There are also buttons for adding sections, editing the website, and managing items. On the left side, there is a sidebar with options for adding a header, main banner, embed code, featured items, email subscription, footer, and footer branding. The highlighted button is "Publish. — Weebly Website Builder

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

Screenshot of a website with a live chat widget embedded. The chat widget shows a conversation between the user and a chatbot named Eve. The chatbot welcomes the user and asks how it can assist. The user has typed "hello world" and the bot has responded with "hello world. — Live Chat With Eve

Step 8 (Optional): Advanced Configurations and Customizations

You can go a step further and customize the chat widget and its configuration from the Kommunicate dashboard.

Match your website’s theme: You can change your chat widget’s theme and color to match your website’s looks and feel. Open your Kommunicate dashboard and navigate to Setting > Chat Widget > Customization.

From here, you can change the color, the chat icon, and its position. You can also change the notification sound from here.

Add a proactive Greeting Message: You can increase customer engagement on your chat widget by adding a pop-up Greeting Message to drive your users to chat.

Screenshot of a website with a banner promoting an AI chatbot that can resolve 80% of customer queries. The banner includes a button that says "Try For Free.

🚀 Suggested Read: How to add Live Chat to WordPress Website

Wrapping Up

In this way, you can add live chat to Weebly websites in a few simple steps. Well, go ahead and try it out. If you have any questions or comments, please reach out to us at support@kommunicate.io.

Here’s a quick video:

At Kommunicate, we are envisioning a world-beating customer support solution to empower the new era of customer support. We would love to have you on board to have a first-hand experience of Kommunicate. You can signup here and start delighting your customers right away.

Avinash

Avinash is a passionate marketer with a proven track record of quickly understanding a marketing campaign’s mission, vision, and objective and then communicating this to potential customers. He has an in-depth knowledge of all digital channels. Whenever he is not marketing, you can find him reading books, swimming or cooking.

How to Add Live Chat to Weebly Websites