How to set up TikTok Dynamic Showcase Ads on WooCommerce with dynamic content IDs

Are you ready to take your advertising efforts to the next level on TikTok? TikTok's Dynamic Showcase Ads provide an excellent opportunity to showcase your WooCommerce products to a vast audience who have already interacted with these products, driving conversions at a low cost. 

In this comprehensive guide, we will walk you through each step of setting up these retargeting ads on Woocommerce, ensuring seamless integration between Tag Manager, WooCommerce, TikTok Ads, and most importantly, how to ensure you collect content IDs! By following these detailed instructions, you can successfully set up TikTok Dynamic Showcase Ads on your WooCommerce store and maximize your brand's revenue from dynamic retargeting ads.

TikTok DSA example

Prefer to watch?

We got you!

Step 1: Install and Set Up Tag Manager

To begin, you'll need to install the GTM4WP (Google Tag Manager for WordPress) plugin on your WooCommerce store. Once installed, ensure that the necessary data layers are being pushed correctly with Tag Assistant, particularly the item ID. For this guide, we will use "postID" as the unique identifier. Confirm that the data layer is properly implemented on your product pages. (If you are unsure how to do this, watch our instructional video.

tm4wp setup
Google Tag Manager Data Layers

Step 2: Install the TikTok Pixel Template

Access your Tag Manager account and navigate to Templates > Search Gallery. Look for the TikTok Pixel template provided by TikTok. Install this template to simplify the integration of TikTok's tracking pixel into your WooCommerce store. The template will automatically set up the necessary tags and variables required for TikTok Dynamic Showcase Ads.

TikTok Pixel template on Google Tag Manager

Step 3: Create a DataLayer Variable

In Tag Manager, it's essential to create a variable named "DLV" (DataLayer Variable). This variable will capture the data layer values and pass them to the TikTok pixel. To create the variable, go to Variables and click on "New." Name the variable as "DLV - “Your unique identifier. Ours was postID.” 

Data Layer Variable

Step 4: Set Up TikTok Tag for View Content Event

With the TikTok Pixel template installed, it's time to create the tag for the "View Content" event. In Tag Manager, go to Tags and click on "New." Name the tag as "TikTok - View Content" and select the TikTok Pixel template. Under the content ID field, click on the icon and select the "DLV" variable you created in the previous step. Set the content type to "product" to align with your WooCommerce store's offerings.

TikTok View Content event setup

Step 5: Create a WindowLoaded Trigger

To ensure that the TikTok tag fires accurately on relevant pages, you need to create a Window Loaded trigger. In Tag Manager, go to Triggers and click on "New." Name the trigger as "WindowLoaded - Product Pages." Set the trigger type to "Window Loaded." To limit the trigger to product pages, configure the trigger conditions to fire when the Page URL matches a specific pattern or contains specific keywords related to your WooCommerce product URLs. Ours was - Page Url contains “”

Window Loaded trigger

Step 6: Verify TikTok Pixel Implementation

To verify the proper implementation of the TikTok pixel, install the TikTok Pixel Helper extension in your web browser. Visit your WooCommerce product pages and open the TikTok Pixel Helper extension. Verify that the "View Content" event is firing correctly and has been set up with custom code. This step ensures that the TikTok pixel is tracking the necessary data and will enable accurate measurement and targeting in your TikTok Dynamic Showcase Ads campaign.


In this guide, we've outlined the essential steps to set up TikTok Dynamic Showcase Ads with Content IDs on your WooCommerce store. The next steps are 

  • Create a catalogue in TikTok
  • Connect an event source, making sure that the catalogue and View Content event have matching content IDs
  • Create your ads!



How to add dynamic Canonical Tags to Webflow

Adding Canonical Tags to pages lets Search Engines know which is the master copy of a page. THis Tecbot Tutorial shows you how to easily add dynamic Canonical Tags to your CMS items in Webflow!

Read more

The role of Contrast in UX Design and why you should avoid Pure Black

In the ever-evolving world of UX design, there's one principle that remains as essential as ever: contrast. Contrast plays a pivotal role in enhancing user experiences by making interfaces more visual

Read more

How to set up Enhanced Conversion Tracking for Google Ads

By leveraging user-provided data from your website, such as email addresses or phone numbers, Google Ads Enhanced Conversions is a powerful feature that enables more accurate conversion tracking.

Read more