Webflow

Webflow has a place in the site settings for code that runs on every page.

Steps follow Webflow's help as summarised by Webflow, November 2026. Webflow's pages did not open for us, so check the menu names on your screen.

What you need

Custom code needs a paid Webflow plan: a Core, Growth, Agency or Freelancer Workspace, or an active Site plan.

Add the code

  1. In the dashboard open Widget, then Placement, and copy the code.
  2. In Webflow open your site's Site settings, then the Custom code tab.
  3. Paste the code into Footer code and save.
  4. Publish your site: custom code goes live only when the site is published.
<script src="https://beacel.com/widget.js" data-beacel="k9-x_Q2a" async></script>

Chat inside a page, or your own button

In the Designer, open the Add panel, drag a Code Embed element where the chat should appear, paste the box, save, and publish:

<div data-beacel-inline></div>

Or, in a Code Embed, a button of your own that opens the chat:

<button type="button" data-beacel-open>Write to us</button>

Check that it works

Open your published website once, then press Check my site. Not detected yet. It shows up here a few minutes after your site loads the code.

Questions

Write to hello@beacel.com.