ConversentSign up
← Back to homeWebflow setup guide

How to add an AI chat widget to your Webflow site

Add the widget through Webflow's Custom Code settings and publish — no developer required.

Why add Conversent to Webflow

Conversent answers visitor questions using only your own site's content, then appears as a chat launcher on every page once you publish your Webflow project.

New here? Create your free widget first →

Setup steps

The script tag you'll be pasting looks like this:

<script src="https://api.conversent.app/embed/script?widget_id=YOUR_WIDGET_ID&token=YOUR_TOKEN" async></script>
  1. 1

    Open Custom Code settings

    In your Webflow project, go to Project Settings → Custom Code.

  2. 2

    Paste the script

    Paste your widget's script tag from your Conversent dashboard into the Footer Code box, so it loads after your page's critical content.

  3. 3

    Save changes

    Click Save Changes inside the Custom Code panel.

  4. 4

    Publish your site

    Custom code only takes effect after you publish your project — saving inside the Designer alone isn't enough.

How to verify it worked

After publishing, reload your live site and look for the chat launcher in the bottom corner.

Also see: WordPress · Wix · Shopify

Ready to add Conversent to your site?

Create your widget and get your script tag in a few minutes — no card required.

Start for free