This guide explains how to track conversions from your Shopify store using ClickFlare. It covers the full setup process from defining custom conversion events to configuring the Shopify theme to fire those conversions.

🚀 Why Use ClickFlare to Track Your Shopify Store

ClickFlare gives you full-funnel, click-level tracking — something traditional Shopify apps can’t do.

With ClickFlare, you can:

• Easily set it up in minutes — no complex development required

• Track each user’s journey from ad click to final purchase

• Rotate and test landers before sending traffic to your Shopify store

• Attribute conversions from both paid and organic channels

• Send 100% of conversions back to ad platforms server-side

• See all key metrics (costs, conversions, upsells, ROAS) in one dashboard

🧠 Whether you're running ads, SEO, or email flows — ClickFlare gives you the data and attribution accuracy you need to scale.

🧭 Overview

This guide walks you through tracking the following Shopify events using ClickFlare:

• View Content → view_content

• Add to Cart → add_to_cart

• Checkout Initiated → checkout_initiated

• Checkout Completed → sale and product_sale (for item-level tracking)

The setup is split into two parts:

1. ClickFlare Setup – define events, landers (optional), and campaigns

2. Shopify Setup – add tracking scripts and configure webhooks

I. 🔧 ClickFlare Setup

1. Create Custom Conversion Events

You’ll need to create a custom conversion in ClickFlare for each Shopify event you are going to track.

Steps:

1. Go to Settings > Custom Conversions

2. Click Add

3. Create a separate custom event for each of the following:

   • view_content

   • add_to_cart

   • checkout_initiated

   • sale

   • product_sale

You can refer to the image below for an example configuration.

2. Create a Traffic Source

1. From the left menu, go to Traffic Sources

2. Click the + New button to add a new traffic source

3. Choose a template from the list (e.g., Meta, Google Ads, TikTok)

4. Fill in the following:

   • Traffic Source Name

   • Workspace

   • Currency used for cost reporting

   • (Optional) Cost Integration — connect to pull ad spend automatically

💡 ClickFlare templates will auto-fill most parameters (like click ID macros). You can always adjust them if needed.

3. (Optional) Add a Lander Before Shopify

If you're sending traffic to a quiz, article, or presell page before Shopify:

1. Go to Landers > New Lander

2. Enter your lander URL and give it a name

3. Save the lander

🔗 Note: Be sure to update the CTA buttons or links on your lander to use the ClickFlare click URL. This ensures tracking when the user is redirected to Shopify.

4. Create an Offer (Your Shopify Store)

1. Go to Offers > New Offer

2. Paste your Shopify store URL (e.g., https://yourstore.myshopify.com)

5. Create a Tracking Campaign (Per Traffic Source)***

1. Go to Campaigns > New Campaign

2. Choose:

   • Redirect Tracking — use this if your traffic source allows redirects. This method enables lander rotation and A/B testing.

   • Direct Tracking — use this if you're sending traffic directly to your Lander or Shopify, or if your traffic source doesn’t allow redirects (e.g., Google Ads).

3. Configure:

   • Campaign Name: e.g., Shopify – Meta

   • Traffic Source: select the one created in step 2

   • Lander (optional): select your lander from step 3

   • Offer: select your Shopify store offer

4. In the Tracking tab, copy the ClickFlare Campaign URL -this is the link you'll use in your traffic source when setting up your ads

📌 Create one campaign per traffic source to ensure clean attribution.

6. Create a Campaign for Organic Traffic

While not mandatory, we recommend setting up a dedicated campaign for organic traffic (e.g., SEO, direct visits, email, influencers). This helps you attribute conversions that didn’t come from paid traffic sources — and otherwise may go untracked.

Steps:

1. Duplicate an existing campaign

2. Create a new traffic source called Organic and assign it to this campaign

3. Keep using the same offer from step 4 (your Shopify store)

For a direct campaign, make sure to inject the ClickFlare direct tracking script in the page inside theme.liquid:

https://trackin_domain.com/cf/scripts/direct?cpid=CLICKFLARE_ORGANIC_CAMPIGN_ID

II. 🛒 Shopify Setup

Now that your ClickFlare setup is complete, log into your Shopify admin to complete the final steps.

1. Add the ClickFlare Script to Your Shopify Theme

Steps:

1. Go to Online Store > Themes in your Shopify admin
   
   
   

2. Click the three-dot menu next to your active theme and select Edit Code
   
   
   

3. Under the Layout folder, open theme.liquid

4. Scroll to the bottom of the file and paste the following script just before the closing </body> tag:
   
   

   <script async defer src="https://tracking_domain.com/cf/scripts/shopify"></script>

   ⚠️ Important: Replace tracking_domain.com with your actual ClickFlare tracking domain (e.g., track.yourbrand.com).

2. Add Webhooks to Track Shopify Events

ClickFlare uses webhooks to track checkout and order events triggered from Shopify.

Steps:

1. In Shopify admin, go to Settings > Notifications

2. Scroll to the Webhooks section and click Create Webhook

3. Add the following webhooks:

   1. ✅ Webhook: Checkout Initiated

      • Event: Checkout creation

      • Format: JSON

      • URL:

        https://tracking_domain.com/cf/shopify/webhook

      • API Version: Use the latest (e.g., 2025-07)
        
        

   2. ✅ Webhook: Order Completed (Sale)

      • Event: Order creation

      • Format: JSON

      • URL:

        https://tracking_domain.com/cf/shopify/webhook

      • API Version: Use the latest (e.g., 2025-07)
        
        

After you add both webhooks, they will appear in your Webhook list like this:

✅ Verifying Your Setup

1. Click through a campaign URL

2. Complete a test checkout using a coupon or test gateway

3. Go to Reports > Conversions in ClickFlare

4. Filter by:

   • Event: sale, checkout_initiated

   • Campaign: the one you used

You should now see event data and revenue properly attributed.

FREQUENTLY ASKED QUESTIONS 

Got questions? Find the answers below:

Q1: Can I track upsells or thank-you page events?

A1: Yes — create additional custom events and fire them via script or webhook.

Q2: Can I pass product names, SKUs, or customer data to ClickFlare?

A2: Yes — you can send them as custom parameters in the webhook or trackEvent() object.

Q3: What if I use a pre-lander like a quiz or article?

A3: ClickFlare fully supports multi-step funnels. Just add the lander, rotate it if needed, and track user flow from first click to final purchase.