Adding the Facebook Pixel to your store - Revision history

Shawn: /* Step 2. Add the code to your store */

2021-06-01T23:48:44Z

Step 2. Add the code to your store

2021-06-01T23:48:32Z

Step 2. Add the code to your store

2021-06-01T23:47:07Z

Step 2. Add the code to your store

2021-06-01T23:41:15Z

Step 2. Add the code to your store

2020-08-17T01:06:19Z

Tracking orders

2020-08-17T01:06:03Z

Tracking orders

2020-08-13T22:24:10Z

Using the Facebook Pixel to add Products to your Facebook Catalogue

2020-07-20T04:24:34Z

Step 1. Get the code from Facebook

2020-07-20T04:24:10Z

Step 1. Get the code from Facebook

2020-06-12T03:35:12Z

Tracking orders

@@ Line 30: / Line 30: @@
 # Copy the pixel code from Facebook
 # Log in to your Spiffy Toolbox, and go to the "Theme editor" section.<br><br>[[File:Google-webmaster-2-large.png]]<br><br>
-# In the theme editor, check you see if the theme settings has an "Advanced" section.  If it does, then paste your code into the "Add code to the <head> section of your store" and save your settings.<br><br>[[File:Advanced-theme-settings-fb-pixel.png|500px]]<br><br>If it doesn't, click on the "Theme.liquid" file to edit it.<br><br>[[File:Google-webmaster-3-large.png]]<br><br>
+# In the theme editor, check you see if the theme settings has an "Advanced" section.  If it does, then paste your code into the "Add code to the <head> section of your store" and save your settings.<br><br>[[File:Advanced-theme-settings-fb-pixel.png|700px]]<br><br>If it doesn't, click on the "Theme.liquid" file to edit it.<br><br>[[File:Google-webmaster-3-large.png]]<br><br>
 # Paste the code immediately before the </head> tag, and then click the save button.

@@ Line 30: / Line 30: @@
 # Copy the pixel code from Facebook
 # Log in to your Spiffy Toolbox, and go to the "Theme editor" section.<br><br>[[File:Google-webmaster-2-large.png]]<br><br>
-# In the theme editor, check you see if the theme settings has an "Advanced" section.  If it does, then paste your code into the "Add code to the <head> section of your store" and save your settings.<br><br>[[File:Advanced-theme-settings-fb-pixel.png]]<br><br>If it doesn't, click on the "Theme.liquid" file to edit it.<br><br>[[File:Google-webmaster-3-large.png]]<br><br>
+# In the theme editor, check you see if the theme settings has an "Advanced" section.  If it does, then paste your code into the "Add code to the <head> section of your store" and save your settings.<br><br>[[File:Advanced-theme-settings-fb-pixel.png|500px]]<br><br>If it doesn't, click on the "Theme.liquid" file to edit it.<br><br>[[File:Google-webmaster-3-large.png]]<br><br>
 # Paste the code immediately before the </head> tag, and then click the save button.

@@ Line 30: / Line 30: @@
 # Copy the pixel code from Facebook
 # Log in to your Spiffy Toolbox, and go to the "Theme editor" section.<br><br>[[File:Google-webmaster-2-large.png]]<br><br>
-# In the theme editor, check you see if the theme settings has an "Advanced" section.  If it does, then paste your code into the "Add code to the <head> section of your store." and save your settings.  If it doesn't, click on the "Theme.liquid" file to edit it.<br><br>[[File:Google-webmaster-3-large.png]]<br><br>
+# In the theme editor, check you see if the theme settings has an "Advanced" section.  If it does, then paste your code into the "Add code to the <head> section of your store" and save your settings.<br><br>[[File:Advanced-theme-settings-fb-pixel.png]]<br><br>If it doesn't, click on the "Theme.liquid" file to edit it.<br><br>[[File:Google-webmaster-3-large.png]]<br><br>
 # Paste the code immediately before the </head> tag, and then click the save button.

@@ Line 30: / Line 30: @@
 # Copy the pixel code from Facebook
 # Log in to your Spiffy Toolbox, and go to the "Theme editor" section.<br><br>[[File:Google-webmaster-2-large.png]]<br><br>
-# In the theme editor, click on the "Theme.liquid" file to edit it.<br><br>[[File:Google-webmaster-3-large.png]]<br><br>
+# In the theme editor, check you see if the theme settings has an "Advanced" section.  If it does, then paste your code into the "Add code to the <head> section of your store." and save your settings.  If it doesn't, click on the "Theme.liquid" file to edit it.<br><br>[[File:Google-webmaster-3-large.png]]<br><br>
 # Paste the code immediately before the </head> tag, and then click the save button.

@@ Line 65: / Line 65: @@
 'https://connect.facebook.net/en_US/fbevents.js');
   fbq('init', '{your-pixel-id-goes-here}');
-fbq('track', 'PageView');
+ fbq('track', 'PageView');
-fbq('track', 'Purchase',{value:'{{ total_price | money_without_currency }}',currency: '{{shop.currency}}'});
+ fbq('track', 'Purchase',{value:'{{ total_price | money_without_currency }}',currency: '{{shop.currency}}'});
 </script>
 <noscript>

@@ Line 70: / Line 70: @@
 <noscript>
   <img height="1" width="1"
-src="https://www.facebook.com/tr?id={your-pixel-id-goes-here}&ev=PageView
+src="https://www.facebook.com/tr?id={your-pixel-id-goes-here}&ev=PageView&noscript=1"/>
 </noscript>
 <!-- End Facebook Pixel Code -->

@@ Line 79: / Line 79: @@
 == Using the Facebook Pixel to add Products to your Facebook Catalogue ==
-The best way to get your products into Facebook is using our [[Selling on Facebook|data feed]], but if you're on our Starter Plan, you can also use the Facebook Pixel.  To add products to your catalogue with the pixel..
+The best way to get your products into Facebook is using our [[Selling on Facebook|data feed]], but you can also use the Facebook Pixel.  To add products to your catalogue with the pixel..
 # Go to [https://www.facebook.com/products The Facebook Catalogue Manager]
 # Select the e-commerce catalogue that you want to add products to.  If one doesn't exist, you'll need to create one.

@@ Line 2: / Line 2: @@
 === Step 1.  Get the code from Facebook ===
-# Go to your Pixels tab in the Events Manager section in Facebook's Business Banager.
+# Go to your Pixels tab in the Events Manager section in Facebook's Business Manager.
 # Click Create a Pixel.
 # Click Create in the box that appears to finish creating your pixel.<br><br>The base pixel code contains your pixel's ID in two places and looks like this:<br>