---
title: Reels Content Unit
description: Reels Content Unit
---

[Skip to content](https://helpdesk.target-video.com/reels-content-unit#main-content)

[More support](https://helpdesk.target-video.com/kb-tickets/new?hsLang=en)

[![TargetVideo Logo](https://helpdesk.target-video.com/hs-fs/hubfs/targetvideo_logo_standalone_dark-3.png?width=300&height=49&name=targetvideo_logo_standalone_dark-3.png)](https://target-video.com/)

Open main navigation

Close main navigation

- [More support](https://helpdesk.target-video.com/kb-tickets/new)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [TargetVideo Knowledge Base](https://helpdesk.target-video.com/?hsLang=en)
2. [Content Management](https://helpdesk.target-video.com/content-management?hsLang=en)
3. [Content Units](https://helpdesk.target-video.com/content-management?hsLang=en#content-units)

# Reels Content Unit

###### **The Reels Widget offers a polished and immersive way to showcase vertical video content while also supporting horizontal videos for flexibility. Videos are presented in a modern, customizable feed that drives engagement, watch time and revenue.** The feature consists of two parts:

- **Reels Feed Page —** a dedicated full-screen vertical video player page, similar to a TikTok-style feed. This page is created by the user and hosts the full player experience with branding, logo, and navigation. This is the page where the 1st and 2nd part of the embed code should be implemented.
- **Reels Widget —** a small embeddable div that displays thumbnail cards on any article or page. When a visitor clicks a thumbnail, the Reels Feed Page opens. This is the page where the Reels Widget Embed code part should be implemented.

Both parts are configured through a single Content Unit and deployed via embed codes generated in the platform.

### **Creating a Reels Content Unit**

Creating a new Reels Content Unit follows a guided 3-step flow: Video Content → Setup → Get Embed.

#### **Step 1 - Video Content**

**![](https://helpdesk.target-video.com/hs-fs/hubfs/undefined-May-14-2026-10-01-49-1063-AM.png?width=670&height=200&name=undefined-May-14-2026-10-01-49-1063-AM.png)**

 

Select the playlist that will be displayed in your Reels feed. Playlists are managed separately in the Playlists section of the platform.

- **Choose Playlist —** select an existing vertical playlist from the dropdown.
- Click Next to proceed to Step 2.

*Only playlists already created in the platform will appear in this dropdown.*

#### **Step 2 - Setup**

Configure the appearance and behaviour of both the Reels Feed Page and the Reels Widget. All settings are available here — see the Settings Reference section below for a full breakdown of each option.

- Click Next to proceed to Step 3 once setup is complete.

#### **Step 3 - Get Embed**

Generate and copy the embed codes. See the Embed Code section for full details on both embed options.

- Click Done when finished.

### **Settings Reference**

All settings are accessible from the Edit Content Unit screen. Sections are organized by what they control.

#### **General**

**![](https://helpdesk.target-video.com/hs-fs/hubfs/undefined-May-14-2026-10-01-48-7894-AM.png?width=670&height=246&name=undefined-May-14-2026-10-01-48-7894-AM.png)**

Basic identity and SEO settings for the content unit.

| **Field** | **Options** | **Description** |
| --- | --- | --- |
| **Content Unit name \*** | Text input | The internal name used to identify this content unit in the platform. |
| **Sitemap URL** | URL input | The URL submitted to search engines for SEO indexing of the Reels feed page. |

 

#### **Reels Feed Settings**

**![](https://helpdesk.target-video.com/hs-fs/hubfs/undefined-May-14-2026-10-01-49-4756-AM.png?width=670&height=697&name=undefined-May-14-2026-10-01-49-4756-AM.png)**

 

Controls the appearance and content of the full-screen Reels feed page.

| **Field** | **Options** | **Description** |
| --- | --- | --- |
| **Reels Feed Page URL \*** | URL input | The URL of the user's dedicated Reels feed page. Required to generate the embed code. |
| **Content Playlist** | Dropdown | Select the video playlist to display in the Reels feed. Playlists are managed in the Playlists section. |
| **Page Background** | Color / Blurred | Sets the background of the full Reels feed page. Color applies a solid color. Blurred uses a blurred version of the currently playing video. |
| **Page Background Color During Ads** | Color picker | Overrides the page background color specifically while an ad is playing. |
| **Player Logo — Upload / Remove** | File upload | Upload an image to display as a logo on the Reels feed page. The Remove Logo button appears once an image is uploaded. |
| **Logo Position on Page** | Top-left / Top-right | Sets where the logo appears on the Reels feed page. |
| **Navigation Arrows Position** | Left / Right | Sets the position of the video navigation arrows on the feed page, allowing viewers to scroll between videos. |
| **Show Video Title on Player** | Yes / No | When enabled, the video title is displayed overlaid on the player. |
| **Show Video Description on Player** | Yes / No | When enabled, the video description is displayed overlaid on the player. |
| **Video Description Overlay Background** | Color / Transparent | Sets the background style behind the description overlay. Transparent shows the text directly over the video with no background. |

 

#### **Reels Widget Settings**

**![](https://helpdesk.target-video.com/hs-fs/hubfs/undefined-May-14-2026-10-01-51-4092-AM.png?width=670&height=242&name=undefined-May-14-2026-10-01-51-4092-AM.png)**

 

Controls the appearance and behavior of the thumbnail cards embedded on article pages.

| **Field** | **Options** | **Description** |
| --- | --- | --- |
| **Thumbnail Size** | Small / Medium / Large | Sets the size of the thumbnail cards displayed in the widget. |
| **Thumbnail Preview** | On hover / Persistent after hover | Controls live video preview on thumbnails. On hover plays while the cursor is over the card. Persistent after hover continues playing after the cursor moves away. |
| **On Thumbnail Click** | Same tab / New tab | Determines how the Reels feed page opens when a visitor clicks a thumbnail. Reels feed opens in the selected tab. |

 

#### **Ad Settings**

**![](https://helpdesk.target-video.com/hs-fs/hubfs/undefined-May-14-2026-10-01-50-5856-AM.png?width=670&height=286&name=undefined-May-14-2026-10-01-50-5856-AM.png)**

 

Controls how and when ads are served within the Reels feed.

| **Field** | **Options** | **Description** |
| --- | --- | --- |
| **Ad Schedule** | Dropdown | Select the ad schedule to apply to this content unit. |
| **Ad Frequency** | Dropdown | Sets how often ads appear within the feed (e.g. every video, every 2 videos). |
| **Ad Offset** | Dropdown | Sets when ads play relative to the video (e.g. before video, after video). |
| **Wait for User Consent (TCF)** | Yes / No | When enabled, no ad activity occurs until the user provides consent per the IAB TCF 2.0 framework. |

 

### **Embed Code**

The Embed Code modal provides two tabs depending on your level of page access. Both tabs include code for the Reels Feed Page and the Reels Widget.

To open the Embed Code modal, click the Embed Code button at the top right of the Edit Content Unit screen, or access it at Step 3 of the creation flow.

*Always save your settings before copying the embed code to ensure the code reflects your latest configuration.*

#### **Full Page Access (Recommended)**

**![](https://helpdesk.target-video.com/hs-fs/hubfs/undefined-May-14-2026-10-01-50-8905-AM.png?width=670&height=320&name=undefined-May-14-2026-10-01-50-8905-AM.png)**

Use this option if you have access to edit both the \<head\> and \<body\> of your web pages. Two separate snippets are provided for the Reels Feed Page.

### **Reels Feed Page Code**

**Please note that these two parts of the embed code should be implemented on a separate, dedicated Reels page where the full screen widget should be displayed.** 

**Step 1 - Paste in page \<head\>**

Add this snippet once to the \<head\> element of your dedicated Reels feed page. It loads the required styles and scripts.

| \<link rel="stylesheet" href="https://player.target-video.com/reels/index.css"/\> \<script src="https://player.target-video.com/reels/index.js" defer\>\</script\> |
| --- |

**Step 2 - Paste in page \<body\>**

Add this snippet to the \<body\> element of your Reels feed page. This renders the video player.

| \<div **class**="tv-feed" data-widget-id="XXXXX" data-dev="true"\>\</div\> |
| --- |

*If the parent container does not have a defined height (for example, a plain \<div\> with only content), the widget will collapse to zero. You must set a height on the container.*

### **Reels Widget Code**

**Please note that this part of the embed code should be implemented on a page where you want the Reels thumbnail cards to be displayed. It can be any article page on your website e.g.** 

| \<script defer src="https://player.target-video.com/reels/reelCards.js"\>\</script\> \<div **class**="tv-reel-cards" data-widget-id="XXXXX" data-dev="true"\>\</div\> |
| --- |

 

#### **Body Access Only**

**![](https://helpdesk.target-video.com/hs-fs/hubfs/undefined-May-14-2026-10-01-50-0650-AM.png?width=670&height=296&name=undefined-May-14-2026-10-01-50-0650-AM.png)**

Use this option if you can only edit the \<body\> of your pages and do not have access to the \<head\>. Both snippets are single combined blocks.

### **Reels Feed Page Code**

A single combined snippet. Paste anywhere on the body of your dedicated Reels feed page.

| \<link rel="stylesheet" href="https://player.target-video.com/reels/index.css"/\> \<script src="https://player.target-video.com/reels/index.js" defer\>\</script\> \<div **class**="tv-feed" data-widget-id="XXXXX" data-dev="true"\>\</div\> |
| --- |

*If the parent container does not have a defined height, the widget will collapse to zero. You must set a height on the container.*

### **Reels Widget Code**

Paste this snippet on any article or page where you want the Reels thumbnail cards to appear.

| \<script defer src="https://player.target-video.com/reels/reelCards.js"\>\</script\> \<div **class**="tv-reel-cards" data-widget-id="XXXXX" data-dev="true"\>\</div\> |
| --- |

*Paste this where reels thumbnails widget should appear.*

### **Preview**

Before publishing your embed, you can preview both the Reels Widget and the Reels Feed Page directly in the platform.

#### **How to Access the Preview**

- Open the Embed Code modal from the Edit Content Unit screen.
- Click the Preview Feed Player button in the top right corner of the modal.
- The preview opens in the platform UI, reflecting your current saved settings.

 

*Save your settings before opening the preview to ensure it reflects your latest configuration.*

#### **Reels Widget Preview**

Shows how the thumbnail cards will appear when embedded on an article or page — including thumbnail size and live preview behaviour.

![](https://helpdesk.target-video.com/hs-fs/hubfs/undefined-May-14-2026-10-01-51-6911-AM.png?width=670&height=316&name=undefined-May-14-2026-10-01-51-6911-AM.png)

#### **Reels Feed Page Preview**

Shows the full-screen player experience — including page background, logo placement, navigation arrows, and video title and description overlays.

![](https://helpdesk.target-video.com/hs-fs/hubfs/undefined-May-14-2026-10-01-52-7319-AM.png?width=670&height=377&name=undefined-May-14-2026-10-01-52-7319-AM.png)

 

- [Video Player](https://helpdesk.target-video.com/video-player?hsLang=en#main-content)

    - [Player Templates](https://helpdesk.target-video.com/video-player?hsLang=en#player-templates)
    - [General Settings](https://helpdesk.target-video.com/video-player?hsLang=en#general-settings)
    - [Amplify Engagement](https://helpdesk.target-video.com/video-player?hsLang=en#amplify-engagement)
    - [Sticky Player](https://helpdesk.target-video.com/video-player?hsLang=en#sticky-player)
    - [Looks and Skins](https://helpdesk.target-video.com/video-player?hsLang=en#looks-and-skins)
    - [Frame](https://helpdesk.target-video.com/video-player?hsLang=en#frame)
    - [Share Options](https://helpdesk.target-video.com/video-player?hsLang=en#share-options)
    - [Ads](https://helpdesk.target-video.com/video-player?hsLang=en#ads)
    - [Plugins](https://helpdesk.target-video.com/video-player?hsLang=en#plugins)
    - [Event Callbacks](https://helpdesk.target-video.com/video-player?hsLang=en#event-callbacks)
    - [Advanced Player Configuration](https://helpdesk.target-video.com/video-player?hsLang=en#advanced-player-configuration)
- [Outstream Ad Units](https://helpdesk.target-video.com/outstream-ad-units?hsLang=en#main-content)

    - [Ad Unit Templates](https://helpdesk.target-video.com/outstream-ad-units?hsLang=en#ad-unit-templates)
    - [In-content Ad Unit General Settings](https://helpdesk.target-video.com/outstream-ad-units?hsLang=en#in-content-ad-unit-general-settings)
    - [In-content Ad Unit Sticky Feature](https://helpdesk.target-video.com/outstream-ad-units?hsLang=en#in-content-ad-unit-sticky-feature)
    - [In-content Ad Unit - Ads](https://helpdesk.target-video.com/outstream-ad-units?hsLang=en#in-content-ad-unit-ads)
    - [In-slide Ad Unit General Settings](https://helpdesk.target-video.com/outstream-ad-units?hsLang=en#in-slide-ad-unit-general-settings)
    - [In-slide Ad Unit - Ads](https://helpdesk.target-video.com/outstream-ad-units?hsLang=en#in-slide-ad-unit-ads)
    - [Event callbacks](https://helpdesk.target-video.com/outstream-ad-units?hsLang=en#event-callbacks)
    - [Plugins](https://helpdesk.target-video.com/outstream-ad-units?hsLang=en#plugins)
- [Monetization](https://helpdesk.target-video.com/monetization?hsLang=en#main-content)

    - [Ad Sources](https://helpdesk.target-video.com/monetization?hsLang=en#ad-sources)
    - [Ad Schedules](https://helpdesk.target-video.com/monetization?hsLang=en#ad-schedules)
- [Content Management](https://helpdesk.target-video.com/content-management?hsLang=en#main-content)

    - [Video Management](https://helpdesk.target-video.com/content-management?hsLang=en#video-management)
    - [Video Import](https://helpdesk.target-video.com/content-management?hsLang=en#video-import)
    - [Playlists Management](https://helpdesk.target-video.com/content-management?hsLang=en#playlists-management)
    - [Embedding](https://helpdesk.target-video.com/content-management?hsLang=en#embedding)
    - [Livestream](https://helpdesk.target-video.com/content-management?hsLang=en#livestream)
    - [OTT Application](https://helpdesk.target-video.com/content-management?hsLang=en#ott-application)
    - [Syndication](https://helpdesk.target-video.com/content-management?hsLang=en#syndication)
    - [Digital Rights Management](https://helpdesk.target-video.com/content-management?hsLang=en#digital-rights-management)
    - [Content Units](https://helpdesk.target-video.com/content-management?hsLang=en#content-units)
    - [AI Content Matching](https://helpdesk.target-video.com/content-management?hsLang=en#ai-content-matching)
- [General](https://helpdesk.target-video.com/general?hsLang=en#main-content)

    - [Site Administration](https://helpdesk.target-video.com/general?hsLang=en#site-administration)
    - [User Administration](https://helpdesk.target-video.com/general?hsLang=en#user-administration)
    - [Announcements](https://helpdesk.target-video.com/general?hsLang=en#announcements)
    - [FAQs](https://helpdesk.target-video.com/general?hsLang=en#faqs)
- [Billing](https://helpdesk.target-video.com/billing?hsLang=en#main-content)

    - [Payment](https://helpdesk.target-video.com/billing?hsLang=en#payment)
    - [Bandwidth](https://helpdesk.target-video.com/billing?hsLang=en#bandwidth)
- [Advertising, Reports & Analytics](https://helpdesk.target-video.com/advertising-reports-analytics?hsLang=en#main-content)

    - [Ads Playback & Troubleshooting](https://helpdesk.target-video.com/advertising-reports-analytics?hsLang=en#ads-playback-troubleshooting)
    - [Reports & Analytics](https://helpdesk.target-video.com/advertising-reports-analytics?hsLang=en#reports-analytics)
    - [Pre Bidding](https://helpdesk.target-video.com/advertising-reports-analytics?hsLang=en#pre-bidding)
    - [Contextual Ads Targeting](https://helpdesk.target-video.com/advertising-reports-analytics?hsLang=en#contextual-ads-targeting)
    - [Premium Demand Program](https://helpdesk.target-video.com/advertising-reports-analytics?hsLang=en#premium-demand-program)
- [Platform Updates](https://helpdesk.target-video.com/platform-updates?hsLang=en#main-content)

    - [TargetVideo Platform Release 8.0](https://helpdesk.target-video.com/platform-updates?hsLang=en#targetvideo-platform-release-8-0)
- [TargetVideo WP Plugin](https://helpdesk.target-video.com/targetvideo-wp-plugin?hsLang=en)
- [FAQs](https://helpdesk.target-video.com/faqs?hsLang=en)

[![TargetVideo Logo](https://helpdesk.target-video.com/hs-fs/hubfs/targetvideo_logo_standalone_dark-3.png?width=300&height=49&name=targetvideo_logo_standalone_dark-3.png "TargetVideo Logo")](https://target-video.com)

Koppstrasse 16, 81379, Munich, Germany

<https://www.linkedin.com/company/targetvideo-gmbh/> <https://www.instagram.com/wearetargetvideo> <https://www.facebook.com/bridtv/> <https://www.twitter.com/bridtv>

Copyright © 2025, TargetVideo GmbH