A popular design feature in Squarespace is the ability to easily create full-bleed content. That is, content that extends from one edge of the browser window to the other, spanning the full width of the site.

We love adding full-bleed images to websites because it creates this dynamic and expansive feel that elevates any website, and you can now do the same with your Instagram Block!

Let's get started!

Step 1: Add a new Section

First things first, let's add a new section to your site where you would like the Instagram feed to appear. This can be any type of page section, including in your footer area!

Step 2: Add an Instagram Block

Next, add an Instagram block to that section. To do this head over to the page on your Squarespace site you want to add the Instagram feed to, click +Add Block and select Instagram. A lot of websites often have the Instagram feed towards the bottom of the page right above the footer.

Step 3: Connect Your Instagram Account

Once you add an Instagram block, you'll see placeholder images appear along with a pop-up menu. In this pop-up menu, we are going to connect the Instagram account so it can pull in the feed accordingly.

To connect the account, click the drop-down menu under Connected Account and select Add an Account, then follow the prompts to log into your Instagram account and connect it to your site.

Step 4: Update Instagram Feed Settings

Once you've connected your Instagram account to Squarespace, we can move on to customizing the Instagram feed settings.

Underneath the drop-down menu, you'll find a slider that indicates the number of posts you'd like to appear on your website. We've set mine to have 6 images across, but you can adjust as needed.

Next, let's move over to the Design tab where we'll customize the look and feel of the Instagram feed block. We've applied the following settings:

Layout: Grid
Aspect Ratio: 1:1 Square
Crop Images: Yes
Thumbnails Per Row: 6
Padding: 0
- The padding controls the amount of spacing between your Instagram images. We don't want any white space in between our images, so we lowered this to 0. Feel free to increase this if you'd prefer a bit of white space!

Step 5: Resize Your Instagram Block

Click out of the settings panel, then click on your Instagram block once. You should see a blue highlight around it.
To resize the block, drag one of the corners all the way to the edge of your screen. Repeat on the other side.