Facebook Grid

Written By Social Hampster

Last updated About 12 hours ago

Displays your Facebook Page posts in an even column grid. All posts appear at the same size for a clean, structured layout. Available on the Free plan.

Important: This component requires a Facebook Page. Personal Facebook profiles are not supported by Meta's API and cannot be connected.

Plan: Free and above

How to Insert

From the plugin: After connecting your Facebook Page, click Grid in the plugin panel.

From the dashboard: Click Details on your Facebook feed, click Copy next to Grid, then paste in Framer with Cmd+V or Ctrl+V.

Props Reference

Prop	What it does	Notes
Feed ID	Links the component to your Facebook Page	Set automatically
Max Posts	How many posts to show
Columns	Number of grid columns
Gap	Space between cards in pixels
Show Caption	Shows the post text below the image	Toggle
Show Stats	Shows engagement counts on each card	Toggle
Aspect Ratio	Shape of each card
Border Radius	Rounds the corners of each card
Image Fit	How images fill the card	Cover or Contain
Background Color	Card background color
Overlay Color	Color overlay shown on hover

Common Issues

Facebook Page is not connecting

Make sure you are connecting a Facebook Page, not a personal profile. During the OAuth flow, grant all requested permissions. If you manage multiple Pages, select the correct one when prompted.

Feed not showing on the published site

Whitelist your domain. In the Social Hampster dashboard, open your feed, click Details, and add your published site URL under Allowed Domains.

Old posts are showing

Use the Sync button on your feed card in the dashboard to pull in the latest posts from your Facebook Page.