YouTube Feed

Embed your YouTube channel videos on your Framer site

Written By Social Hampster

Last updated About 11 hours ago

YouTube Feed

Embed your YouTube channel videos on your Framer site. Social Hampster fetches your latest uploads and displays them with thumbnails, titles, and optional stats in a Grid or Slider layout. You can also add a Profile component to show your channel info alongside the feed.

YouTube is one of Social Hampster's strongest differentiators. Most competing Framer plugins do not support YouTube at all. You can display your channel videos and even a full channel Profile card alongside your feed.

How to connect YouTube

From the plugin (inside Framer)

  1. Open the Social Hampster plugin in Framer by pressing Cmd+/ (Mac) or Ctrl+/ (Windows) and searching "Social Hampster"

  2. Find YouTube in the platforms list and click Connect

  3. A popup opens - sign in with the Google account that owns your YouTube channel and approve the connection

  4. Close the popup

  5. Click the Refresh button at the top of the plugin panel

  6. YouTube appears as a connected platform

From the dashboard

  1. Go to app.socialhampster.com and click + Create New Feed

  2. Select YouTube

  3. Sign in with the Google account that owns your YouTube channel and approve the connection

  4. You will return to the dashboard and your YouTube feed will appear in the Your Feeds list

Available components

Component

Plan required

Description

Grid

Free and above

An even grid of video cards with thumbnails and titles

Slider

Personal and above

A horizontal scrolling carousel of video cards

Profile

Personal and above

A channel info card showing avatar, name, and subscriber count

How to add a component to your canvas

From the plugin (easiest)

  1. Connect your YouTube channel in the plugin (see above)

  2. After connecting, Grid, Slider, and Profile components appear in the plugin panel

  3. Click the component you want — it inserts onto your Framer canvas instantly

From the dashboard

  1. Go to app.socialhampster.com, click Details on your YouTube feed

  2. In the Framer Components section, click Copy next to Grid, Slider, or Profile

  3. In Framer, press Cmd+V (Mac) or Ctrl+V (Windows) to paste

Props reference

Select a YouTube feed component on your Framer canvas to see these options in the right-side props panel:

Prop

What it does

Notes

Feed ID

Links the component to your YouTube channel feed

Set automatically when you copy from the dashboard or plugin. Do not change manually.

Max Posts

How many videos to display

Enter a number, e.g. 6 or 9

Columns

Number of columns in the grid

Grid component only

Gap

Spacing between cards in pixels

Applies to all layouts

Show Video Title

Displays the video title below the thumbnail

Toggle on or off

Show View Count

Shows the number of views on each video card

Toggle on or off

Show Duration

Shows the video length on the card

Toggle on or off

Aspect Ratio

The shape of each video card

16:9 recommended for YouTube videos

Border Radius

Rounds the corners of each card

Value in pixels

Common issues

Channel not connecting

Make sure you are signed in to the correct Google account during the OAuth step. If you have multiple Google accounts, the popup may default to the wrong one. Sign out of the wrong account in the popup before authorizing.

Channel connected but shows 0 videos

Make sure your YouTube channel has public videos. Private or unlisted videos will not appear.

Feed showing in editor but not on published site

Your domain is not whitelisted. Go to app.socialhampster.com/settings or use the Whitelist Domain button inside the plugin, and add your published domain (no https://, no trailing slash).

Videos are not updating

Click the Sync button on your YouTube feed card in the dashboard to pull in the latest uploads.