Common setups
Each recipe is a full path from nothing to live. Pick the one closest to what you want and adjust.
1. Social proof on the home page
The classic: your own posts, full width, under the hero.
- Feeds → New Feed. Code
homepage_feed, Title Follow us on Instagram. - Source Type Account, and select your handle.
- Layout Grid, Columns 4 / 3 / 2, Aspect Ratio
4:5, Gap8, Full Width on. - Show On → Home.
- Save, then
bin/magento cache:flush.
Add Show Follow Button if growing the account matters more than clicks to product pages.
2. A shoppable slider on product pages
Show posts featuring this product, right under the buy box.
- New Feed, code
product_feed. - Source Type → Product Context. No account selection needed — the product on the page decides the posts.
- Layout Slider, Post Limit 12.
- Click Behaviour Popup, Product Cards Side panel (right).
- Show On → Product.
- Tag products on your posts — see Shoppable posts.
Posts with no tag for that product simply do not appear, and if none match, the feed renders nothing rather than an empty frame.
3. A moderated UGC wall
Customer photos, reviewed before they go live.
- Make sure the account is connected with a token that can read tagged media.
- Tagged posts arrive in the Media Library as Pending — nothing is published without you.
- Filter by Status = Pending, review, then Approve the good ones.
- Pin your favourites so they lead the feed.
- Point a feed at them and turn Show Poster Handle on to credit the poster.
Rights first
Approving publishes someone else's photo on your shop. Get permission before you approve — the Pending default exists for exactly this reason.
4. A campaign feed on a landing page
A curated set for a launch, placed inside a CMS page.
- New Feed, code
spring_launch, Status Enabled, Show On left empty. - Content → Widgets → Add Widget → Instagram Feed.
- Layout Update: Specified Page → your CMS page → container Main Content Area.
- Widget Options: Feed =
spring_launch, Title Override = Spring in the wild. - Save and flush the cache.
Leaving Show On empty keeps the feed off every other page, so the widget is the only placement.
5. Different feeds per store view
A German store view with its own gallery.
- Create a second feed, code
homepage_feed_de. - Set Store View to the German view only.
- Set the original feed's Store View to the other views, so the two never collide.
- Give each its own Title in the right language.
Feed settings, placement and post selection are all per feed, so the two are independent.
Where to go next
- Fine-tune the look: Design & Layout
- Make posts sell: Shoppable posts
- Measure it: Analytics
