Uploaded June 2025 | Updated September 2026, 2 hours ago
Today i will show you how to add a TikTok views counter social proof widget on your Shopify product page with a custom link so you can boost trust and create a direct connection between your viral TikTok content and your Shopify store. This interactive widget displays the number of TikTok views with a clean design that features the official TikTok logo, brand color styling, and engaging hover animations.
The TikTok views widget lifts up on hover and reveals a soft glow effect underneath drawing attention while staying sleek and on brand and you can easily link it to any TikTok video, profile, or hashtag page to give customers proof that your Shopify product is trending or gaining traction on social media.
I will be explaining how to use custom Liquid and CSS code to add the widget with TikTok's signature colors and the hover effects and insert a clickable link to your content, It's fully customizable so you can adjust positioning, size, and link behavior to match your Shopify product page layout.
Code : https://onhow.codes/shopify-add-tiktok-views-social-proof-widget-on-product-page/
If you have any questions or suggestions my Instagram : instagram.com/anas_elmedlaoui
About Me:
My name is Anas El Medlaoui, and I have dedicated the past nine years to mastering various aspects of the digital world, including Shopify store development, WordPress website creation, social media marketing, and e-commerce solutions. Throughout this journey, I have accumulated extensive experience across diverse digital disciplines, although exploring multiple projects simultaneously posed its own set of challenges.
Driven by a passion for empowering others, I launched this YouTube channel after considerable reflection, aiming to share valuable insights and practical knowledge. My goal is to equip individuals committed to achieving online success with accessible, actionable information grounded in the principle that knowledge should be available to everyone.
#shopify #tiktok #widget
Today i will show you how to add a TikTok views counter social proof widget on your Shopify product page with a custom link so you can boost trust and create a direct connection between your viral TikTok content and your Shopify store. This interactive widget displays the number of TikTok views with a clean design that features the official TikTok logo, brand color styling, and engaging hover animations.
The TikTok views widget lifts up on hover and reveals a soft glow effect underneath drawing attention while staying sleek and on brand and you can easily link it to any TikTok video, profile, or hashtag page to give customers proof that your Shopify product is trending or gaining traction on social media.
I will be explaining how to use custom Liquid and CSS code to add the widget with TikTok's signature colors and the hover effects and insert a clickable link to your content, It's fully customizable so you can adjust positioning, size, and link behavior to match your Shopify product page layout.
Code : https://onhow.codes/shopify-add-tiktok-views-social-proof-widget-on-product-page/
If you have any questions or suggestions my Instagram : instagram.com/anas_elmedlaoui
About Me:
My name is Anas El Medlaoui, and I have dedicated the past nine years to mastering various aspects of the digital world, including Shopify store development, WordPress website creation, social media marketing, and e-commerce solutions. Throughout this journey, I have accumulated extensive experience across diverse digital disciplines, although exploring multiple projects simultaneously posed its own set of challenges.
Driven by a passion for empowering others, I launched this YouTube channel after considerable reflection, aiming to share valuable insights and practical knowledge. My goal is to equip individuals committed to achieving online success with accessible, actionable information grounded in the principle that knowledge should be available to everyone.
#shopify #tiktok #widget
