Using Storefront API in custom web pixel

Topic summary

Issue: Custom web pixel for the new checkout exposes limited event.data.checkout fields; team needs line item tags and metafields for tracking. The author asks whether the Storefront API (Shopify’s storefront GraphQL API) can be called from within the pixel, and how to do so.

Context: A screenshot of the payment_info_submitted event payload is provided, illustrating the missing data (line item tags/metafields) in the current pixel event context.

Recent activity: Two additional participants ask if any solution or guidance has been found, indicating multiple users face the same limitation.

Status: No solutions, workarounds, or official guidance are provided in the thread. No actions or decisions recorded.

Open questions:

  • Can a custom web pixel directly call the Storefront API during checkout events?
  • If not, what supported method can surface line item tags/metafields to the pixel (e.g., via backend proxy, app embeds, or checkout extensibility APIs)?
  • Are there upcoming changes to enrich event.data.checkout to include line item tags/metafields?

Outcome: Discussion remains unresolved and seeking implementation guidance.

Summarized with AI on December 27. AI used: gpt-5.

Hello !

I am working with a custom web pixel to add tracking to the new checkout.
However, the info returned by the event.data.checkout are very limited and I need to access lineItems tags and metafields as they store data we need to retrieve.

Is there anything we can do about it?
Can we maybe use the storefront API in the pixel? if yes, how can I do that? I never used it.

Thank you.

This is the data with the event payment_info_submitted

4 Likes

did you find any solution?

Have there been any answers around this? I am struggling with the same issue