How to Add and Troubleshoot Instagram Feed Blocks on Your Site

How to Add and Troubleshoot Instagram Feed Blocks on Your Site

By Michael Turner

November 25, 2024 at 02:04 AM

Instagram blocks enable you to showcase your latest Instagram posts directly on your website. The blocks automatically sync with your connected Instagram account, displaying your most recent content without manual updates.

Prerequisites:

  • A professional Instagram account (Business or Creator)
  • Public Instagram profile
  • Connected Instagram account in Squarespace

Adding an Instagram Block:

  1. Edit your page
  2. Click Add Block and select Instagram
  3. Open block editor (pencil icon)
  4. Select your Instagram account or connect a new one
  5. Choose number of posts (up to 20)
  6. Customize design settings
  7. Save changes

Available Design Options:

  1. Slideshow: Single post display
  2. Carousel: Scrollable posts with preview
  3. Grid: Thumbnail layout
  4. Stacked: Full-width vertical layout

Key Features:

  • Display up to 20 recent posts
  • Customizable layouts
  • Automatic content updates
  • Caption display options
  • Mobile-responsive design

Limitations:

  • No hashtag filtering
  • No IGTV, Stories, or Reels support
  • No pinned posts priority
  • Private accounts create dead links

Troubleshooting Steps:

  1. Check Connection:

    • Open Connected Accounts
    • Verify Download Data is checked
    • Reset Data
    • Refresh page
  2. Reconnect Account:

    • Disconnect existing account
    • Log out of Instagram
    • Reconnect through Squarespace
    • Reselect account in block settings
  3. Replace Block:

    • Remove existing block
    • Add new Instagram block
    • Reconnect account
    • Save and refresh

Alternative Solution: Use embed code in an Embed block for personal Instagram accounts without converting to professional.

For optimal performance, disable ad blockers and browser extensions if experiencing display issues.

Related Articles

Previous Articles