Provide 24/7 affordable customer service with AI-powered chat.
Connect to learn more

Webflow integration guide

You can set up Olark with one of the most customizable site builders on the market. Add Olark to your Webflow site by following the simple steps below. 

Note: You must have a paid Webflow account to use this integration.

Install steps

First, log in to Olark. Go to Settings > Installation. Copy your Olark text snippet from the box at the right.

Webflow 1

Next, sign in to your Webflow dashboard. Click on the desired website project. Then, click in the upper left corner on Project Settings.

webflow 2

Click on the Custom Code tab. 

webflow 3

Find the Footer Code box and insert your Olark code into it, which adds the snippet before the closing body tag.    

Webflow 4

Save and publish your site.

You’re all set! If the chatbox does not appear immediately, try refreshing your website.

Please provide the domain name where your Olark live chat is installed.
Include the relevant transcript URL, if possible. You can send us the specific URL from your Transcripts page.
If you see specific error messages, banners, warnings, notices, etc., please let us know here.
Max file size 10MB.
Upload failed. Max size for files is 10 MB.
Thank you! Your submission has been received and you'll hear from us shortly!
Oops! Something went wrong while submitting the form.