Instagram blocks allow you to display recent Instagram posts directly on your website. This feature automatically syncs with your Instagram account to show your latest content without manual updates.

Requirements:

• Professional Instagram account (Business or Creator)
• Public account settings
• Connected account authentication

Adding an Instagram Block:

1. Edit your page
2. Click "Add Block"
3. Select "Instagram"
4. Choose your connected account or add a new one
5. Select number of posts (up to 20)
6. Customize design settings
7. Save changes

Available Design Options:

• Slideshow: Sequential post display
• Carousel: Scrollable posts with preview
• Grid: Thumbnail matrix layout
• Stacked: Full-width vertical display

Design Customization:

• Adjust aspect ratio
• Set padding
• Configure click behavior
• Manage caption display
• Control hover effects

Limitations:

• No hashtag filtering
• No IGTV, Stories, or Reels
• No pinned posts priority
• Private accounts cause broken links
• Multiple images show only first item

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:

   • Delete existing block
   • Add new Instagram block
   • Reconnect account
   • Configure settings

4. Browser Issues:

   • Disable ad blockers
   • Turn off browser extensions
   • Clear cache

Alternative Solution: For personal accounts, use the Embed block:

1. Get embed code from Instagram post
2. Add Embed block to page
3. Paste Instagram embed code
4. Save changes

Remember to maintain public account settings and regularly verify your connection for optimal performance.

Related Articles

Previous Articles