Zurvo

Add an AI Chatbot to Webflow — 5-Minute Install.

Add the Zurvo AI chatbot to your Webflow site with one snippet in project custom code. Works site-wide — full step-by-step guide with plan requirements.

Add an AI chatbot to Webflow in about five minutes.

Webflow doesn’t have a Zurvo integration in its marketplace, and it doesn’t need one. Zurvo’s chat widget is a single script tag, and Webflow has a Custom Code area at the project level built for exactly this. Paste the snippet once into the Before </body> field and the AI chatbot appears on every published page. This guide covers the exact steps and the plan you need.

The 30-second overview: copy your embed snippet from Zurvo, paste it into Project Settings → Custom Code → Before </body> tag, save, publish, and the chat launcher appears. About five minutes.

Before you start.

You’ll need:

  1. A Zurvo account. Any plan works — every account starts with a 3-day free trial (50 messages) you can use to install and test. Sign in at app.zurvo.ai.
  2. A trained chatbot. Point Zurvo at your website and upload any docs so it has content to answer from — about five minutes; see how it works.
  3. A paid Webflow Site plan (or a paid Workspace). Custom code runs on the published site with a Site plan; it’s not served on the free staging output. This is the one prerequisite to confirm.

Step 1: Copy your embed snippet from Zurvo.

  1. Sign in at app.zurvo.ai.
  2. Open your workspace and go to Install in the sidebar.
  3. Under Method 1: Script Tag, click Copy. Your snippet looks like this, with your own chatbot ID:
<!-- Zurvo Chat Widget -->
<script
  src="https://app.zurvo.ai/widget.js"
  data-zurvo-id="YOUR_CHATBOT_ID"
  async
></script>

Step 2: Paste it into project custom code.

  1. In the Webflow Designer, open the site menu and go to Project Settings (or Site Settings).
  2. Open the Custom Code tab.
  3. Find the Before </body> tag field (the footer code area). This loads your snippet just before the closing body tag, after your content.
  4. Paste your Zurvo snippet into that field.
  5. Click Save Changes.

Use the Before </body> field rather than the Head field so the script loads after your page renders.

Step 3: Publish and verify.

  1. Click Publish in the Designer and publish to your live domain. Custom code is applied on publish — it won’t appear until you publish.
  2. Open your live site in a normal browser tab (a private window avoids cached versions).
  3. Look for the chat launcher in the bottom-right corner. Click it — the widget opens to its hub with your greeting.
  4. Ask a test question and confirm you get a grounded answer.

Back in Zurvo’s Install page, the status indicator turns green (“Widget detected”) once your published site loads with the snippet in place.

Customize the look.

The widget is styled in Zurvo, not in Webflow:

  • Brand color, greeting, and hub content are set in your Zurvo dashboard.
  • Launcher position can be set from the snippet by adding data-position="bottom-left" (default is bottom-right).

See the chat widget page for everything you can adjust.

Troubleshooting

The launcher doesn’t appear. Custom code only runs after you publish — the Designer preview and the free staging output won’t show it. Publish to your live domain, then reload in a private window. Confirm the snippet is in the Before </body> field and that you saved.

The custom code field is greyed out or won’t publish. Project-level custom code requires a paid Site plan. On a free project you can add code in settings but it won’t be served on a live domain. Add a Site plan, or embed the widget on a single page with an Embed element using the iframe embed from Zurvo’s Install page.

It disappears when navigating the site. If you use a page-transition interaction or a third-party SPA-style navigation library that swaps content without a full page load, the launcher may not re-initialize on the next “page.” Standard Webflow page loads are full loads, so the snippet re-runs; if you added client-side routing, re-initialize on route change or rely on full navigations.

A consent manager is blocking the script. If you use a cookie-consent tool that defers third-party scripts until acceptance, allow app.zurvo.ai or mark the Zurvo script as functional/necessary so it isn’t held back.

Next steps

Installing elsewhere? See the guides for WordPress, Wix, Squarespace, Shopify, and GoDaddy.

Frequently asked questions.

Will the chatbot slow down my Webflow site?

No. The Zurvo snippet is a single async script placed in Webflow's Before </body> custom code, so it loads after your page renders and never blocks it. The widget runs from Zurvo's servers, so it adds nothing to your Webflow hosting or build.

Does it work with my Webflow design?

Yes. The widget floats above your page independent of your layout, interactions, or CMS, so it works the same on any Webflow site. Because it lives in project-level custom code, it appears on every published page without you touching your design.

Which Webflow plan do I need?

Project-level custom code requires a paid Site plan (or a paid Workspace such as Core, Growth, Agency, or Freelancer). Custom code doesn't run on the free webflow.io staging domain for published output, so you'll need a Site plan to go live. The Before </body> field also has a 20,000-character limit, which the Zurvo snippet fits well within.

Can I style the widget to match my brand?

Yes, in Zurvo rather than in Webflow. Set the brand color, launcher position, and greeting in your Zurvo dashboard, and you can set the launcher corner from the snippet with a data-position attribute. See the chat widget page for details.

Do I need to write code?

No. You copy one snippet from Zurvo and paste it into Webflow's custom code panel — no code to write. It takes about five minutes.

Ready to add Zurvo to your website?

Train a chatbot on your own content, paste one snippet, and go live in minutes. Every account starts with a 3-day free trial.

Start your 3-day trial Try it live