Hello @Itisavibe ,
This issue likely stems from the missing value parameter when TikTok attempts to track "Add to Cart" and "View Content" events. Since you’re using the TikTok app for Shopify and the Dawn theme, the problem might be with the TikTok Pixel installation or how the theme triggers those events. Here are some steps to troubleshoot and fix it:
1. Confirm TikTok Pixel Installation
-Using TikTok Pixel Helper Extension:
-Visit your store and trigger the actions like Add to Cart or View Content.
-Open the TikTok Pixel Helper Chrome extension and check if:
-Events are firing (e.g., no “Add to Cart” shows up now, so it seems broken).
-The Pixel ID is correct and matches what is shown in your TikTok Ads Manager.
2. Reinstall the TikTok App
Sometimes, the integration can fail partially, leading to missing event parameters. Reinstalling the TikTok app can reset the pixel tracking:
Steps:
- Go to your Shopify Admin → Apps → Delete the TikTok app.
- Reinstall the TikTok app from the Shopify App Store.
- Follow the setup instructions and reconnect your TikTok Pixel.
- Once reinstalled, test the events again using the Pixel Helper.
3. Check Event Parameters in Your Shopify Theme (Dawn)
Since the Dawn theme dynamically triggers events via its default JavaScript, Shopify might not be sending the correct value parameter for Add to Cart or View Content:
- Go to Online Store → Themes → Edit Code.
- Check the theme.liquid file and look for any TikTok Pixel script.
- If you see custom code added, ensure it includes the value parameter for the addToCart and ViewContent events. Example:
ttq.track('AddToCart', {
content_id: '{{ product.id }}',
content_name: '{{ product.title }}',
currency: '{{ shop.currency }}',
value: {{ product.price | money_without_currency }}
});
If you don’t see such a script, the TikTok app should be injecting this automatically, which suggests the app might not have integrated correctly.
4. Update Theme and Clear Cache
-Ensure your Dawn theme is up to date:
-Go to Online Store → Themes → Update.
-Clear browser cache and test the events again
5. Test on a Fresh Store Theme
To rule out any theme-specific issue:
- Install a fresh copy of the Dawn theme or another free Shopify theme.
- Test if the TikTok Pixel works correctly with a fresh theme.
- If it works, the issue is in your customized Dawn theme.
6. Manually Add TikTok Pixel Code as a Backup
- If the Shopify TikTok app doesn’t work reliably:
- Go to TikTok Ads Manager and copy the Pixel Base Code.
- Paste it into your theme.liquid file before the closing </head> tag.
- Add the ViewContent and AddToCart event codes manually.
- Example Add to Cart Code:
document.querySelectorAll('form[action="/cart/add"]').forEach(form => {
form.addEventListener('submit', function() {
ttq.track('AddToCart', {
content_id: '{{ product.id }}',
content_name: '{{ product.title }}',
currency: '{{ shop.currency }}',
value: {{ product.price | money_without_currency }}
});
});
});
7. Verify Pixel Event Setup in TikTok Ads Manager
- Double-check your Pixel event setup in TikTok Ads Manager:
- Go to Assets → Events → Web Events.
- Ensure that the events (Add to Cart, View Content) are set up to fire with all required parameters.
Let me know which step you need help with or how it goes after these checks! 😊
If I was able to help you, please don't forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!
Best Regard,
Rajat Sharma
-Need a Shopify developer?
https://rajatweb.dev/
Email: rajat.shopify@gmail.com
