Skip to main content
All CollectionsWebsite BuilderWebsite Elements
Website Builder: How to add Instagram feed
Website Builder: How to add Instagram feed

Learn how to easily display Instagram posts on your website created with Hostinger Website Builder

Updated over 2 months ago

With Hostinger Website Builder, you can easily display your Instagram feed on your website. Once you upload new content to your IG account, it will automatically reflect on your website.

To use the Instagram feed element, you must have a business or media creator account:

Adding Instagram feed

Within the builder, open the Add elements panel on the left. Select the Instagram feed element, and drag and drop it to where you want it on your web page:

Adding an Instagram feed element to a website

Click on the element to see more options – edit, duplicate, change the visibility, delete, resize, etc.:

Instagram feed element settings and editing options in Hostinger Website Builder

Click Edit feed, then click Connect Instagram, and enter your IG account login details:

Connecting an Instagram account to the Instagram feed element

Settings

To open the settings, click on the Instagram feed element and click on Edit feed. There, you'll find the following settings:

General

Layout

Animation

Connect or disconnect your Instagram account

Items per row: change the number of posts per row

Enable animations

Items: change the number of posts displayed on your website

Gaps between photos: change the size of the gaps between photos

Troubleshooting

If you're struggling to connect your Instagram account to the Instagram feed element, make sure that the Off-Facebook Activity setting is enabled in your Facebook account:

Choosing the option "Connect future activity" in the Facebook account settings

While this feature allows you to control what website data Facebook tracks, it can also prevent other platforms you're integrated with from accessing the data needed to connect to your accounts.

Did this answer your question?