How to install Chaty on Webflow

In this guide we’ll show you how to install Chaty on a Webflow website.

Chaty offers your website visitors an easy click-to-chat access to all platforms you’re available on.

This can help with improving customer experience and increasing your chances of conversion and sale.

The way it works, Chaty allows you to integrate multiple communication channels within a single widget so your website visitors can choose the most convenient for them platform to reach you through. You can use Chaty with 20+ popular channels like such as phone, email, WhatsApp, Facebook Messenger, Instagram, Telegram, Twitter, TikTok, Slack, Skype, Vkontakt, Viber, SMS, LinkedIn, Google Maps, Line, WeChat, Snapchat, Waze, Poptin and a contact form or even add a custom channel.

Don’t forget to check our entire Chaty knowledgebase to make the most out of the product.

So let’s dive in. First, you will need to create an account for the Chaty app if you don’t have one. You can sign up for a free account here or if you have one, log in instead. 

Next, proceed with creating and customising your widget by adding the desired channels, for example WhatsApp, Messenger, Instagram and so on: 

After you are finished with creating your widget, you will need to copy the installation code: 

Now it’s time to connect Chaty to your Webflow site. There are two ways to install the Chaty code on your Weblow website – on a single page or on all pages. Let’s review each of the these two scenarios:

In order to install the Chaty code on a single page, for example on the home page, go to your Webflow dashboard and click on “Open Designer”:

Go to “Pages” and on your home page (following the example) click on “Edit page settings”:

Finally, scroll to bottom and you will see the “Custom code” field. Simply paste the Chaty installation code there and click “Save”:

And that’s it! Now you will have the Chaty widget on your home page only.

To install the Chaty code on the enitere site, go to your Webflow dashboard, click on the three dots and select “Settings”:

Next, in Project settings > Custom code, paste the Chaty code in the Footer code section, and Save changes.

And you’re done. Now you will have the Chaty widget on the entire site!

Important!: Please note that, as per Webflow policies, you will need to publish your site on Webflow as well as a connected domain in order to be able to add a custom code.

In the end, based on your settings, the widget may look like this – a user-friendly widget featuring your customer’s favourite and most used channels like Instagram, Messenger, WhatsApp, SMS:

If you need any assistance with configuring this, please don’t hesitate to reach out to our support team!

Still have questions? Ping us at our Facebook group, and we’d love to help out!