How-to-set-up-TikTok-Pixel-in-Shopify.jpg

How to install TikTok pixel in Shopify 

  • Go to your TikTok Ads Manager and login your ad account 
  • Select Assets and choose Event 

 tiktok-pixel

  • Choose Website Pixel and click on Manage
  • Click Create Pixel, it will show a popup requiring you agree with the terms before using pixel. Choose I Agree

 create-tiktok-pixel

  • Name your pixel. In addition, you will see 2 options including Manually Install Pixel Code (install pixel by pasting HTML code into your web) and Install pixel code by 3rd Party Tool (including Google Tag Manager and Shopify app

name-tiktok-pixel

Option 1: If you install pixel by pasting HTML code into your web

Select Manually Install Pixel, then click Next

Copy the Pixel code and keep the page open. 

copy-tiktok-pixel-code

Go to your Shopify store admin, under Online Store section, choose Themes -> Actions -> Edit Code

how-to-paste-tiktok-pixel-code-in-sholify

In the theme.liquid file, paste the code you have copied between tags <head> and </head>. Please make sure you don’t paste the code within other scripts, every script has an opening and closing tag, for example <script> and </script>, { and }, you need to paste your code outside that area.

where-to-paste-tiktok-pixel-code-in-shopify

 

Or simply, press Ctrl+F and search for the tag </head>, then paste the code right at the line before the tag </head>, which can help you to avoid any mistakes. 
Click Save then go to Settings, choose Checkout and paste again the Tiktok pixel code at the Additional scripts section and click Save button.

paste-pixel-code-at-checkout

Option 2: If you Install Pixel code by 3rd party tool 

TikTok partners gave you the option to create pixel code from the third party including Shopif and Google Tag Manager. 

 

  • Install TikTok Pixel by Google Tag Manager

 

Once you click Install pixel code by 3rd party tool. There will be an option to use to choose to connect, select Google Tag Manager and Next 

install-tiktok-pixel-by-google-tag-manager

Click Connect to a Google account, sign in your Gmail account, grant TikTok pixel permission and confirm your choices. 

grant-tiktok-pixel-permission

Click Next and you have completed installing Tiktok Pixel code. 

If you do not see the similar information appearing, which means you have set up Google Tag Manager Account and installed it on your store. 

Simply go to Google Tag Manager, create your account and add the code snippet into your website as its instruction (in the theme.liquid file on your Shopify store) 

add-the-google-code-to-website

 

Install TikTok Pixel by using Shopify

 

Select Shopify after you click Install Pixel code by 3rd party tool, then choose Next. 

Choose Go to Shopify to add TikTok app to your store, please note that this option is only for the merchants who have a business address set in the United States. 

Then, connect your Tiktok for Business Account, select your ads and connect to your pixel. 

install-pixel-in-Shopify

 

How to check whether your TikTok pixel is working properly

After finishing installing TikTok pixel, from TikTok Ads Manager, you can see the page showing an option to download TikTok Pixel Helper, click Download, a popup will appear, choose Download TikTok Pixel Helper or you can simply go to Chrome extensions

check-tiktok-pixel

check-the-pixel-code

Choose Add to Chrome then go to your Shopify store and test on each page by clicking the TikTok Pixel Helper icon. 

tiktok-pixel-helper

 

Installing a TikTok pixel is always a first step to understand your customers, now you can let your pixel learn and track your customer’s behavior by creating events. 

Read more: Complete guide to create events and measure the conversion of TikTok Pixel 

Related Articles