Website chat button: How to create and install it

May 27, 2024

The online chat feature is a great way to make your website more interactive and accessible for your visitors. With just a simple click on the chat button, visitors can easily start chatting with your business using one of the connected messengers, including WhatsApp, Messenger, Instagram and Telegram and much more.

But that’s not all, our chat button also includes a live chat, this means, you visitors can get in touch with you without leaving your website.

The best part?

All chat histories are saved and recorded in Kommo, so you can keep track of your conversations.

In this article, you will learn:

How can you create a website chat button in Kommo?

It’s easy to create an online chat button for your website in Kommo. Start by navigating to your Kommo account, go to Leads > Automate > and click + Add source on the left-hand side.

A window will pop up where you can choose from several messaging channels. Find Website chat button and click + Add source. This will open a new window where you will be able to set up your button.

Note: Want to know how to customize your chat button and make it perfect for your brand? Read our article and learn how.

How can you install an online chat button on your website?

Installing an online chat button to your site has never been easier!

We've added new installation methods for popular website platforms like Wix, WordPress, Shopify, and even Google Tag Manager templates, making it more accessible.

When you go to the Installation tab in the online chat settings, you'll find many methods available.

  • Paste in the code of your website
  • Quick-install using Google Tag Manager
  • Install Kommo template in Google Tag Manager
  • Add to your Shopify store
  • Add to your WordPress website
  • Add to your Wix website

Paste in the code of your website

The first option is to simply paste the provided code you’ll find in Kommo into your site's HTML. Just copy the code snippet from the tab and insert it into your website. If you prefer, you can also click Send to developer to email the code to your developer and let them handle the setup process.

Install your chat button using using Google Tag Manager

Google Tag Manager is a handy tool that lets you add several tags, such as Google Analytics or Facebook Pixel, to your website without having to deal with any code.

There are two ways in which you can install chat button user Google Tag Manager:

  1. Quick-install using Google Tag Manager
  2. Install using Kommo template

Quick-install using Google Tag Manager

Setting up your online chat button with Google Tag Manager is super straightforward. Here's how to do it:

  1. First, click Sign in with Google.
  2. Sign in to your Google Tag Manager account.
  3. Click Continue to share the account permissions.
  4. Finally, click Publish.

Install your chat button with Kommo template

Now, if you want to Install the Kommo template in Google Tag Manager, follow these steps:

  1. Log into your Google Tag Manager account and select the container where you want to add the tag template.
  2. In the left menu, select the Tags tab, click New and give your tag a name.
  3. In the Tag Configuration section, click anywhere inside the white box. Go to the Community Template Gallery, search for Kommo Website chat button and select it from the list of options.
  4. Click Add to workspace and give permission to add a community template by clicking Add.
  5. Enter the Button installation key for your online chat button.
  6. Select a trigger by clicking on the Triggering section. To improve your site’s customer experience, we recommend choosing the All Pages trigger for faster page loading times.
  7. Save the new tag by clicking Save. You can also check out how the chat button will look on your site by clicking Preview. If you’re happy with it, click Submit to send all the settings to the container.
  8. Add a Version Name and Version Description, then click Publish.

Installing a chat button in your Shopify store

With our Shopify integration you can seamlessly install live chat on the page of your Shopify store. But, not only that. You can pull all the customer’s relevant information from Shopify into Kommo, making it easy for you to answer your customers’ questions. You’ll know which order the customer is talking about, and the products that were in the cart for that order.

To install the button in your Shopify store:

  1. In the Website chat button >Installation > Click Add to your Shopify store.
  2. If your Shopify account is already connected to Kommo, skip to step 3. If not, click Install > Install the Shopify integration > Click Shopify manager > Click Connect > Sync your Shopify account and click Import.
  3. In the Add to your Shopify store tab, click Go to Shopify settings >Set up in Shopify.
  4. In Shopify, turn on the Kommo CRM Plugin toggle switch.

Thanks to the power of Kommo, you can ensure your customers have a positive experience and want to buy from you again.

Installing the chat button in your WordPress site

With WordPress you can easily create and manage blogs, websites, or e-commerce sites. WordPress is perfect for those who need to manage complex sites. In Kommo, you can connect a chat button to your WordPress site and easily turn your visitors into leads, by following these steps:

  1. In the Website chat button >Installation > Click Add to your WordPress website >Install in WordPress.
  2. Log in to your WordPress account >Plugins and search for the website chat button.
  3. Install and activate the plugin.
  4. Click Kommo on the left-side panel.
  5. Log in to your Kommo account. Choose one of your existing chat buttons or create a new one. If you have no existing buttons, a new one will be created and added to your website automatically.

Installing the chat button in your Wix site

Wix is a popular website builder that lets you easily create websites, blogs, or online stores. With Wix, you can customize your site's layout, style, and content using a drag-and-drop editor or choose from over 800 templates. Integrating Kommo with Wix allows you to bring together various communication channels such as messengers, email, SMS, and live chat into one centralized inbox that can be shared with your entire team.

  1. In the Website chat button > Installation > Click Add to your Wix website >Install in Wix.
  2. In the Wix App Market search for the Kommo app. Then, select Add to site.
  3. Select Agree and add.
  4. Navigate to the Manage Apps section on the Wix platform. Select Complete setup next to the Kommo app.
  5. Select Add to site.

After choosing your installation method and following all the necessary steps, your chat button will be installed.

If you need more help with setup or troubleshooting, feel free to reach out to our support chat or contact us via WhatsApp. You can also hire a Kommo partner to do all the hard work for you.

Not a user yet? Sign up for our 14-day free trial or book a free live demo.

Try Kommo free

Discover how Kommo can transform your client management now