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

  1. Open the editor: /get-widget/instagram-feed
  2. Connect your account or use the supported source mode for the current build.
  3. Choose a layout such as grid, masonry, or carousel.
  4. Set aspect ratio, spacing, and click behavior.
  5. Configure header and follow CTA if you want a stronger profile presence.
  6. 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.