export const headerBackground = '/docs/images/headers/header_background.webp'
export const bentoLogoImg = '/docs/images/logos/bento-text-logo.svg'
export const LogoImg = '/docs/images/logos/webflow.svg'

# Bento Webflow Integration


<p />


## Overview

The Bento Webflow Integration offers a core functionality:
- **Event Tracking**: Automatically track key webflow events for your subscribers


## Requirements

1. An approved Bento account
2. A [webflow](https://www.webflow.com) account
3. The Bento tracking script - for user tracking on the website

## Tracking Script Installation


  
**1. In webflow**

  Navigate to your Webflow project's settings. You can usually find this by clicking on the project's name and then selecting `Settings`.

  
**2. On the Site settings screen**

  Look for the `Custom Code` section within the settings. Click that.

  
**3. Copy the Tracking Script**

  Copy the Tracking Script. If it asks you to replace the `site_uuid` with your site uuid, do so from the Bento Teams screen.

  
**4. Paste the Tracking Script**

  In the Header text field paste in the tracking code. Double check that it looks the same as what you copied from Bento. 

  
**5. Save the changes**

  Click `save` and publish.


<hr />

## How the connection works
When a user browses webflow site, you will see `$page` data appear in Bento. This interaction allows you to track and start
automations and flows based on purchase events and more.