Shopify

Learn how to track sale conversion events with Shopify and Dub

This feature is only available on Business plans and above.

Dub’s best-in-class Shopify integration listens to orders from Shopify and tracks them as sales on Dub.

In this guide, we will be focusing on tracking sale events from Shopify by leveraging Dub’s Shopify integration.

Step 1: Enable conversion tracking for your links

First, you’ll need to enable conversion tracking for your Dub links to be able to start tracking conversions:

If you’re using Dub Partners, you can skip this step since partner links will have conversion tracking enabled by default.

Option 1: On a workspace-level

To enable conversion tracking for all future links in a workspace, you can do the following: To enable conversion tracking for all future links in a workspace, you can do the following:

1. Navigate to your workspace’s Analytics settings page.
2. Toggle the Workspace-level Conversion Tracking switch to enable conversion tracking for the workspace.

This option will enable conversion tracking in the Dub Link Builder for all future links.

Option 2: On a link-level

If you don’t want to enable conversion tracking for all your links in a workspace, you can also opt to enable it on a link-level.

To enable conversion tracking for a specific link, open the Dub Link Builder for a link and toggle the Conversion Tracking switch.

You can also use the C keyboard shortcut when inside the link builder to quickly enable conversion tracking for a given link.

Option 3: Via the API

Alternatively, you can also enable conversion tracking programmatically via the Dub API. All you need to do is pass trackConversion: true when creating or updating a link:

Node.js

const link = await dub.links.create({
  url: "https://dub.co",
  trackConversion: true,
});

Step 2: Install the Dub Shopify app

1. Install the Shopify app

   Install the Dub Shopify App from the App Store.

   
2. Connect Shopify to your Dub workspace

   After installation, you will be prompted to link one of your Dub workspaces to the app. Select Connect to establish a connection between your Shopify store and your Dub workspace.

   You’ll be redirected back to your Shopify store after this step and you’ll see a list of the links in your Dub workspace:

   

   With the Shopify app, you can also create conversion-enabled links directly from your Shopify store:

   

   If you want a more powerful link builder, you can also use the Dub Link Builder to create conversion-enabled links.

3. Activate Dub Analytics Script

   After installing the Dub Shopify app, the Dub Analytics script is added as an app embed. However, it needs to be activated manually to ensure it is included in your current theme.

   To activate the Dub Analytics script, follow these steps:

   1. Navigate to your Shopify admin panel.
   2. Go to Online Store > Themes.
   3. Click on Customize for your current theme.
   4. In the theme editor, select the App embeds tab.
   5. Locate the Analytics Script for the Dub Shopify app and toggle it to activate.

   

Dub’s Shopify integration will automatically forward the following events to Dub:

• orders/paid: This event is triggered when a customer completes a purchase on your Shopify store. It is utilized to track sales that originate from Dub links.
• app/uninstalled: This event occurs when the app is uninstalled from a store. It is used to remove the integration from your Dub workspace.

In addition to the above, we also subscribe to the mandatory compliance webhook topics that are required by Shopify.

Step 3: View conversion results

And that’s it – you’re all set! You can now sit back, relax, and watch your conversion revenue grow. We provide 3 different views to help you understand your conversions:

• Time-series: A time-series view of the number clicks, leads and sales.

• Funnel chart: A funnel chart view visualizing the conversion & dropoff rates across the different steps in the conversion funnel (clicks → leads → sales).

• Real-time events stream: A real-time events stream of every single conversion event that occurs across all your links in your workspace.

Currency conversion support

For simplicity, Dub records all sales in the native currency of the Shopify store. For example, if you’re using USD for your Shopify store, Dub will record all sales in USD – even if your customers are paying in a different currency.

orders/paid

// Shopify orders/paid event payload
// @see: https://shopify.dev/docs/api/webhooks?reference=toml#list-of-topics-orders/paid
{
  ...
  "current_subtotal_price_set": {
    "shop_money": {
      "amount": "398.00", // this is the amount that Dub will record
      "currency_code": "USD" // this is the currency of your Shopify store
    },
    "presentment_money": {
      "amount": "572.25",
      "currency_code": "CAD"
    }
  },
  ...
}