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.
We got you!
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.
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.
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.”
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.
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 “https://dev2.devbot.co.za/product/”
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.
Conclusion:
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
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!
Generative AI tools have been used over the last few years and gained popularity, intending to leverage neutral networks to rapidly produce multiple versions of a design.
As we step into the ever-evolving landscape of user experience (UX) design, it becomes crucial to anticipate the trends that will shape the industry in 2024