Meta, TikTok and GA4 pixels on the checkout

What the pixels cover

Your Shopify pixel apps keep covering the storefront: product pages, collections, cart. Only the checkout and the thank-you page moved to LatchPay, and that is what the pixel ids on Tracking cover. Keep your Shopify pixels installed.

Setting them up

1. 1

   Paste the ids

   Meta pixel id (Events Manager → Data sources → your pixel, the 15 or 16 digits), TikTok pixel id (Events Manager → your pixel → Pixel ID) and GA4 measurement id (Admin → Data streams → your web stream). An empty field means that network is not loaded.

2. 2

   Save, then test in a new tab

   The test tab opens your checkout preview with the saved pixels in test mode: InitiateCheckout and AddPaymentInfo carry event ids starting with test- on Meta and TikTok, GA4 gets debug_mode so the events show in DebugView. No purchase is sent from a test.

Which events fire

• Meta: PageView on load; InitiateCheckout, AddPaymentInfo, Purchase.
• TikTok: page on load; InitiateCheckout, AddPaymentInfo, CompletePayment.
• GA4: page_view on load; begin_checkout, add_payment_info, purchase.

The purchase fires on the thank-you page, once the payment is confirmed.

No double-counted purchases

The purchase carries the Whop payment id as its event id (Meta eventID, TikTok event_id, GA4 transaction_id), the same id the order shows on Orders. A refresh of the thank-you page does not fire it again, and if you later send the same order from a server, the networks fold the two into one.

Limits