Skip to main content
New Introducing Mosaic Learn more
CMS integration

Webflow + Conversion

Capture page visits and form submissions from your Webflow site for workflows and segments.

Webflow
Into Conversion
Conversion

How Conversion works with Webflow

Conversion connects to Webflow through its tracking script and Forms SDK, which you add to your site as custom code. The tracking script records page visits and ties them to a contact once the visitor identifies, and the Forms SDK sends submissions from your Webflow forms to Conversion, where an email creates or updates a contact. Visits and submissions can then start workflows through the Page is visited and Form is submitted triggers and define audiences.

What you can do

Page visits that start workflows

Trigger a workflow when a contact visits a pricing or demo page, filtered by URL, UTM parameters, referrer, or traffic type.

Your Webflow forms, unchanged

A short script on the page sends your Form Block's fields to a Conversion form by field ID, so the form keeps the design you built in Webflow.

Anonymous visits, attributed later

The tracking script keeps the visit history of anonymous visitors. When someone submits a form, their earlier visits attach to their contact record.

Embedded HubSpot forms too

With the Forms SDK on the page, Conversion also captures embedded HubSpot forms and HTML forms you choose to track, so forms can move over in stages.

What syncs

Data Direction Details
Page visits Into Conversion Recorded by the tracking script with UTM parameters and referrer, and linked to the contact once they identify.
Form submissions Into Conversion Sent to a Conversion form by field ID. Submissions with an email create or update a contact.

How to connect Webflow

  1. 1 On a paid Webflow site plan, open Project Settings > Custom Code and add the Conversion tracking script and Forms SDK script to the Head Code, then publish.
  2. 2 Create or open the Conversion form that should receive submissions, and note its form ID and field IDs.
  3. 3 Set your Form Block's ID, then add the submission script to that page's Before </body> tag section, with each input's name mapped to a Conversion field ID.
  4. 4 Publish, submit a test entry, and confirm it appears in the form's Submissions tab in Conversion.
FAQ

Webflow integration FAQ

Yes. Conversion connects to Webflow through its tracking script and Forms SDK, which you add to your site as custom code. The tracking script records page visits and ties them to a contact once the visitor identifies, and the Forms SDK sends submissions from your Webflow forms to Conversion, where an email creates or updates a contact. Visits and submissions can then start workflows through the Page is visited and Form is submitted triggers and define audiences.

No. The integration captures page visits and form submissions. It doesn't read or sync your Webflow pages or CMS collections.

The submission script stops Webflow's default form handling, including its built-in success and error states. Show your own confirmation in the script once the submission returns true.

Yes. With the Forms SDK script on the page, Conversion picks up submissions from embedded HubSpot forms and HTML forms, and you choose which to track and map an email field. For forms where accuracy matters most, the Forms SDK submit method or an embedded Conversion form is more reliable.

A paid Webflow site plan, because the tracking script, Forms SDK, and submission script are all added as custom code.

See Conversion with Webflow

Book a demo and we'll walk through the Webflow integration on a stack that looks like yours.