How to add free live chat to Webflow

To add free live chat to Webflow, go to Project Settings and click the Custom Code tab. Paste your LastWorker script into the Footer Code section. Save your changes and publish your site to your domain. The widget will not appear in the Designer or on preview links: it only loads on your live, published website.

Where do I find the custom code settings in Webflow?

I have used a lot of website builders over the last eighteen years. Webflow is powerful, but it hides the most important settings behind a few layers of menus. If you are looking at your site canvas right now, you are in the Designer. You cannot add the chat widget from there.

First, click the Webflow logo in the top left corner. Select Project Settings from the list. This takes you to the backend of your site where you manage things like SEO and hosting.

Once you are in Project Settings, look for the tab at the top labeled Custom Code. This is where Webflow lets you add scripts that provide extra functionality. You will see two main boxes: one for the Head Code and one for the Footer Code.

Which code box should I use for the widget?

You must use the Footer Code box. This box is located at the bottom of the Custom Code page.

Putting the script here is a practical choice. If you put code in the Head section, the browser tries to load it before it shows your images or text. If the script takes a second to respond, your visitors see a blank white screen.

By putting the LastWorker snippet in the Footer Code box, your site content loads first. The chat widget appears a moment later. This keeps your site fast for your customers.

Here is the exact code you need to copy:

<script src="https://lastworker.com/widget.js" data-agent-id="YOUR_AGENT_ID" async></script>

Replace YOUR_AGENT_ID with the ID found in your LastWorker dashboard. Once you paste it into the Footer Code box, scroll up and click the green Save Changes button.

Why can I not see the widget on my site?

This is the part that trips up every person I have ever helped with a Webflow site. You saved the code. You went back to the Designer. You hit the Preview eye icon. The widget is not there.

You did nothing wrong. Webflow disables all custom scripts inside the Designer and the Preview mode. They do this to prevent scripts from breaking their editing tools.

To see your chat widget, you must click the blue Publish button in the top right corner. You can publish to your custom domain or just to the .webflow.io staging link. Once the publish is successful, open that live URL in a new browser tab. Your widget will be there.

How much will this cost me every month?

I have watched service businesses get nickel and dimed by software for nearly two decades. When I ran a dental practice with eleven front desks, the software bills were usually tied to the number of people we hired. If I hired a new receptionist, my bill went up.

LastWorker does not work that way. The live chat and email support are free forever. You can have unlimited teammates and unlimited conversations without ever putting a credit card on file.

I looked at twelve of the most popular support tools on the market to see how they compare. Four of them do not offer a free version at all: LiveChat, Front, Zendesk, and Intercom. If you want to use those, you have to pay from day one.

Of the eight tools that do have a free tier, most of them limit you in ways that hurt a growing business. Six of those free plans limit the number of people who can use the software. Crisp and Chatwoot limit you to two seats. Help Scout gives you five.

If you have a busy restaurant or a clinic, two seats are not enough. You have people rotating through shifts. You have owners who need to see what is happening. Paying $25 per seat just to let your staff answer a question is a high price to pay.

What about limits on conversations?

Some tools give you free seats but cut you off when you actually get busy. Tidio has a free plan, but it only allows fifty conversations a month. If you are running Google Ads or have a busy season, you can hit fifty chats in two days. After that, the widget just stops working.

LastWorker does not have a cap on conversations. We also include the shared inbox, contacts, tickets, and a public help center in the free version. I spent many nights writing phone scripts and help documents at 2 am. It is better when you can host those documents for free so your customers can find answers themselves.

How does the billing work for AI?

Most companies today talk about AI as a "game-changer" that requires a massive subscription. We do it differently. AI is turned off by default in LastWorker. Every channel is manual. A human answers the chat, and we charge you nothing.

If you choose to turn on the AI, you only pay for what you use. There is no monthly fee to have the option available.

When the AI generates a reply on chat, email, or SMS, it costs $0.04. If you want the AI to answer a phone call, it costs $0.01 per minute. That price includes the carrier costs.

This is honest pricing. If you have a slow month, you pay nothing. If you have a busy week where the AI handles a hundred chats for you, it costs you four dollars.

Can I get a phone number for my Webflow site?

Yes. While the chat is free, some businesses still need a phone line. We provide phone numbers for $1 per month.

Inbound text messages are free. If you send an outbound text, it costs $0.03 per segment.

In my experience running restaurants, having one place where the phone, the texts, and the Webflow chat all land is the only way to keep from losing leads. I have watched good leads die in a voicemail box because nobody checked it for three days. When the chat goes straight to a shared inbox that your whole team can see, those leads stay alive.

Setting up your first chat response

Once the widget is live on your Webflow site, you should test it. Send a message to yourself. You will see it pop up in your LastWorker inbox.

I suggest setting up saved replies early. These are also free. If people always ask about your parking or your hours, write the answer once. It saves your team from typing the same three sentences forty times a day.

In the shops I worked with, the fastest way to burn out a receptionist was to make them repeat the same information on every call and every chat. Using the free knowledge base and saved replies takes that weight off their shoulders.

Why live chat is better than a contact form

Many Webflow templates come with a standard contact form. Those forms are fine, but they are slow. A customer fills out a form and then they wait. They do not know if you received it. They do not know when you will answer.

While they wait, they go back to Google and click on your competitor.

Live chat changes that. Even if you are not sitting at your desk, you can have a human answer or let the AI handle the initial greeting. It makes the customer feel like they have started the process. In the service business, the first person to answer the customer usually wins the job.

I have seen businesses double their lead volume just by moving from a static form to a live chat widget. It is the closest thing to walking into a physical shop and having someone say hello.

Final steps for your Webflow site

After you publish and confirm the widget is working, check it on your mobile phone. Webflow is good at responsive design, and our widget is built to stay out of the way on smaller screens. It will sit in the corner and expand only when clicked.

If you decide later that you want to move the widget or change how it looks, you do not need to touch the code in Webflow again. You make those changes in your LastWorker dashboard. The script you pasted will automatically update itself on your site.

It takes about five minutes to get this running. If you have your Webflow project open, you can have a live, professional support system before your next cup of coffee is cold. No credit cards, no "per-seat" traps, and no hidden limits. Just a tool that works so you can get back to running your business.