“How do I share my Instagram feed on my store home page?”

Using the Instagram home page section, you can display your most recent Instagram posts.

Instagram section on desktop

You can change the look and feel of the Instagram section using the alignment and row settings:

Instagram section with multiple rows

On mobile, customers can swipe right to see additional photos:

While customizing your home page, this feature is available by using the Add section button.

Get your Instagram token

In order to display Instagram content on your storefront, you’ll need to get your Instagram access token. Generate your token here in just a few seconds.

Once you’ve copied the token, paste it into the token input into the Instagram token field in your theme settings.

The token should look something like this: 229334912.1622yd0.14f1eage45f33c25accd4d9s3a0e3537.

Heading
The heading text for the Instagram section.
Link text
The link text that links customers to your Instagram profile page.
Heading alignment
Choose where the heading and subheading for this section should be placed. This can be Left, Center or Right. See examples
Instagram token
Paste your Instagram access token in this form. This gives Ira permission to display your Instagram account’s content on your store.
Rows
Choose the maximum amount of rows that should be shown for this section. Choose between 1 and 4 rows.
Images per row
Choose how many images should be shown for each row of this section. Choose between 2 and 4 images per row.

Heading alignment

When you change the Heading alignment setting, this slightly changes the layout of the section.

The following image outlines the layout differences:

Left, center, and right alignment styles

Section style

Section style settings allow you to change the look of the section you are editing without changing the look of all the others.

You can change the style of many home page and product page sections across the site.

Outline section
Select this checkbox to remove the section’s background color and outline the section with a border instead. See an example

Outline section

When you enable an Outline section setting, it removes the section background, letting your store’s global background color to show through. It then adds a border around the section, which uses your store’s border color setting.

Outline section disabled (left) and enabled (right)

For more information about color settings, see the Colors article.