Webflow + Bento

Drop Bento's tracking script into Webflow so every page view, checkout, and subscriber action streams straight into your automations.

+
cms no-code storefront

Drop Bento's tracking script into Webflow so every page view, checkout, and subscriber action streams straight into your automations.

Quick facts

Vendor
Webflow
Category
second party
Tags
cms, no-code, storefront

Requirements

  1. Approved Bento workspace with a site UUID and tracker URL
  2. Webflow project with access to Project Settings → Custom Code
  3. Ability to publish changes across the Webflow site

Overview

Bento’s Webflow integration focuses on one simple job: keep visitor and purchase behavior flowing from your Webflow storefront into Bento in real time. Once the tracking script loads, Bento records $page events, figures out who is browsing, and lets your automations react to forms, checkouts, and custom triggers.

Requirements

  • An active Bento workspace with the correct site selected.
  • Admin access to the Webflow project whose analytics you want to capture.
  • Permission to edit Project Settings → Custom Code → Head so the tracking snippet loads on every page.

Installation Steps

1. Copy the Bento tracking script

  1. In Bento, open System → Apps → Tracking (or System → Apps → Integrations → Webflow).
  2. Copy the tracking snippet. If it still shows replace_this_with_your_real_site_uuid, swap it for the site UUID you plan to track.
<script src="https://app.bentonow.com/replace_this_with_your_real_site_uuid.js?webflow=true" async defer></script>

2. Add the snippet to Webflow

  1. In Webflow, click the project dropdown and choose Settings.
  2. Navigate to the Custom Code tab.
  3. Locate the Head Code textarea.
  4. Paste the Bento script exactly as you copied it from Bento. Double-check that the site_uuid matches the site you want to monitor.

3. Publish and verify

  1. Click Save to store the custom code changes.
  2. Publish the site (either staging, production, or both).
  3. Visit the published site in an incognito tab and open the browser console. You should see the Bento script load without errors.

How the connection works

With the script installed, Bento listens for every $page event that Webflow visitors generate. As soon as a subscriber is identified, Bento ties historic browsing, checkout intent, and form interactions to their profile so you can:

  • Trigger automations based on Webflow visits and purchases.
  • Update subscriber fields (plans, lifetime value, last visited page) without custom backend code.
  • Feed attribution data into Bento dashboards and shared inbox threads.

No extra plugins or middleware are required—once the script runs, the integration continuously streams Webflow activity into Bento.***

Need the original Markdown? Open raw file