# Customer.io

### Identify & track Customer.io email recipients on your website

### NOTE: this is a two-step process 

#### Step 1: Track email opens

To track mail open/reads from your Customer.io contacts in LeadBoxer, you need to add a LeadBoxer tracking pixel to your campaigns or templates. 

Here are the steps needed for adding the tracking pixel:

1. Go to your Campaigns, Broadcasts or Transactional templates
2. Choose the mail template you want to track
3. Add an HTML content type to the bottom of your template or email

   <figure><img src="https://1941892698-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_u92JFMboVvSv_dif4%2Fuploads%2FYeSFMAw2hff1YE7lKdP5%2FCustomer_io_and_Cralan_-_LeadBoxer_-_Slack.png?alt=media&#x26;token=a97c3533-6398-41eb-b162-341008f09e18" alt=""><figcaption></figcaption></figure>
4. Click on the HTML block and paste your email tracking pixel into the box:

   <figure><img src="https://1941892698-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_u92JFMboVvSv_dif4%2Fuploads%2FUD55NxHOyE6yIUG7Tj1G%2FCustomer_io.png?alt=media&#x26;token=7968b821-a3bc-46e8-9235-97723eb5c98e" alt=""><figcaption></figcaption></figure>

{% code overflow="wrap" %}

```html
<img alt="chart" src="https://track.leadboxer.com/log?datasetId=YOUR DATASET ID&campaign={{campaign.name}}-{{message.name}}&email={{customer.email}}" />
```

{% endcode %}

5. Save

**Notes:**

* Don't forget to change the DATASET ID to your own.&#x20;
* You can add additional data fields variables as parameters by simply adding these to the pixel, eg \&companyName={{customer.company}} or \&firstName={{customer.firstName}}, etc.
* For more details on advanced data fields in Customer.io see:&#x20;
* <https://customer.io/docs/journeys/drag-and-drop/#personalize-messages-with-user-data>

### Step 2: Track email clicks (click-throughs) and identify prospects on your site

To track email clicks, you need to (a) modify the links inside your email campaigns and (b) add this parameter to the URL of the link:

**?email={{customer.email}}**

This will allow us to identify the individual visitors when they land on your site.

<figure><img src="https://1941892698-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_u92JFMboVvSv_dif4%2Fuploads%2F16IIbCX1rNiLz4FGhR2A%2FCustomer_io_and___Cralan_-_LeadBoxer_-_1_new_item_-_Slack.png?alt=media&#x26;token=ff80061a-6f0e-4b76-8fa4-49b41d940c54" alt=""><figcaption></figcaption></figure>

Optional, but recommended; add extra parameters to enrich visitors with additional information from your database:

**example URL**

{% code overflow="wrap" %}

```url
https://www.YOURDOMAINNAME.com/my-landing-page/?firstName={{customer.firstName}}&lastName={{customer.lastName}}&email={{email}}&companyName={{customer.companyName}}
```

{% endcode %}

NOTE: remember to update "my-landing-page" with your url.

{% hint style="warning" %}
Tip: Best practice is to test before sending out a mass email
{% endhint %}