A Facebook feed grid shows your Facebook Page posts as tiles on your website, so visitors can scan many posts at once. This template mixes photo and video posts in tiles of different sizes, with your Page name and a follow button on top. New posts sync automatically.
What the Facebook feed grid shows and where to place it
A Facebook feed grid is a widget that displays your Facebook Page posts as a gallery of tiles on your own site. Each tile leads with the image or video thumbnail, so the section reads at a glance.
Use it when your Page is mostly visual: products, events, behind the scenes photos or community moments. It keeps your website fresh without manual uploads.
This Facebook grid widget for website pages pulls posts through your connected Page. For other layouts, such as sliders or popups, see the Facebook feed widget page.
- Homepage: a visual block that shows your brand is active right now.
- Product pages: posts that show the product in real use, close to the buy button.
- Landing pages: fresh posts that match a campaign or seasonal offer.
- Events or community pages: photos from past events and your community in one place.
A Facebook grid on your site vs grid view in the app
In the Facebook app, people browse your posts inside Facebook, next to ads and other Pages. A grid on your site shows the same posts where visitors are already deciding to buy or sign up.
On your site you choose which posts appear, how they look and where the follow button leads. Visitors see your content without leaving your page.
How to add a Facebook feed grid to your website
- Connect your Facebook source in EmbedSocial.
- Choose the Facebook Grid Gallery Widget template.
- Customize the page header, visible post count, follow button, and grid behavior.
- Set how many posts should appear and how the gallery should arrange across devices.
- Copy the embed code.
- Paste it into your website, landing page, or CMS and publish.
WordPress
In the WordPress editor, add a Custom HTML block where the grid should appear. Paste the embed code and click Update. Guide: WordPress integration
Shopify
Go to Online Store, then Themes, and click Customize. Add a Custom Liquid section, paste the embed code and save. Guide: Shopify integration
Wix
In the Wix editor, click Add Elements, then Embed Code, and choose Embed HTML. Paste the code, adjust the frame size and publish. Guide: Wix integration
Squarespace
Edit the page, click Add block, choose Embed and select Code snippet. Paste the code, save and resize the block if needed. Guide: Squarespace integration
Grid vs other layouts
| Layout | Best for | Shows | Template |
|---|---|---|---|
| Grid gallery | Visual Pages with photos and videos | Mixed size tiles under a Page header and follow button | Facebook Feed Grid Widget |
| Collage | Highlighting one standout post | A masonry style collage with a large featured tile | Facebook Page Posts Collage |
| Carousel | Sections with little vertical space | Post cards in a horizontal slider | Facebook Carousel Widget |
