Skip to main content
TikTok Pixel & CAPI
Documentation

TikTok Pixel & CAPI Documentation

Everything you need to install, configure and verify accurate browser and server-side TikTok tracking on Shopify.

1

Overview

TikTok Pixel & CAPI connects your Shopify store to TikTok for conversion tracking and ad attribution. It fires a browser-side TikTok pixel and sends matching server-side Conversion API events, sharing one event ID so TikTok deduplicates them — capturing conversions even past ad blockers and on COD or external checkouts. The app is free and fully embedded in Shopify admin.

Dual delivery

Browser pixel and server-side CAPI for every event.

Deduplication

A shared event ID lets TikTok count each conversion once.

External checkout

Server-side Purchase for COD and TikTok Shop orders.

Free & embedded

No billing and no external login — it lives in Shopify admin.

2

Getting started

You can be tracking in a few minutes. Install the app, enable the embed, add a pixel, and verify your events.

  1. 1
    Install the app

    Add TikTok Pixel & CAPI from the Shopify App Store and open it from your Shopify admin — there is no separate account to create.

  2. 2
    Enable the theme app embed

    In your theme editor, turn on the TikTok Pixel & CAPI app embed so the browser pixel can load on your storefront.

  3. 3
    Add your first pixel

    Enter your TikTok pixel ID and, for server-side tracking, your access token, then choose the pages and events to track.

  4. 4
    Activate the pixel

    Toggle the pixel active so it begins firing browser and server-side events.

  5. 5
    Verify with TikTok tools

    Use the TikTok Pixel Helper and Events Manager to confirm events arrive and deduplicate correctly.

3

Add a pixel

Each pixel is configured independently, so you can run several pixels with different settings from one app.

Pixel ID

Your TikTok pixel ID from TikTok Events Manager — this powers the browser pixel.

Pixel name

A label to help you tell multiple pixels apart in the dashboard.

Access token

A TikTok access token generated in Events Manager, required to send server-side Conversion API events.

Test event code

An optional code that routes events to an isolated test stream while you validate the setup.

Tracked pages & events

Choose all pages or selected page types, and toggle individual events on or off.

Active toggle

Enable or pause the pixel at any time without deleting its configuration.

The browser pixel needs only the pixel ID; add the access token to unlock server-side CAPI tracking.

4

Events tracked

The app tracks the six standard TikTok events across the shopping journey. Each can be toggled per pixel.

PageView

Fires when a visitor loads a tracked page.

ViewContent

Fires when a product page is viewed.

AddToCart

Fires when an item is added to the cart.

InitiateCheckout

Fires when a customer starts checkout.

AddPaymentInfo

Fires when payment information is entered.

Purchase

Fires when an order is completed — server-side for COD and external checkout.

5

Server-side CAPI & deduplication

Dual delivery sends each event from both the browser and your server, then relies on a shared event ID for accurate counting.

  1. 1
    Browser pixel fires

    The web pixel extension records the event in the browser and sends a beacon to the app backend.

  2. 2
    Server posts to CAPI

    The backend posts the same event to the TikTok Conversion API endpoint, including hashed customer data.

  3. 3
    TikTok deduplicates

    Because both hits share one event ID, TikTok merges them and counts the conversion only once.

The server-side path keeps working when the browser pixel is blocked, so conversions are still reported.

6

External checkout & COD

When checkout happens off your storefront — Cash on Delivery or a third party like TikTok Shop — the browser pixel cannot fire a Purchase, so the app handles it server-side.

External checkout support toggle

Enable server-side Purchase tracking for COD and third-party checkouts in settings.

orders/paid webhook

The Purchase event is fired from Shopify's orders/paid webhook when the order is marked paid.

Accurate attribution

Every paid order is sent to TikTok, even though the shopper never reached your thank-you page.

This is the most reliable way to track conversions for COD-first stores and TikTok Shop sellers.

7

Settings

Fine-tune how events are built and delivered with a handful of no-code settings.

Content ID preference

Choose whether content IDs use the variant ID (recommended) or the product ID, to match your TikTok catalog.

Custom click events

Fire events when visitors click an element you target with a CSS selector — no code required.

Timezone

Set your store timezone so dashboard counts and reports align with your day.

Advanced matching

Toggle SHA-256 hashing of email, phone and external ID per parameter to improve match quality.

8

Verifying & troubleshooting

Confirm events are arriving and deduplicating, and use the Reports page to diagnose anything that is not.

TikTok Pixel Helper

Use the browser extension to confirm the pixel loads and fires events on your storefront.

TikTok Events Manager

Check incoming events, and use your test event code to inspect them in an isolated stream first.

Reports statuses

Each event shows as Queued, Sent, Failed or Skipped, with error logs to explain failures.

Need more help?

Contact our support team from the link in the sidebar — we typically reply within minutes.

If server events are Failed, re-check the access token; if browser events are missing, confirm the theme app embed is enabled.

Start capturing every TikTok conversion today

Everything you need to install, configure and verify accurate browser and server-side TikTok tracking on Shopify.

Add to Shopify

CODRocket Support

Typically replies within minutes

Start Chat