Help Center Help Center
Pricing Log in
Pricing
Go to app
User Name
Upgrade Help Center
« Install LiveChat with integrations

Webflow: add LiveChat to your site

Daniel Zielinski
2 min read
updated: Nov 13, 2023

Connect LiveChat with Webflow to improve your customer service and make it easier for your customers to reach you. A state-of-the-art chat widget will enhance your website and visitors will be able to talk to you on social media and messaging channels.

InstallationLink icon

Navigate to the LiveChat app in the Webflow marketplace.

1
Select Add to site.
2
Select the store(s) to add LiveChat to, then click Authorise App to confirm.
3
Create a LiveChat account or log in with existing credentials.
4
Switch the toggle for every website on which you want to display the chat widget.
5
Republish your site to complete installation. Select Go to Webflow to do so.
6
Click Publish in the upper right corner, then select Publish to selected domains to show up display the chat widget.

That’s it! From now on, your Webflow websites will display a chat widget! To answer chats you can use one of our apps, web, desktop or mobile. 

To include the chat on multiple websites, enable the Chat Enabled option for each one. If you manage different brands, customize chat widgets separately for each brand. Check out LiveChat groups to learn how.
To include the chat on multiple websites, enable the Chat Enabled option for each one. If you manage different brands, customize chat widgets separately for each brand. Check out LiveChat groups to learn how.

Manual installation (legacy)Link icon

If you want to manually add LiveChat code to your Webflow-based site, follow the steps below:

  1. First, log into your Webflow dashboard and go to your wesbite’s settings page.

Go to Webflow settings page

  1. Next, click Custom Code button.

Click Custom Code

  1. Place your LiveChat tracking code right before the closing body tag.

Paste LiveChat tracking code into Footer

Get your LiveChat tracking code from Settings > Installation > My website section of your LiveChat!
Get your LiveChat tracking code from Settings > Installation > My website section of your LiveChat!
  1. To finalize, save changes and publish your site for changes to take effect.

Publish your website

From now on, your online visitors will be able to reach out to your through a live chat option on your website. Need more help? Feel free to start a chat with us – we are available 24/7/365!

Was this article helpful?

Got it!

Thanks for your feedback.

Thank you!

We’re happy to help.

RELATED ARTICLES

Instapage: add LiveChat to your Landing Page!

Instapage: add LiveChat to your Landing Page and use it to close more deals! All of that with just a few easy steps and LiveChat

Read the article

GoDaddy integration

Follow this tutorial to set up LiveChat on your GoDaddy page. When it's done, you'll be able to answer questions coming from your visitors in the real time.

Read the article

Start using LiveChat now!

Free 14-day trial Team plan features No credit card required

Still not convinced? Discover all LiveChat features

Discover text| products:

ChatBot
Automate customer service with AI

HelpDesk
Support customers with tickets

KnowledgeBase
Guide and educate customers

OpenWidget
Enhance websites with widgets