LiveChat
Use LiveChat to talk to your customers in real-time.
In this lesson:
- Copy the tracking code from LiveChat
- Embed the tracking code on a single page
- Embed the tracking code on every project page
- Customize the LiveChat widget to match your project’s branding
Copy the tracking code from LiveChat
Once you’ve signed up for a LiveChat account, you’ll find the tracking code in Settings > Channels > Website. Click to copy the code to your clipboard.
Embed the tracking code on a single project page
In the Designer of your Webflow project, click the Pages icon from the left toolbar. Under Static Pages, click the gear icon to edit the page you’d like to add LiveChat to.
Scroll down to the Before tag and paste the LiveChat tracking code. This places the code snippet at the bottom of the page body. Click Save.
From the top right click Publish > Publish to Selected Domains and check out the published result. Your LiveChat widget should now show up on your page.
Embed the tracking code on every project page
Before starting this step, remove the code snippet from page in the previous step: Command (Control) + A to select all, Delete, and Save.
At the very top of the left toolbar, click the W to reveal the hamburger menu where you can access your Project Settings.
Click the Custom code tab, scroll down to Footer code, paste your LiveChat tracking code, and Save changes.
Publish your project and check out your work — your LiveChat widget should now show up on every page of your site.
Customize the LiveChat widget to match your project’s branding
Back in our LiveChat account under Settings > Chat widget > Customization, you can tweak the widget design to match your branding.
Once you save your changes, the LiveChat widget will automatically update on your site. Once you head back to your site and hit refresh, you’ll see your updates live.
Amazing work!
Frequently asked questions
Description
This integration page is provided for informational and convenience purposes only.
Pensil
Embed Pensil community forums, live sessions, and discussion boards directly in your Webflow site.
LiveChat
Connect LiveChat with Webflow to provide real-time customer support, engage visitors instantly, and manage conversations across multiple channels—all with a customizable chat widget that matches your brand.
Joonbot
Connect Joonbot with Webflow to capture leads through conversational chatbots and qualify visitors automatically.
Intercom Acquire
Connect your Webflow site with Intercom's live chat and customer engagement tools to capture leads, provide instant support, and convert more visitors into customers—all without leaving your Webflow dashboard.
Ideta
Integrate Ideta's AI-powered chatbots and automation tools with your Webflow site to automate customer support, capture leads, and schedule appointments without writing code.
Hyvor Talk
Add privacy-focused commenting, reactions, and community features to your Webflow site with Hyvor Talk's flexible integration options. Enable real-time discussions, membership systems, and moderated conversations without sacrificing user privacy or design consistency.
Drift
Connect Drift's conversational marketing platform with Webflow to capture leads, qualify visitors, and book meetings directly from your website. Add live chat, AI-powered bots, and intelligent routing without complex coding.
Disqus
Connect Disqus with Webflow to add robust commenting to your site, enabling threaded discussions, social logins, and streamlined moderation for active community engagement.
Crisp
Connect Crisp (AI-powered live chat and omnichannel messaging) with Webflow to enable real-time conversations, automate support with intelligent chatbots, and manage every customer interaction from a single, unified inbox
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
