loading table of contents...

4.6.10. Editing Shoppable Videos

[Note]Note

CoreMedia LiveContext feature

CoreMedia Studio enables you to manage videos in the Video content item. As a special feature, you can add content items that are shown synchronized with the video. For example, when the video shows a kitchen from second 40 to second 70, you can show cooking acessoires beside the video in the same period while showing other products during the rest of the time.

This feature is intended to boost your sales by showing buyable products that match the content of the video. However, you can add all content items to the video that can be shown as a teaser, for example, Articles, Images, Collections and many more.

In order to add content items to a video, proceed as follows:

The shoppable video editor

Figure 4.67.  The shoppable video editor


  1. In the Content tab open the Layout Variant field and select Shoppable Video (1). The Product Assignments field (2) appears in the tab.

  2. Drag a default product in the Default Product link list. The default product is shown until the first product appears on the timeline.

  3. Click [Add Product] (3) and drag a product to the link list in the editor that opens in the Timeline field.

  4. Enter the start time at which the product should be shown into the Show at box (4).

    The product will be shown when the video reaches the specified point in time you have just specified. It will be hidden when the start time of another product in the timeline is reached. When no other product is in the timeline, then the product will be shown until the end of the video.

    A validator warns when products in the timeline overlap.

Now you are done. The video is shown with the products beside.

Site preview with shoppable video

Figure 4.68.  Site preview with shoppable video