Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Using Instagram Blocks

Use Instagram Blocks to display Instagram posts on your site. This is a great way to showcase your Instagram images or videos without manually adding them to Gallery Blocks or Gallery Pages. As you update your feed, Instagram Blocks sync to show your latest posts.

Watch a video

Connect your Instagram account

Before you start using Instagram with Squarespace, connect your account:

  1. Log out of all Instagram accounts on the device you're using to edit your site. This will help ensure you connect to the correct account.
  2. In the Home Menu, click Settings.
  3. Click Connected Accounts.
  4. Click Connect Account.
  5. Select Instagram from the Social Accounts menu.
  6. Log in using your Instagram username and password.

Add the Instagram Block

  1. Open a page or post editor.
  2. Click an Insert Point or the +.
  3. Select Instagram from the menu.
  4. For more detailed steps, visit Adding blocks.

Choose a design

In the Design tab, choose how posts will display in the block. There are four designs to choose from, and you can customize them with different options like aspect ratio, padding, and how posts appear when you click them. The four designs are:

  • Slideshow - Posts display one at a time.
  • Carousel - Displays a post in full with portions of the previous and next posts on either side, depending on the settings.
  • Grid - Displays a grid of thumbnail images for each post.
  • Stacked - This option displays the posts at full width, one on top of the other.

When you're done customizing the design, click Save. For more information, see Options for each Instagram Block design.

Note: Some design options display differently on mobile devices. You can preview your settings with Device View.

Instagram Block Design tab.

How Instagram posts display

  • Instagram Blocks display up to 20 posts from your Instagram account.
  • Instagram posts with multiple images or videos display the first item as a static image in Instagram Blocks. Enable Open links in new window to link visitors to the full post.
  • If you connect a private Instagram account to an Instagram Block, posts will appear in the block but lead to a dead link when clicked. To avoid this, set your Instagram account to public.
  • The image description you add on Instagram can display as a caption in the Stacked design and Slideshow design, and in the lightbox for the Grid design. Slideshow captions don't display on mobile. Learn how your template styles these captions.
  • Here's an example of how Instagram posts can appear in an Instagram Block:

    Example of a Instagram Block with a grid design.

Options for each Instagram Block design

Slideshow

Design option Block behavior
Automatically Transition Between Slides Automatically switches to the next post after a set period of time. When checked, a slider appears for setting the transition time between one and 10 seconds.
Show Next and Previous Controls Adds arrows for navigating to the next and previous posts. The controls appear in overlays to the left and right of the main post.
Automatically Crop Images Crops or resizes the posts for the best design.
Show Thumbnails Adds a strip with thumbnails of all images and videos in the block below the main post. When checked, sliders to set the height of the thumbnail strip and the distance between the thumbnail strip and the main post.
 
Show Caption

Displays post descriptions. When checked, more options appear to set the position of the descriptions and to only display them on hover.

The descriptions won't display on mobile.

Open Links in New Window Opens Instagram in new tab when visitors click posts.

Carousel

Design option Block behavior
Automatically Transition Between Slides Automatically switches to the next post after a set period of time. When checked, a slider appears for setting the transition time between one and 10 seconds.
Show Next and Previous Controls Adds arrows for navigating to the next and previous posts. The controls appear in overlays to the left and right of the main post.
Active Alignment Focuses the block on an active post. This post appears in full.
Open Links in New Window Opens Instagram in new tab when visitors click posts.

Grid

Design option Block behavior
Aspect Ratio Controls the dimensions at which your posts display.
Crop Images Removes padding from posts' containers and displays them at the size selected in the Aspect Ratio drop-down menu.
Thumbnails Per Row Customizes the number of thumbnails in a row in the grid.
Padding Adjusts the padding outside of the posts' containers.
Lightbox

Opens a post with a black background when visitors click the post.

The post's caption will display on hover in the lightbox. On mobile, tap the circle in the bottom-right corner of the lightbox to display the post's caption.

Open Links in New Window Opens Instagram in new tab when visitors click posts. This option won't work if the lightbox is enabled.

Stacked

Design option Block behavior
Show Caption

Displays post descriptions below each post.

Open Links in New Window Opens Instagram in new tab when visitors click posts.

Troubleshooting

Follow the steps below to troubleshoot issues with Instagram Blocks. Common issues include:

  • The block doesn’t match the Instagram feed.
  • The block shows duplicate or incorrect posts.
  • The block shows an error message: “There are no items to display from the selected collection.”
Tip: Instagram Blocks update about every 30 minutes, so new posts may not appear immediately.

Step 1 - Check the connection

You can resolve most issues by ensuring the Instagram connection is set up correctly:

  1. In the Home Menu, click Settings, then click Connected Accounts.
  2. Click your Instagram account.
  3. Ensure Download Data is checked.
  4. Click Reset Data.
  5. Click Save.
  6. Refresh the page by pressing Ctrl + R on a PC or  + R on a Mac.

Step 2 - Reconnect the account

If you’re still seeing issues, or if you see an “Unauthorized: Remove or reauthenticate this account for continued usage” error message, disconnect and reconnect your Instagram account:

  1. In the Connected Accounts panel, click your Instagram account.
  2. Click Disconnect.
  3. Click Confirm.
  4. Return to the Connected Accounts panel and click Connect.
  5. Select Instagram from the Social Accounts menu, then log in using your Instagram username and password.
  6. Click Save.
  7. Refresh the page by pressing ctrl + R on a PC or  + R on a Mac.

Step 3 - Replace the block

If the issue still isn't resolved, remove the block and add a new one:

  1. In the Home Menu, click Pages, then click the page with the Instagram Block.
  2. Hover over the page and click Edit.
  3. Hover over the Instagram Block and click the trash can icon.
  4. Click an insert point and select Instagram.
  5. Select your Instagram account and click Save.
  6. Refresh the page by pressing Ctrl + R on a PC or  + R on a Mac.

Search doesn't work in the Instagram Block

Instagram no longer supports filtering posts in Instagram Blocks by a search term or hashtag. You can only display posts from a connected Instagram account.

If the Search option is enabled in your Instagram Block’s settings, no posts will appear. Uncheck Search and click Save, then refresh the page to display posts from your Instagram account.

Was this article helpful?
106 out of 313 found this helpful
Using Instagram Blocks