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/click-funnels.svg'

# Bento ClickFunnels Integration


<p />


## Overview

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


## Requirements

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

## Tracking Script Installation


  
**1. In clickfunnels Dashboard**

  Navigate to your account settings. You can usually find this by clicking on the top right menu under your profile.

  
**2. On the Settings Screen**

  Look for the `Head Tracking 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 header tracking code. Double check that it looks the same as what you copied from Bento. 

  
**5. Save the changes**

  Click `save` and you're done.


<hr />

## How the connection works
When a user browses a connected clickfunnels 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.