{"id":3552,"date":"2024-08-28T11:02:36","date_gmt":"2024-08-28T11:02:36","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/add-snapchat-pixel-to-magento-2\/"},"modified":"2025-01-02T10:02:21","modified_gmt":"2025-01-02T10:02:21","slug":"add-snapchat-pixel-to-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/add-snapchat-pixel-to-magento-2\/","title":{"rendered":"How to Add Snapchat Pixel to Magento 2: Quick &amp; Easy Steps"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Data-driven insights are key in making marketing decisions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Snapchat Pixel is your way to get first-hand user insights to optimize your ads for better conversions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this blog post, learn how to add Snapchat Pixel to Magento 2 without a sweat.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is Snapchat Pixel?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A Snapchat Pixel tracks important user interaction on your Magento 2 website. It is a piece of JavaScript code added to your website\u2019s HTML within the &lt;head&gt; section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tracking pixel is loaded and starts tracking the user\u2019s interaction as soon as the page loads. Here are the key insights you can track using the Snapchat Pixel:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Track when users visit specific pages on your site.<\/li>\n\n\n\n<li>Monitor when users register or sign up for an account.<\/li>\n\n\n\n<li>You can create custom events based on your needs.<\/li>\n\n\n\n<li>&amp; more.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to Get a Snapchat Pixel Code?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Log into your<a href=\"https:\/\/accounts.snapchat.com\/accounts\/v2\/login\" target=\"_blank\" rel=\"noreferrer noopener\">&nbsp;Snapchat<\/a>&nbsp;account and then click on&nbsp;<strong>Pixel<\/strong>&nbsp;from the left-side menu. From there, create or select the&nbsp;<strong>Pixel Name<\/strong>&nbsp;which you would like to set up.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/07\/create-pixel-or-select-existing.png\" alt=\"create pixel or select from the existing one\" class=\"wp-image-36225\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">When you select the Pixel Name, you will see&nbsp;<strong>Set up Pixel<\/strong>&nbsp;inside the Pixel Details. Click on that, and when the pop-up appears, select&nbsp;<strong>Pixel Code.&nbsp;<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/07\/set-up-web-events-snapchat-pixel.png\" alt=\"set up events click pixel code\" class=\"wp-image-36225\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Next, you will have to select the method to connect your website to send the web events, select&nbsp;<strong>Manual Setup&nbsp;<\/strong>here.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/07\/event-set-up-method-snapchat-pixel.png\" alt=\"event set up method - click manual set up\" class=\"wp-image-36225\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Now, move to the&nbsp;<strong>Event Source Setup,<\/strong>&nbsp;and select the&nbsp;<strong>Funnel Events<\/strong>&nbsp;you want to track here.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can select as many events in the different stages as you like. Finish this process by clicking on&nbsp;<strong>Next<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/07\/event-sources-setup-snapchat-pixel.png\" alt=\"event source setup\" class=\"wp-image-36225\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">The base code for Snap Pixel will be displayed. Copy it.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/07\/copy-base-code-snapchat-pixel.png\" alt=\"click copy code and copy base code\" class=\"wp-image-36225\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Continue with the remaining steps, like automated matching, and complete the setup process.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re using Google Tag Manager (GTM) to manage your marketing pixels and scripts, you can also set up <a href=\"https:\/\/meetanshi.com\/blog\/how-to-set-up-snapchat-pixel-tracking-via-gtm\/\">Snapchat Pixel tracking via GTM<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Add Snapchat Pixel Code to Magento 2?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now that you have the Snap pixel code, it is time to add it to your Magento 2 backend.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can manually add this tracking code to your Magento 2 store\u2019s theme header, but it will require coding and technical expertise.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Instead, you can use the&nbsp;<a href=\"https:\/\/meetanshi.com\/magento-2-snapchat-pixel.html\" target=\"_blank\" rel=\"noreferrer noopener\">Meetanshi\u2019s Magento 2 Snapchat Pixel<\/a>&nbsp;extension.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/07\/magento-2-snapchat-pixel-by-meetanshi.png\" alt=\"magento 2 snapchat pixel extension by meetanshi\" class=\"wp-image-36225\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">The extension is an easy option for adding Snap pixel code without any technical constraints and setting the tracking preference as you like.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let us see the simple (code-free) steps to do so.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Firstly, download the zip file of the extension and extract it to your Magento store\u2019s root directory.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then, log in to your SSH and run these commands one after the other:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>php bin\/magento setup:upgrade<\/code><\/li>\n\n\n\n<li><code>php bin\/magento setup:static-content:deploy \u2013f<\/code><\/li>\n\n\n\n<li><code>php bin\/magento cache:flush<\/code><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">After installation, it is time to configure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From your admin dashboard, head to&nbsp;<strong>Stores &gt; Configuration &gt; Meetanshi &gt; Snapchat Pixel<\/strong>&nbsp;and enable the extension.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enter the Snap Pixel JS code in the field. Choose your conversion value preferences from&nbsp;<strong>Grand Total<\/strong>&nbsp;and&nbsp;<strong>Subtotal<\/strong>. If you\u2019re using any custom checkout, you can define the page paths for tracking conversions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Optionally, you can choose to exclude the zero value orders from being considered as conversions.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/07\/extension-configuration-snapchat-pixel.png\" alt=\"Magento 2 snapchat pixel configuration extension\" class=\"wp-image-36225\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Save the configuration settings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019ve successfully installed Snap Pixel in your Magento 2 store  .<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can test the implementation through&nbsp;<a href=\"https:\/\/chromewebstore.google.com\/detail\/snap-pixel-helper\/hnlbfcoodjpconffdbddfglilhkhpdnf?hl=en\" target=\"_blank\" rel=\"noreferrer noopener\">Snap Pixel Helper extension for Chrome<\/a>&nbsp;or through the Events Manager dashboard.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"meetanshi-cta\">\r\n<div class=\"cta-content-wrapper\">\r\n<span>Magento 2 Snapchat Pixel<\/span>\r\n<p>Analyze Snapchat campaign performance and make the needed changes to get more leads.<\/p>\r\n<a href=\"https:\/\/meetanshi.com\/magento-2-snapchat-pixel.html\" target=\"_blank\" class=\"btn-primary\">Analyze Now<\/a>\r\n<\/div>\r\n<div class=\"cta-image-new\">\r\n<img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/11\/magento-2-snapchat-pixel.png\" alt=\"Magento 2 Snapchat Pixel\">\r\n<\/div>\r\n<\/div><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Optimize Your Ads For Maximum ROI<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">With the insights coming in, start optimizing your ad campaign. You can identify the products getting maximum visits and leverage that, or A\/B test different formats to determine what works best for you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unlock this tracking Pixel into your store and start growing your business.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> Also Learn:&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/add-facebook-pixel-to-magento-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Add Facebook Pixel to In Your Magento 2 Store&nbsp;<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Data-driven insights are key in making marketing decisions. The Snapchat Pixel is your way to get first-hand user insights to optimize your ads for better&#8230;<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-3552","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/3552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=3552"}],"version-history":[{"count":1,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/3552\/revisions"}],"predecessor-version":[{"id":5539,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/3552\/revisions\/5539"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=3552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=3552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=3552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}