EmbedSocial

YouTube Shorts Section

Use this template

The YouTube Shorts Section template is a modern, API-powered widget designed to display short-form YouTube videos directly on your website. It automatically syncs Shorts from your YouTube channel and presents them in a visually engaging split layout that mirrors the native Shorts experience.Layout & StructureThis template features a two-column layout for maximum engagement:Left Column – Featured ShortLarge vertical video preview in mobile-style formatPlay button overlayEngagement icons (likes, comments, shares)Channel handle and Subscribe buttonCaption preview with description textThis area highlights one selected Short as the primary focus.Right Column – Scrollable Shorts FeedStacked video thumbnailsVideo title and view countHashtag labels (e.g., #Tech, #Shorts)Smooth vertical scrolling“View all videos” or “More” buttonThis creates an organized browsing experience without overwhelming the user.Design & StyleThe template uses a clean, modern flat design with:Rounded card edgesSoft drop shadowsMinimalist typographyNeutral background for better video focusBranded red Subscribe buttonThe visual hierarchy clearly separates featured content from the feed list.Customization OptionsInside the EmbedSocial editor, users can:Change the section title (e.g., “Latest Shorts”)Show or hide the Subscribe buttonToggle engagement metrics (likes, comments, views)Customize button colors and fontsAdjust spacing and layout alignmentEnable or disable hashtags displayChoose the featured Short dynamicallyHow to Add the YouTube Shorts SectionFollow these steps to create and embed this template:Step 1: Connect Your YouTube AccountLog in to your EmbedSocial accountGo to SourcesSelect YouTubeConnect your YouTube channel via API authorizationStep 2: Create a WidgetNavigate to WidgetsClick Create WidgetChoose the YouTube Shorts Section templateSelect your connected YouTube sourceStep 3: Customize the LayoutAdjust layout settings (featured video + list view)Modify header text and stylingToggle engagement elementsSet branding colorsConfigure the Subscribe buttonStep 4: Embed on Your WebsiteClick EmbedCopy the generated embed codePaste it into your website’s HTML, CMS block, or page builderThe widget will automatically sync and display your latest Shorts.Best ForTech creatorsProduct demo pagesLanding pages with video storytellingInfluencers embedding vertical contentBrands promoting short-form campaignsThe YouTube Shorts Section template helps you transform your website into a dynamic video showcase, keeping visitors engaged with fast, scrollable, and automatically updated short-form content directly from your YouTube channel.

Use this template

About this template

The YouTube Shorts Section template is a modern, API-powered widget designed to display short-form YouTube videos directly on your website. It automatically syncs Shorts from your YouTube channel and presents them in a visually engaging split layout that mirrors the native Shorts experience.

Layout & Structure

This template features a two-column layout for maximum engagement:

Left Column – Featured Short

  • Large vertical video preview in mobile-style format

  • Play button overlay

  • Engagement icons (likes, comments, shares)

  • Channel handle and Subscribe button

  • Caption preview with description text

This area highlights one selected Short as the primary focus.

Right Column – Scrollable Shorts Feed

  • Stacked video thumbnails

  • Video title and view count

  • Hashtag labels (e.g., #Tech, #Shorts)

  • Smooth vertical scrolling

  • “View all videos” or “More” button

This creates an organized browsing experience without overwhelming the user.

Design & Style

The template uses a clean, modern flat design with:

  • Rounded card edges

  • Soft drop shadows

  • Minimalist typography

  • Neutral background for better video focus

  • Branded red Subscribe button

The visual hierarchy clearly separates featured content from the feed list.

Customization Options

Inside the EmbedSocial editor, users can:

  • Change the section title (e.g., “Latest Shorts”)

  • Show or hide the Subscribe button

  • Toggle engagement metrics (likes, comments, views)

  • Customize button colors and fonts

  • Adjust spacing and layout alignment

  • Enable or disable hashtags display

  • Choose the featured Short dynamically

How to Add the YouTube Shorts Section

Follow these steps to create and embed this template:

Step 1: Connect Your YouTube Account

  1. Log in to your EmbedSocial account

  2. Go to Sources

  3. Select YouTube

  4. Connect your YouTube channel via API authorization

Step 2: Create a Widget

  1. Navigate to Widgets

  2. Click Create Widget

  3. Choose the YouTube Shorts Section template

  4. Select your connected YouTube source

Step 3: Customize the Layout

  1. Adjust layout settings (featured video + list view)

  2. Modify header text and styling

  3. Toggle engagement elements

  4. Set branding colors

  5. Configure the Subscribe button

Step 4: Embed on Your Website

  1. Click Embed

  2. Copy the generated embed code

  3. Paste it into your website’s HTML, CMS block, or page builder

The widget will automatically sync and display your latest Shorts.

Best For

  • Tech creators

  • Product demo pages

  • Landing pages with video storytelling

  • Influencers embedding vertical content

  • Brands promoting short-form campaigns

The YouTube Shorts Section template helps you transform your website into a dynamic video showcase, keeping visitors engaged with fast, scrollable, and automatically updated short-form content directly from your YouTube channel.

Features

  • Moderation options
  • Customizable settings
  • Fast loading speed
  • Mobile-friendly and responsive
  • Multiple widgets for multiple websites
  • Auto-sync with social platforms
  • Custom styling options
  • Analytics and insights

Related resources

Categories

youtube
feed
paid