Instagram Feed: account connection, layout, and click behavior
Connect Instagram, choose the right feed layout, and control spacing, aspect ratio, and click actions without slowing the page down.
Quick start
- Open the editor: /get-widget/instagram-feed
- Connect your account or use the supported source mode for the current build.
- Choose a layout such as grid, masonry, or carousel.
- Set aspect ratio, spacing, and click behavior.
- Configure header and follow CTA if you want a stronger profile presence.
- Click Save & Get Code to publish and embed.
Account connection and syncing
Instagram Feed works best when the account connection is healthy.
Before styling the widget, confirm:
- the account connection completed successfully
- the latest content has synced
- the expected posts are actually available in preview
If media is missing, solve the account or sync issue first. Styling a broken content source only hides the real problem.
Layout, aspect ratio, and spacing
The feed layout changes how “editorial” or “social” the widget feels:
- Grid: best default for most pages
- Masonry: more expressive but visually busier
- Carousel / slider: good for tighter page sections
Then use:
- Aspect ratio to control post framing
- Gap / spacing to control density
- Card radius / shadows where available
- Content count to keep the section from becoming too tall
Click behavior and header controls
Two settings affect how the feed behaves most for visitors:
- Click action: open on Instagram or use a lightbox-style interaction
- Header / follow CTA: decide whether the profile context should appear above the feed
If the feed is meant as social proof, keep the header visible. If it is mainly decorative, a cleaner image-forward layout may perform better.
Design and performance best practices
Instagram widgets can get heavy if you try to show too much at once. Keep the section disciplined:
- don’t overload the page with too many posts above the fold
- keep captions secondary unless the text is the point
- verify mobile cropping before publishing
- use shared theme settings to match the site instead of manually tweaking every surface
The goal is a feed that feels integrated into the page, not embedded from another app.
Need help? Send the right details (so we can answer fast)
Support is fastest when we can reproduce the issue.
Please include:
- The page URL where the widget is embedded (or the editor URL)
- The platform/builder (WordPress, Webflow, Shopify, Squarespace, etc.)
- What you expected to happen vs what you see
- A screenshot of where the snippet is pasted (or a short screen recording)
If your issue involves a social connection (Instagram/Threads/TikTok), also include:
- Which login path you used (Instagram vs Meta vs TikTok)
- A screenshot of the provider error screen (if any)
- Whether the account is Personal vs Business/Creator
Contact us here: /support.
