Instagram Block Guide: How to Display Instagram Feeds on Your Website

Instagram Block Guide: How to Display Instagram Feeds on Your Website

By Michael Turner

November 25, 2024 at 03:15 AM

Instagram posts can be displayed on your site using Instagram Blocks, automatically syncing your most recent content without manual updates. Here's everything you need to know about using Instagram Blocks effectively.

Connecting Your Instagram Account

  1. Open Connected Accounts panel
  2. Click Reauthenticate
  3. Convert to a professional account (Business or Creator) if needed
  4. Click Instagram icon in Connected Accounts panel
  5. Select Reset Defaults

Adding an Instagram Block

  1. Edit a page/post and select Instagram from the Add Block menu
  2. Click the pencil icon to open block editor
  3. Select or connect an Instagram account
  4. Choose number of posts (up to 20)
  5. Customize design settings
  6. Save changes

Available Layouts

  • Slideshow: Single post display
  • Carousel: Full posts with preview of previous/next
  • Grid: Thumbnail image layout
  • Stacked: Full-width vertical display

Each layout offers customization options for:

  • Aspect ratio
  • Padding
  • Click behavior
  • Post descriptions
  • Background settings

Important Limitations

  • No hashtag or search term filtering
  • Private accounts create broken links
  • Multi-image posts show only first image
  • No support for IGTV, stories, shared posts, or reels
  • Pinned posts won't appear at top
  • Multiple accounts require separate blocks

Troubleshooting Steps

  1. Verify Connection:
  • Check Connected Accounts panel
  • Enable Download Data
  • Reset Defaults
  • Refresh webpage
  1. Reconnect Account:
  • Disconnect current account
  • Log out of Instagram
  • Reconnect through Social Accounts menu
  • Reselect account in block editor
  1. Replace Block:
  • Delete existing block
  • Add new Instagram block
  • Reconnect account
  • Refresh page

Alternative: Using Embed Block

If you don't have a professional account:

  1. Add Embed block
  2. Copy embed code from Instagram post
  3. Paste code into embed block
  4. Save changes

Following these guidelines ensures your Instagram content displays properly while maintaining your site's professional appearance.

Related Articles

Previous Articles