{"id":13720,"date":"2026-06-16T14:06:21","date_gmt":"2026-06-16T14:06:21","guid":{"rendered":"https:\/\/wiki.pontiac.media\/?docs=ctv-documentation\/pixels\/shopify-custom-pixel-implementation"},"modified":"2026-06-16T14:52:45","modified_gmt":"2026-06-16T14:52:45","slug":"shopify-custom-pixel-implementation","status":"publish","type":"docs","link":"https:\/\/wiki.pontiac.media\/?docs=ctv-documentation\/pixels\/shopify-custom-pixel-implementation","title":{"rendered":"Shopify Custom Pixel Implementation"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Completed Checkout Custom Pixel<\/h4>\n\n\n\n<p>A Shopify custom pixel can be used to report completed checkouts to Pontiac. The pixel subscribes to Shopify\u2019s checkout_completed customer event and sends a request to the Pontiac pixel endpoint when an order is completed.<\/p>\n\n\n\n<p>The request can include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pontiac pixel ID<\/li>\n\n\n\n<li>Event type<\/li>\n\n\n\n<li>Shopify order ID<\/li>\n\n\n\n<li>Completed order amount<\/li>\n<\/ul>\n\n\n\n<p>Shopify typically triggers the checkout_completed event once per checkout on the order confirmation or Thank You page. <\/p>\n\n\n\n<p>Before configuring the custom pixel, confirm that:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You have access to the Shopify store\u2019s admin settings.<\/li>\n\n\n\n<li>A Pontiac conversion pixel has been created.<\/li>\n\n\n\n<li>You know the Pontiac pixel ID that should receive the completed checkout event.<\/li>\n<\/ul>\n\n\n\n<p>The example below uses Pontiac pixel ID 12345. Replace this value with the applicable Pontiac pixel ID.<\/p>\n\n\n\n<p>Add the Custom Pixel in Shopify<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Log in to the Shopify admin.<\/li>\n\n\n\n<li> Go to Settings.<\/li>\n\n\n\n<li>Select Customer events.<\/li>\n\n\n\n<li>Open the Custom pixels section.<\/li>\n\n\n\n<li>Click Add custom pixel.<\/li>\n\n\n\n<li>Enter a name such as: Pontiac Completed Checkout Pixel<\/li>\n\n\n\n<li>Paste the completed checkout code into the code editor.<\/li>\n\n\n\n<li>Save the pixel.<\/li>\n\n\n\n<li>Click Connect to activate it.<\/li>\n<\/ol>\n\n\n\n<p>The custom pixel must be connected before it can receive customer events.<\/p>\n\n\n\n<p>Locate the Pontiac Pixel Information<\/p>\n\n\n\n<p>The Pontiac img pixel is provided in the following format:<\/p>\n\n\n\n<p>Pixel URL Img: <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/pix.pontiac.media\/pixel?id=18419&amp;type=2\"><img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/pix.pontiac.media\/pixel?id=18419&amp;type=2\"><img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/pix.pontiac.media\/pixel?id=18419&amp;type=2\"><img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/pix.pontiac.media\/pixel?id=18419&amp;type=2\"><img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/pix.pontiac.media\/pixel?id=18419&amp;type=2\"><img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/pix.pontiac.media\/pixel?id=18419&amp;type=2\"><img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/pix.pontiac.media\/pixel?id=18419&amp;type=2\">&lt;img src=&#8221;https:\/\/pix.pontiac.media\/pixel?id=12345&amp;type=2&#8243; width=&#8221;1&#8243; height=&#8221;1&#8243; \/><\/p>\n\n\n\n<p>For the Shopify implementation, use only the URL contained in the src attribute: <a href=\"https:\/\/pix.pontiac.media\/pixel?id=12345&amp;type=2\">https:\/\/pix.pontiac.media\/pixel?id=12345&amp;type=2<\/a><\/p>\n\n\n\n<p>The URL is separated into the following values in the custom pixel template:<\/p>\n\n\n\n<p>&#8220;https:\/\/pix.pontiac.media\/pixel&#8221; + &#8220;?id=12345&#8221; + &#8220;&amp;type=2&#8221;<\/p>\n\n\n\n<p>Replace 12345 with the ID from the Pontiac pixel. Do not paste the full HTML &lt;img> tag into the Shopify custom pixel.<\/p>\n\n\n\n<p>Shopify Custom Pixel Code<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>analytics.subscribe(\"checkout_completed\", (event) => {\n\u00a0\u00a0const checkout = event.data?.checkout;\n\n\u00a0\u00a0if (!checkout) return;\n\n\u00a0\u00a0const orderId =\n\u00a0\u00a0\u00a0\u00a0checkout.order?.id ||\n\u00a0\u00a0\u00a0\u00a0checkout.order?.name ||\n\u00a0\u00a0\u00a0\u00a0checkout.id ||\n\u00a0\u00a0\u00a0\u00a0checkout.token ||\n\u00a0\u00a0\u00a0\u00a0\"\";\n\n\u00a0\u00a0const orderAmount =\n\u00a0\u00a0\u00a0\u00a0checkout.totalPrice?.amount ||\n\u00a0\u00a0\u00a0\u00a0\"\";\n\n\u00a0\u00a0const pixelUrl =\n\u00a0\u00a0\u00a0\u00a0\"https:\/\/pix.pontiac.media\/pixel\" +\n\u00a0\u00a0\u00a0\u00a0\"?id=12345\" +\n\u00a0\u00a0\u00a0\u00a0\"&amp;type=2\" +\n\u00a0\u00a0\u00a0\u00a0\"&amp;order-id=\" + encodeURIComponent(orderId) +\n\u00a0\u00a0\u00a0\u00a0\"&amp;order-amount=\" + encodeURIComponent(orderAmount);\n\n\u00a0\u00a0fetch(pixelUrl, {\n\u00a0method: \"GET\",\n\u00a0mode: \"no-cors\",\n\u00a0keepalive: true\n\u00a0});\n});<\/code><\/pre>\n\n\n\n<p>Update the Pontiac Pixel ID<\/p>\n\n\n\n<p>In the custom pixel code, locate:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\"?id=12345\"<\/code><\/pre>\n\n\n\n<p>Replace 12345 with the applicable Pontiac pixel ID.<\/p>\n\n\n\n<p>For example, if the Pontiac pixel URL is: <a href=\"https:\/\/pix.pontiac.media\/pixel?id=18574&amp;type=2\">https:\/\/pix.pontiac.media\/pixel?id=67890&amp;type=2<\/a><\/p>\n\n\n\n<p>the corresponding portion of the Shopify code should be:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\"?id=<a href=\"https:\/\/pix.pontiac.media\/pixel?id=18574&amp;type=2\">67890<\/a>\" +\n\"&amp;type=2\"<\/code><\/pre>\n\n\n\n<p>Do not change the type=2 value for a completed checkout conversion pixel unless instructed by Pontiac.<\/p>\n\n\n\n<p>Information Sent to Pontiac<\/p>\n\n\n\n<p>When a checkout is completed, the custom pixel sends:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>id<\/code>: The Pontiac pixel ID<\/li>\n\n\n\n<li><code>type<\/code>: The Pontiac event type<\/li>\n\n\n\n<li><code>order-id<\/code>: The first available Shopify order or checkout identifier<\/li>\n\n\n\n<li><code>order-amount<\/code>: The completed checkout total<\/li>\n\n\n\n<li><\/li>\n<\/ul>\n\n\n\n<p>Reach out through the Pontiac Help Center or contact your account manager for additional guidance or questions.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"author":17,"featured_media":0,"parent":9915,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-13720","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/wiki.pontiac.media\/index.php?rest_route=\/wp\/v2\/docs\/13720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wiki.pontiac.media\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wiki.pontiac.media\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wiki.pontiac.media\/index.php?rest_route=\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/wiki.pontiac.media\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13720"}],"version-history":[{"count":8,"href":"https:\/\/wiki.pontiac.media\/index.php?rest_route=\/wp\/v2\/docs\/13720\/revisions"}],"predecessor-version":[{"id":13732,"href":"https:\/\/wiki.pontiac.media\/index.php?rest_route=\/wp\/v2\/docs\/13720\/revisions\/13732"}],"up":[{"embeddable":true,"href":"https:\/\/wiki.pontiac.media\/index.php?rest_route=\/wp\/v2\/docs\/9915"}],"prev":[{"title":"Chrome Conversions","link":"https:\/\/wiki.pontiac.media\/?docs=ctv-documentation\/pixels\/chrome-conversions","href":"https:\/\/wiki.pontiac.media\/index.php?rest_route=\/wp\/v2\/docs\/10938"}],"wp:attachment":[{"href":"https:\/\/wiki.pontiac.media\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13720"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wiki.pontiac.media\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=13720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}