Add a Voice AI Agent to Webflow (2026 Guide)

AnveVoice

Add a Voice AI Agent to Webflow (2026 Guide)

Add the AnveVoice voice agent to a Webflow site using Site settings, Custom code, Footer code. Covers paid-plan limits, page-level code and publishing.

How to add AnveVoice to a Webflow site

Open Site settings in Webflow, go to the Custom code tab, paste the AnveVoice script into Footer code, save and publish. Custom code needs a paid Workspace or Site plan, and it only goes live when you publish the site. Researched from the sources below on 2026-10-14.

At a glance

Where the code goes: Site settings, Custom code tab, Footer code (before the closing body tag)
Plan limit: Paid only: a Core, Growth, Agency or Freelancer Workspace, or an active Site plan
Size limit: 50,000 characters per code section; our tag is under 100
Coding needed: None; do not include html, head or body tags
Goes live: Only after you publish the site

What Webflow requires

Webflow's help centre says custom code in the head and body is a paid feature: you need a Core, Growth, Agency or Freelancer Workspace, or a site with an active Site plan, and then Site managers and Designers can add code that covers the whole site or individual pages. A project without a paid plan does not get these fields, so test AnveVoice on a paid site or another platform first. The code boxes only accept HTML, CSS and JavaScript. Each section holds up to 50,000 characters, which is far more than the AnveVoice line needs. Webflow also tells you not to paste html, head or body tags, since doing so breaks your layout. Our tag is a single script element, so that is easy to respect. Get the embed ID first from app.anvevoice.app; the Free plan is $0, with 50,000 tokens a month and no card.

1. Copy the tag — Replace YOUR_EMBED_ID with the value from your AnveVoice dashboard. Code: <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Install site-wide

1. Open Site settings — In the Webflow Designer open the site's Site settings (from the dashboard it is the settings gear for the project).
2. Open Custom code — Select the Custom code tab. You will see a Head code area and a Footer code area.
3. Paste into Footer code — Put the AnveVoice tag in Footer code. Webflow documents that this area loads before the closing body tag and recommends it for scripts, because the page content finishes loading before the JavaScript runs.
4. Save changes — Click Save changes at the top right of the Custom code tab.
5. Publish — Publish the site to your domain. Webflow states that custom code effects can show in preview, but changes do not go live until you publish.

One page or one template only

If AnveVoice should only appear on certain pages, open that page's settings instead and use the custom code fields there. Webflow offers Inside head tag and Before body tag boxes per page, and code added in a page's own section applies only to that page. For the same reasons as above, use the Before body tag field for the AnveVoice line. If you would rather keep the site-wide box for analytics only, this per-page route is the clean way to keep the voice agent separate from everything else.

Webflow-specific notes

Embed element alternative. Webflow also has a code embed element for dropping HTML into the page layout. For a floating widget the Custom code tab is better, because a layout element could be accidentally deleted or hidden at some breakpoints.
Support limits. Webflow warns that custom code is an advanced modification it cannot guarantee, and its support team does not troubleshoot setup. The Webflow Forum is the suggested route.
Staging versus production. Publish to the domain you want to test. If you publish only to the webflow.io staging address, visitors on your custom domain will not get the script until you publish there as well.
Large tags are fine. The tag is tiny, so the 50,000-character limit is not a concern even if you already have analytics code in the same box.
Workspace versus Site plan. A Site plan is attached to one site; a paid Workspace covers sites in it. Check which applies before assuming the fields will be active.

Check it works

1. Open the published site — Use a private window on your real domain, not the Designer.
2. Find the button — Look for the round microphone in the bottom-right corner.
3. Speak to it — Click it, allow the microphone (HTTPS is required and Webflow serves published sites over it) and ask a question.

Common problems

Saved but not showing: you have not published after saving.
Fields greyed out or missing: the project has no active paid plan.
Layout broke after pasting: html, head or body tags were included; remove them and keep only the script line.
Appears on some pages only: the tag is in a page-level box, not Site settings.

Sources

Webflow Help Center: Custom code in head and body tags (https://help.webflow.com/hc/en-us/articles/33961357265299-Custom-code-in-head-and-body-tags) — checked 2026-10-14
Webflow University: How to add custom code (page and site level) (https://university.webflow.com/videos/page-site-level-code) — checked 2026-10-14

Try AnveVoice on your site

Free plan: $0, 50,000 tokens a month, no card. Get your embed ID in the dashboard, then paste one tag.