How To Add WooCommerce TikTok Pixel For Conversion Tracking & Ads Optimization

Editorial Team
August 1, 2022
How To Add WooCommerce TikTok Pixel For Conversion Tracking & Ads Optimization

Are you looking to install WooCommerce TikTok Pixel on your online store?

With TikTok Pixel, you can take your TikTok ads to the next level.

It allows you to monitor sales, track user activity and further enables you to optimize your ads to find the right audience.

All in all, it’s a must-have tool if you use TikTok or are considering using this platform to bring visitors and track events on your website.

In this post, we will look at how to set up TikTok ads pixel on WooCommerce and enable event-based tracking on your website.

What is a TikTok Pixel?

A TikTok Pixel is a measurement tool that lets you track the effectiveness of your ad campaigns.

It lets you track actions that people take on your website.

Started as a short-form video-sharing platform, TikTok app has now taken business service into its account and has left Facebook and Instagram far behind in terms of popularity.

With massive visitors and high engagement, businesses are now turning their attention to TikTok advertising to promote their products and services.

As per an official survey, about 58% of TikTok users discover new products and services with the help of targeted ads on the platform.

Therefore, setting up TikTok pixel on your website is a must to optimize your ad campaigns, retarget them to the different user bases and track the conversions.

If you’re a WooCommerce store owner, you’ll be able to track various events such as purchases completed, new signups, abandoned carts, and more.

By the end of this step, you’ll be able to learn how to add WooCommerce TikTok Pixel to your store, track and test your event-based conversions on your website.

Free Tools We’ll Use to Set Up TikTok Pixel on WooCommerce

To set up WooCommerce TikTok Pixel on your store, we will use the following free tools:

  • WooFunnels Funnel Builder (WordPress plugin)
  • TikTok Pixel Helper (Google Chrome extension)

Let’s look at how to install them.

WooFunnels Funnel Builder

We recommend you to use the WooFunnels Funnel Builder to set up the WooCommerce TikTok pixel on your website.

It not only lets you set up beautiful, high-converting checkout pages, opt-ins, upsell offers, etc. but has a deep integration with TikTok Pixel.

You don’t need any extra plugins such as TikTok for WooCommerce to track pixel events on your website.

Instead, WooFunnels Funnel Builder takes care of TikTok tracking pixels entirely.

Installation

To install the WooFunnels Funnel Builder, go to the dashboard of your WordPress website.

Click on Plugins > Add New.

Go to Plugins and click on Add New

Search for the WooFunnels Funnel Builder there and click on 'Install Now'.

It’s a lite version and absolutely free to all users.

Click on Install Now to set up the WooFunnels Funnel Builder plugin on your WordPress website

Now the plugin will get installed on your website.

Once done, click on the 'Activate' button.

Activate the WooFunnels Funnel Builder plugin

Now the WooFunnels Funnel Builder is ready to set up WooCommerce TikTok Pixel on your store.

Well done! This is how you can install and make the Funnel Builder active on your website. 

TikTok Pixel Helper

The TikTok Pixel Helper is a Google Chrome extension that helps you test and troubleshoot pixel installation on your website.

It gives you conversion-related information along with real-time feedback.

With this extension, you can go deeper into troubleshooting your pixel installation by getting information about detailed diagnostics and parameter-level implementations.

Installation

Click on this TikTok Pixel Helper link on your Google Chrome browser. 

Hit the 'Add to Chrome' button.

Click on Add to chrome button to set up tiktok pixel helper chrome extension

It’ll ask you for your confirmation to install this extension.

Confirm the installation by clicking on 'Add Extension'.

Confirm the tiktok pixel helper installation

TikTok Pixel Helper will get installed on your Chrome browser now.

You can now use it to check if the conversion events are triggering or not.

Types of Events That Can Be Tracked

Here are some events that you can track with WooCommerce TikTok Pixel on your store with the help of WooFunnels Funnel Builder:

  • View content - The user views the product pages on your store.
  • Add to cart - When a user adds the product to their shopping cart.
  • Order bump - A user accepts the order bump and the product gets added to the cart.
  • Initiate checkout - When the user starts the checkout process on your online store.
  • Purchase - Tracks this event when a user makes the purchase - it’s usually denoted when the user goes from the checkout page to the thank you page.

You can also track the events site-wide using the Funnel Builder. It eliminates the use of any other extra plugin or app for tracking events on your website.

How To Set Up WooCommerce TikTok Pixel and Track Events on Your Store?

In this section, we will demonstrate an easy, step-by-step process of how to install TikTok Pixel on WordPress and add it to the WooCommerce website for event-based tracking.

Step 1: Manage Web Events for Your TikTok Ads Manager Account

Go to TikTok Ads Manager and login into your account.

Log in to your TikTok Ads Manager account by entering the credentials

Then, go to Assets > Events.

On the dashboard, click on Events under the Assets tab

Now, click on 'Manage' under Web Events.

Click on the Manage button under Web Events

This option will track events that happen on your website by installing TikTok Pixel for WooCommerce.

Step 2: Create TikTok Pixel

On the TikTok ads pixel screen, hit the 'Create Pixel' button.

Create the TikTok Pixel

Enter the name of TikTok Pixel and choose the connection method - how you want your WooCommerce website to send data to TikTok.

Select 'TikTok Pixel' and click on 'Next'.

Connection method - WooCommerce TikTok Pixel

Next, choose the type of pixel installation you want on your WooCommerce website.

  • Automatically set up web events through partner integrations
  • Manually install pixel code
Choose the type of WooCommerce tiktok pixel installation you want

Let’s look at them one by one.

Automatically Set Up Web Events via Partner Platforms

Here you can find eCommerce platforms such as BigCommerce, Shopify, Square, Ecwid, etc., along with the Google Tag Manager.

Set up the web events on tiktok through partner platform integration

We don’t recommend this method because TikTok doesn’t have WooCommerce integration on its platform.

Manually Install the TikTok Pixel Code

If you choose to install the WooCommerce TikTok Pixel manually, you’ll need to specify the event setup method.

These events are fired when the user takes action on your website, such as viewing the product’s page, adding items to the cart, purchasing an item, and more.

Choose the event setup method:

  • Standard mode - Configure events directly in TikTok Events Manager
  • Developer mode - Configure events with the help of custom code on your website

Select the 'Developer Mode' from here.

Choose the developer mode

Next, copy and paste this TikTok pixel code into the header section of your website.

Furthermore, you can configure automatic advanced matching and cookies-related settings here.

Automatic advanced matching is a technique that scans the customer information to match web events on your website with TikTok users. It improves your TikTok ads conversion and retargeting.

Install the WooCommerce tiktok pixel code

Once done, click on the 'Next' button.

It’ll ask you to create events, but we will enable them in the Funnel Builder.

Click on 'Complete Setup'.

Complete the woocommerce tiktok pixel setup

Your TikTok Pixel will be successfully created.

copy the woocommerce pixel id

You’ll be redirected to the Pixel dashboard. From here, copy this TikTok Pixel ID.

Step 3: Add the TikTok Pixel ID to WooCommerce

Go to the 'Settings' section under the WooFunnels Funnel Builder.

Go to the settings section in woofunnels funnel builder

Under TikTok, paste the Pixel ID.

paste the woocommerce tiktok pixel id

That’s it! You have successfully added the TikTok Pixel to WooCommerce using the Funnel Builder.

We hope it answers your - how do I add a TikTok Pixel to WooCommerce? query.

Step 4: Enable the TikTok Pixel Events You Want to Track

Enable the events that you want to track with your TikTok pixel.

Funnel Builder gives you various events such as:

Site-wide events

  • Add to Cart
  • View Content

Order Bump events

  • Add to Cart

Checkout events

  • Add to Cart
  • Initiate Checkout

Purchase Events

  • Place Order
Enable the pixel tracking on WooCommerce website

Click on 'Save Changes' once done.

That’s it! This is how you can set up WooCommerce TikTok Pixel and enable event-based tracking on your online store.

How to Test if the TikTok Pixel is Working Correctly on Your WooCommerce Store?

Follow the method given below on how to check Pixel installation and test the events on your WooCommerce store.

Here we will use TikTok Pixel Helper (Google Chrome extension) to test the events on our website.

Test the firing of events by navigating to the products page on your WooCommerce store.

Here the TikTok Pixel Helper will notify the number of pixels running on a specific page.

Here, you’ll see the 'PageView' event being fired.

Testing the WooCommerce product page for pixel implementation

Next, click on any product.

You’ll see the 'Page View' and 'View Content' events on the extension.

Pixel implementation testing - Page View and View content events fired on the product's page

Next, add this item to your cart and start the checkout process.

You’ll see the 'Page View', 'Add to Cart' and 'Initiate Checkout' events here.

Pixel implementation testing - Page View, add to cart and initiate checkout events fired on the checkout page

Complete the purchase and you’ll see the ‘Place an Order’ and ‘Page View’ events.

Pixel implementation testing - Page View and Place an order events fired on the order confirmation page

Since all the events got reflected in the extension, it means the events are being fired and the WooCommerce TikTok Pixel installation is running smoothly.

That’s it! This is how you can check the TikTok Pixel implementation and test the events on your WooCommerce website.

All Set to Track Conversions with WooCommerce TikTok Pixel?

As a WooCommerce store owner, your goal should be to reach out to new audiences on different platforms.

Therefore you must get your hands on TikTok, the most popular social media platform in the world, and its advertising tools.

Amplifying your TikTok advertising campaigns should be the first step toward taking your business to the next level.

For that, you must set up WooCommerce TikTok Pixel on your store to track the ROI of your ad campaigns.

With tons of guides and plugins available to do just that isn’t really a solution!

But thanks to the WooFunnels Funnel Builder - it’s an all-round solution for setting up your sales funnels as well as its deep integration with TikTok helps to track conversions on your website.

It also has site-wide event tracking that eliminates the use of extra plugins that take up unnecessary space on WordPress.

The WooFunnels Funnel Builder is really a full-fledged solution for your TikTok campaign performance tracking needs.

Explore more about the Funnel Builder here >>

Author: Editorial Team
The Editorial Team at WooFunnels is a passionate group of writers and copy editors. We create well-researched posts on topics such as WordPress automation, sales funnels, online course creation, and more. We aim to deliver content that is interesting and actionable.
Ready to create revenue-generating funnels in Wordpress?
Click Here

Increase your sales, starting today.

Get WooFunnels Now
chevron-down
[class^="wpforms-"]
[class^="wpforms-"]