Facebook Feed

Written By Social Hampster

Last updated About 12 hours ago

Embed posts from your Facebook Page directly on your Framer site. Social Hampster pulls your latest Page posts and displays them in a Grid, Masonry, or Slider layout that updates automatically as you publish new content.

Important: A Facebook Page is required. Social Hampster connects to Facebook Pages, not personal profiles. If you only have a personal Facebook account, you will need to create a Page before you can connect. Pages are free to create and can represent a business, brand, or public figure.

Permissions Facebook will ask for

When you connect your Facebook Page, Facebook will ask you to approve the following permissions. These are all read-only. Social Hampster never posts on your behalf.

  • pages show list - lets Social Hampster see which Pages you manage so you can choose the right one

  • pages read engagement - lets Social Hampster fetch engagement data such as likes and reactions

  • pages read user content - lets Social Hampster read the posts published on your Page

  • public profile - lets Social Hampster identify your account

How to connect Facebook

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 Facebook in the platforms list and click Connect

  3. A popup opens - log in with the Facebook account that manages your Page and approve the permissions

  4. Close the popup

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

  6. Facebook appears as a connected platform

From the dashboard

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

  2. Select Facebook

  3. Log in with the Facebook account that manages your Page, select the Page you want to connect, and approve the permissions

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

Tip: If you manage multiple Facebook Pages, you will be able to choose which Page to connect during the authorization step.

Available components

Component

Plan required

Description

Grid

Free and above

An even grid of post cards with equal columns

Masonry

Personal and above

A variable-height layout that flows naturally with posts of different sizes

Slider

Personal and above

A horizontal scrolling carousel of post cards

How to add a component to your canvas

From the plugin (easiest)

  1. Connect your Facebook Page in the plugin (see above)

  2. After connecting, Grid, Masonry, and Slider 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 Facebook feed

  2. In the Framer Components section, click Copy next to the layout you want

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

Props reference

Select the Facebook 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 Facebook Page feed

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

Max Posts

How many posts to display

Enter a number, e.g. 6 or 12

Columns

Number of columns in the grid

Grid component only

Gap

Spacing between cards in pixels

Applies to all layouts

Show Caption

Displays the post text below or on the card

Toggle on or off

Show Stats

Shows like and reaction counts on cards

Toggle on or off

Aspect Ratio

The shape of each card

e.g. 1:1 for square, 16:9 for landscape

Border Radius

Rounds the corners of each card

Value in pixels

What content is supported

  • Photo posts from your Facebook Page

  • Text posts with images

  • Posts with links (the preview image is used as the card thumbnail)

Text-only posts without any image may show as a plain card with the post text if captions are enabled.

Common issues

Only Pages supported, not personal profiles

Social Hampster requires a Facebook Page. Personal profiles cannot be connected. If you do not have a Page yet, create one for free at facebook.com/pages/create.

My Facebook account connects but no Page appears

During the Facebook authorization step, make sure you select the Page you want to connect. If you skip the Page selection screen or deny Page permissions, Social Hampster will not have access to your Page posts. Disconnect and reconnect to go through the authorization flow again.

The feed shows in the editor but not on my 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 in the format yoursite.com (no https://, no trailing slash).

Old posts are still showing

Click the Sync button on your Facebook feed card in the dashboard to fetch the latest posts right away.