---
description: "Install the Dalton Pixel on Shopify using Shopify's Custom Pixel API to track ecommerce events in your experiments."
---

# Dalton Pixel for Shopify

Dalton integrates natively with **Shopify’s Custom Pixel API** to track key ecommerce events.  
This page explains how to install, connect, and manage the Dalton Pixel in Shopify.

---

## Overview

Dalton automatically tracks the following Shopify events:

- `add_to_cart`  
- `checkout_started`  
- `checkout_completed`

These are captured directly from Shopify’s analytics layer for accurate and privacy-compliant reporting.

📘 **Shopify Docs:**  
- [Add a Custom Pixel](https://help.shopify.com/en/manual/promoting-marketing/pixels/custom-pixels/code)  
- [Manage Custom Pixels](https://help.shopify.com/en/manual/promoting-marketing/pixels/custom-pixels/manage#add-custom-pixel)

---

## Installation

### Step 1: Add the Dalton Pixel

In your Shopify admin:

1. Go to **Settings → Customer Events**  
2. Click **Add Custom Pixel**  
3. Name it `Dalton Pixel`  
4. Paste the following script into the **Custom Pixel Code** editor:

<InjectCustomerId id="xxxxx">

```javascript
// DALTON PIXEL SHOPIFY INSTALLATION
const customerId = {{customerId}} // Add your customer id here
let script = document.createElement('script');
script.setAttribute('id', 'dalton-pixel');
script.src = `https://cdn.getdalton.com/pixel/${customerId}.min.js?customer_id=${customerId}`;
document.head.appendChild(script);

window.dalton = window.dalton || {};
window.dalton.analytics = analytics;
```

</InjectCustomerId>

5. Click **Save**

---

### Step 2: Connect the Pixel

After creating the pixel, connect it to your store so it starts tracking events.

1. In **Settings → Customer Events**, click **Custom Pixels**  
2. Under **Disconnected pixels**, find `Dalton Pixel`  
3. Click **Connect**  
4. Review Shopify’s Terms of Service confirmation and click **Connect** again

---

### Step 3: Verify Installation

1. Visit your Shopify store’s front end  
2. Open **Developer Tools → Console**  
3. Verify that the message `Dalton Pixel loaded` appears  
4. Add a product to the cart or complete a checkout  
5. Confirm that the events appear in your Dalton dashboard

---

## Managing the Dalton Pixel

### Disconnect the Pixel

If you want to pause event tracking:

1. Go to **Settings → Customer Events → Custom Pixels**  
2. Click **Disconnect** next to `Dalton Pixel`

Disconnecting stops tracking but keeps your pixel saved for later use.

---

### Delete the Pixel

To remove the Dalton Pixel entirely:

1. Go to **Settings → Customer Events → Custom Pixels**  
2. Click the `…` button next to `Dalton Pixel`  
3. Select **Delete**, then confirm

⚠️ Deletion is permanent and cannot be undone.

---

## Next Steps

After the Dalton Pixel is connected:

- Events will appear automatically in your **Dalton Dashboard**  
- You can track conversions, engagement, and revenue lift  
- GA4 and Dalton data can be combined for detailed performance analysis  

For more context on general installation across all platforms, refer to the  
[Dalton Pixel Installation Guide](/advanced/pixels).

---
