How to Add TikTok Videos & Instagram Reels to Shopify Pages: Step-by-Step Guide

October 2, 2024
Ben Russell
Founder

Short-form videos like TikTok and Instagram Reels are everywhere—and for good reason. They’re fast, engaging, and an excellent way to show off your brand in a creative, fun way. Adding these videos to your Shopify store can have a huge impact, helping you connect with customers and highlight your products dynamically. But it’s not as simple as just dropping an embed on your site—you’ll want to do it the right way for the best results. That’s where Clipara comes in. Clipara helps you seamlessly integrate these videos into your store without compromising on design or performance.

Let’s take a look at why it’s a great idea to add TikTok videos and Instagram Reels to your Shopify store, as well as the common issues you might face that Clipara helps solve.

Why Add TikTok Videos & Instagram Reels to Your Shopify Store?

Incorporating TikTok videos and Instagram Reels on your product pages or using them as stories creates a more immersive and interactive shopping experience. Whether it’s a quick tutorial, a product demo, or an influencer’s take on your latest release, these videos capture attention fast and keep customers engaged longer.

Here’s why you should add them:

  • Show Your Products in Action: Unlike static images, short-form videos bring your products to life. Demonstrations, tutorials, and behind-the-scenes clips give customers a real-time view of your offerings.
  • Boost engagement: Videos grab attention much faster than text or images, and TikTok and Reels are designed to captivate viewers quickly. This can reduce bounce rates and keep customers on your product pages longer.
  • Increase trust: User-generated content (UGC) or influencer videos lend authenticity to your brand. Seeing real people use your products builds credibility.
  • Leverage UGC: Featuring TikTok or Instagram Reels created by customers promotes social proof, making new buyers feel confident in their decision to purchase.
  • Modern Shopping Experience: TikTok-style carousels or story-like content make your store feel fresh and in tune with how people interact with media today, appealing to today’s digital shoppers.

Common Issues with Direct Embeds

While it’s easy to embed TikTok and Instagram videos directly into your Shopify store, this approach can create a few headaches:

  • Off-brand visuals: The default TikTok or Instagram logos, buttons, and end screens can clash with your store’s design, making it look cluttered.
  • Unrelated content suggestions: Once a video ends, it might show unrelated content that can distract visitors or lead them away from your store.
  • External links: Direct embeds often encourage users to leave your site and head over to TikTok or Instagram—exactly what you don’t want!
  • Playback issues: When multiple videos are embedded on the same page, you risk overlapping sound and video, creating a confusing experience for your customers.
  • Site slowdown: Embedding multiple videos directly can affect your site’s load speed, which might turn visitors away.
  • No autoplay previews: Regular embeds don’t offer engaging previews, which means users might scroll past without interacting.

You'll notice that when the video is embedded it has a lot of links and buttons trying to take people off your site. It can also show content suggestions completely unrelated to your video at the end or if you pause the video.

You can fix that by using Clipara to provide a much slicker video experience on your site.

Why Use Clipara for Embedding TikTok & Instagram Videos?

Instead of using basic embeds, Clipara provides a smarter solution for showcasing TikTok and Instagram videos on your Shopify store. Here’s how Clipara solves the common issues:

  • On-Brand, Clean Embeds: Say goodbye to TikTok and Instagram logos, buttons, and end screens. Clipara keeps your store’s design sleek and polished.
  • No External Links: Remove links that might lead visitors off your site, keeping your customers focused on your store.
  • Sleek Carousels and Stories: Clipara lets you create full-screen carousels or story-like layouts to display multiple videos in a way that feels engaging and interactive.
  • Optimized for Speed: Clipara ensures your videos load fast, preventing slow site performance that could drive customers away.
  • Custom Autoplay Options: Clipara allows you to autoplay video previews as users scroll through your site, which can increase engagement and interactions with your content.

With these features, Clipara empowers you to showcase your brand's personality and enhance the shopping experience. Check out the sleek carousel example below to see how it all comes together!

Create seamless video experiences without code with Clipara.

Start using Clipara for free and create video experiences that delight your customers.

Get started free

How to Add TikTok Videos & Instagram Reels to Shopify Pages Using Clipara

Now, let’s get started with the step-by-step guide to adding these videos to your Shopify pages.

Step 1: Get the Clipara App

First, head over to the Shopify App Store and download the Clipara app. Follow the prompts to install the app and link your Clipara account to your Shopify store.

Step 2: Sign Up and Log Into Clipara

First, create an account. Clipara offers a free plan, so you can get started without any hassle. Once you're logged in, you can begin setting up your TikTok and Instagram Reels for Shopify.

During the setup process, be sure to activate the app extension in Shopify and save your changes.

Step 3: Connect Your Social Media Accounts and Upload Your Videos to the Clipara Library

After signing up, connect your TikTok and Instagram accounts. You can choose to pull videos directly from your socials or upload videos manually. You can skip this step and come back to it later when you’re ready to create a campaign.

Go to Videos and select From File if you wish to upload files from your computer, or Instagram and TikTok to pull from your socials.

Clipara makes it easy to embed your TikTok and Instagram Reels. This allows Clipara to host the videos externally, so they don’t slow down your Shopify site.

To pull TikTok videos:

Open the TikTok video on your desktop/laptop and simply copy the video’s link.

Paste the link into Clipara’s dashboard, and click Upload.

Change the video name if you want to, then click Save. You may continue to add more videos or proceed to creating a campaign.

To pull Instagram Reels:

Open the Instagram video on your desktop/laptop, and click on the ellipsis in the upper right-hand corner.

Copy the link.

Paste the link into Clipara’s dashboard, and click Upload.

Change the video name if you want to, then click Save. You may continue to ad more videos or proceed to creating a campaign.

Once you've uploaded your videos, you can view all your TikTok and Instagram videos under the All Videos section in the Clipara dashboard. You can now proceed to create campaigns and embed your videos directly onto your Shopify store.

With the ability to store hundreds of videos, you can effortlessly curate and manage your video assets for quick access in your campaigns.

Step 4: Set Up Your Campaign

Once your videos are uploaded or linked, you can organize them into either a carousel or a story format using Clipara:

  • Carousel: Create a swipeable video carousel that visitors can scroll through, giving them the ability to view multiple videos without cluttering your product page. This format is ideal for showcasing user-generated content (UGC) and customer testimonials.
  • Stories: Use this stories format for a dynamic presentation of product descriptions and shoppable videos, similar to Instagram or TikTok Stories, enabling customers to quickly tap through videos for a more immersive experience.

In your Clipara dashboard, click Create a campaign in the Clipara homepage.

Next, choose On-site as your campaign type.

Now, select In-line as the player style. This style ensures that the carousel will fit seamlessly within your Shopify page layout. If you choose the Full-screen option instead, it will open a full-screen player on both mobile and desktop, ideal for stories and other formats.

Step 5: Select and Arrange Your Videos

Now it’s time to choose the videos for your carousel. If you haven’t selected or uploaded videos yet, you can do so now by returning to Step 2. Clipara allows you to pull from your existing library or upload new videos, making the process flexible and convenient.

Once you have your videos selected, Clipara’s drag-and-drop feature makes it easy to rearrange the order of your videos, ensuring they play in the exact sequence you want.

Once you’re satisfied with the arrangement, click Create Campaign in the top left corner.

Next, select to create a new widget. Widgets are layouts that can be reused across multiple campaigns once you’ve designed them.

Choose Carousel as your layout style. This is the only option available for In-line campaigns. If you’re creating campaigns that open to full screen, you can also select from additional layouts, including grids, stories, pop-ups, and even create your own custom embeds.

With this setup, you’re well on your way to creating an engaging video display for your Shopify store!

Step 6: Customise the Look and Feel

Clipara allows you to tailor the appearance of your video carousel or stories to match your store's branding. Start by adjusting colors and fonts to create a cohesive experience. You can modify the layout to determine how many videos display at once and adjust the spacing between them.

Set autoplay options to grab attention and choose whether videos loop automatically or stop after playing. Add interactive elements like clickable links to direct customers to product pages. Lastly, customize the thumbnails for your videos; engaging thumbnails can significantly increase click-through rates. Fine-tuning these elements will enhance your Shopify store's visual appeal and overall shopping experience.

Step 7: Select the Page to Feature Your Carousel or Stories

With your campaign ready, the next step is to decide which Shopify product pages will showcase these videos A sidebar will appear, guiding you through the final steps to complete the installation. From the installation dropdown, select Product Page and choose the relevant product.

Step 8: Add the Carousel or Stories to Your Shopify Store

Here’s where the magic happens. Now that Clipara is installed, it’s time to add a embed the TikTok or Instagram Reels videos block to your product page.

  1. In Shopify, go to Online Store > Themes and hit Customize on your current theme.
  2. Head to the Product Pages section in the theme editor.
  3. Add a new section by searching for Clipara Video Stories Block.
  4. Drag and drop this block wherever you want it on your product page—whether it’s right below your product images or embedded in the product description.

Clipara also provides code if you want to do this manually.

Once the block is in place, you can add campaigns to any product page using the same template in a couple of clicks.

And that’s it—super straightforward! Your TikTok videos or Instagram Reels, displayed as a carousel or stories, will now be live on your Shopify page!

Step 9: Keep Your Content Fresh

Regularly updating your video content is essential to keep your Shopify store engaging. With Clipara, it’s easy to replace or add new TikTok videos or Instagram Reels without having to re-embed the code each time.

Bonus: Monitor Performance with Clipara Analytics

Clipara also provides detailed analytics, allowing you to track how well your videos are performing. With these insights, you can see which videos are driving the most engagement and tailor your content strategy accordingly.

Final Thoughts

Integrating TikTok videos and Instagram Reels into your Shopify product pages is a great way to keep customers engaged and showcase your products in an authentic, dynamic format. Whether you opt for a swipeable carousel or an interactive story layout, Clipara makes it easy to embed these videos without affecting your site’s speed or performance.

Give Clipara a try, test different approaches and see how you go. You can get started with Clipara here.

Engage and delight customers with epic video experiences

Start using Clipara for free and bring your site to life without slowing it down.

Get started free

Other Guides