Appearance

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:

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:
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;
  1. 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.