Articles in this section

Create a Clip

With Clips, you can create an engaging shopping experience on both your website and mobile app.

Clips breathe life into product pages by adding creative product videos you choose. Showcase the product with a demo or user-generated content (UGC), or highlight a customer video review.

On your iOS and Android mobile app, shoppable videos go beyond just product pages on the Clips feed, a TikTok-like feed that your shoppers can scroll. It’s a feed you 100% control–zero ads and zero algorithms.

Below, we walk you through how to create a Clip in CommentSold. Popclip, Popclips, pop clip, popclips

Expected Behaviors

  • If a product is assigned to multiple Clip videos, only the most recently assigned video will show on the product page.
  • The mobile Clips feed will show in order from newest to oldest.

Create a Clip


  1. Hover over the side menu of your CommentSold dashboard, then select Clips.
  2. Select Create New Clip in the top-right corner of the page.
  3. Enter a name for your clip in the Clip Title field (optional).
  4. Enter additional text for your clip in the Clip Text field (optional). This can be a catchy headline or any details about the clip.
  5. You have two options in Add Video:
    • Browse AI Clips. Coming Soon! Upload an approved product clip generated using AI ClipHero.
    • Upload File. Drag or upload a video from your device using the field on the right.
    • Important! Clips must be a .mp4 file type and no larger than 100MB. We recommend videos 30-45 seconds long.
    • Note. If you record videos in .mov format, you can convert these videos into .mp4 here.
  6. Link up to 5 products to the clip by selecting the checkbox in the top-right corner of each product tile. You can use the Search field to quickly locate the product(s) you wish to link.
  7. Select from the Display Options beneath the Clip preview to select how you want to feature the Clip on the product description page.
    • Exclude clip. Clip will not display on the web and app product description page.
    • Pop-out video. Clip will show as a pop-out video on the web and app product description page.
    • Inline video. Clip will appear in the product image gallery on the product description page.
    • Select the Position.
      • Position 1. Displays the Clip as the first product image.
      • Position 2. Displays the Clip as the second product image. This position is selected by default.
  8. Once done, select Save Clip in the top-right corner of the page.

Products not appearing in the Clips tab on the mobile app? If your Clip preview shows all the products but only some appear in the Clips tab on the app, ensure that all products are posted to the app. 

Products will only be visible in the Clip if they are posted and available on the mobile app. Double-check that the products have quantity and are tagged correctly in the video, and make sure they are posted to the app to appear in the Clip.

Global Settings for Clips


You can set the default display settings for the Clips on the product description page.

  1. Hover over the side menu of your CommentSold dashboard, then select Clips.
  2. Select the Settings icon on the top right corner of the page.
  3. Select from the Display Options how you want to feature Clip on the product description page.
    • Exclude clip. Clip will not display on the web and app product description page.
    • Pop-out video. Clip will show as a pop-out video on the web and app product description page.
    • Inline video. Clip will appear in the product image gallery on the product description page.
    • Select the Position.
      • Position 1. Displays the Clip as the first product image.
      • Position 2. Displays the Clip as the second product image. This position is selected by default.
  4. Once done, select Save and Apply in the bottom-right corner.
    • New Clips Only. These settings will apply to new Clips you create.
    • New & Existing Clips. These settings will apply to both new and existing Clips.

What a Shopper Experiences


Once a Clip is live, it will appear on the mobile and website product detail page for any products linked to the clip. You can learn how to manage that visibility here. Clips will also appear in the Clips feed on your mobile app.

Check out the visuals and explanations below!

Clips Location How Shoppers Can Shop

Product Description Page - Website

PC_PDPWeb.gif

 

A Clip will appear in the bottom-left corner of a website product description page. Shoppers can downsize the clip using the icon in the top-right corner of the clip. They can also move the clip to another part of the page by dragging it.

Since a shopper is already on the product page, they can simply choose their desired variants (e.g., size, color, etc.) and quantity, then select Add to Cart.

Product Description Page - Mobile App

PC_PDPMobile.gif

A Clip will appear in the top-right corner of a moible product description page. Shoppers can downsize the clip using the icon in the top-right corner of the clip. 

Since a shopper is already on the product page, they can simply choose their desired variants (e.g., size, color, etc.) and quantity, then select Add to Cart.

Clips Feed - Mobile App

PC_MobileFeed-ezgif.com-resize.gif

Shoppers can scroll your Clips feed by selecting Clips at the bottom of the app.

Similar to TikTok, shoppers can swipe up to view the different Clips you've created. Linked products will show at the bottom of the clip, and shoppers can swipe that row to see additional products.

To shop a product, a shopper need only tap the linked product and a small fly-up will appear from the bottom of the app that will allow them to choose their desired variants (eg., size, color, etc.) and select Add to Cart.

Adding Products to the Cart Directly From Clips - Mobile App

 

Shoppers start on the Clips Feed on a web browser view on their mobile device.

Shoppers then select the Buy icon, and a pullout card appears displaying the product description and images along with an Add To Cart button.

Shoppers then select the Add to Cart button, the product detail page (PDP) closes automatically, and a toast message confirms that the item has been added to the cart.

Shoppers then select the cart icon to pull out the modal, which displays a list of items in the cart along with the order summary.

Shoppers then select the checkout button that takes them directly to the Shopify checkout page to complete the purchase.

FAQs


  • How do I share Clips on social?
    • Clips can be downloaded and uploaded to other social media platforms (TikTok, Facebook, IG, etc)
    • You can download Clips from the Clips tab or from the Media Gallery. 

 

Troubleshooting Errors


Expand this section to know about the common errors and how to troubleshoot them.

Here are some common errors and their resolutions:

Issue: Clip video is not showing on the website and/or app

 

  1. From the product page, open the Display Settings section. Check if the Hide Clip on Website or Hide Clip on App are checked. If so, this is expected behavior. You can uncheck these to make them show again. 
  2. Make sure the item is posted to the app or published to the website. 
  3. The mobile app requires that you have at least two Clips created in order for Clips to show in the app. 

Issue: Clips not visible for iOS customers

iOS Clips require the device to be on iOS version 17+. If the device is on iOS 16 or below, it will not see Clips (tab or product page).

Was this article helpful?
5 out of 9 found this helpful