Skip to main content

Add an Instagram Feed to Your Funnels, Websites and Store Pages

Show a live Instagram feed on your ZipLeads funnels, websites and store pages. Customise the layout, posts, styling, device settings and what happens when visitors click a post.

M
Written by Matt Phillips

Add a live Instagram feed straight to a Funnel, Website or Store page with the Instagram Feed widget. Pick an Instagram Business or Creator account that's already connected in Social Planner, choose a starting layout, and customise how posts look on each device.

This guide shows you how to add, style, preview and publish the Instagram Feed. You don't need third-party embed tools or custom code.


What Is the Instagram Feed Widget?

The Instagram Feed widget is a built-in Page Builder element. It shows posts from a connected Instagram account on Funnels, Websites and Store pages.

Add the widget from Social Widgets, choose a template, select an Instagram account connected in Social Planner, then customise the feed for your page.


Key Benefits of the Instagram Feed Widget

The Instagram Feed widget gives you a built-in way to show your latest Instagram content, while you control how the feed looks and behaves.

  • Five starting templates: Start with a ready-made layout and customise it afterwards.

  • Grid or Slider layouts: Switch between layouts at any time.

  • Responsive controls: Set columns, rows and spacing for each device.

  • Flexible post display: Control post type, tile style, crop and which details show.

  • Built-in lightbox: Let visitors view posts, carousels and videos without leaving the page.

  • Custom styling: Use a light or dark scheme and customise the colours.


Prerequisites and Limitations

Connect a supported Instagram account before you add the widget, so it can pull in content through Social Planner.

  • Use an Instagram Business or Creator account connected in Social Planner.

  • Personal Instagram accounts aren't supported.

  • How far back the feed goes depends on what Instagram makes available through its API.

  • Posts load progressively, with up to 50 posts per request.

  • More posts can load with Load More or Slider navigation.


How to Set Up the Instagram Feed Widget

Add the Instagram Feed from the Page Builder, choose a starting template, and select the Instagram account you want to show.

Step 1: Open the Page Builder

In your account, open the page you want to edit:

  • Funnel: Go to Sites → Funnels, open the Funnel, then open the step you want.

  • Website: Go to Sites → Websites, open the Website, then open the page you want.

  • Store: Go to Sites → Stores, open the Store, then open the page you want.

Step 2: Add the Instagram Feed

  1. Open the element panel.

  2. Select Social Widgets.

  3. Select Instagram Feed.

  4. Drag the widget onto the page.

  5. Choose a starting template.

The templates are:

  • Profile widget: Profile header with a post grid.

  • Grid: Post grid only.

  • Small widget: Compact 2×2 layout.

  • Post slider: Horizontal carousel.

  • Dark profile widget: Profile layout with a dark colour scheme.

You can customise any template after you add it.

Step 3: Select an Instagram Account

  1. Select the Instagram Feed widget.

  2. Choose an Instagram account already connected in Social Planner.

  3. Check that your posts appear.

  4. Use the General, Styles and Post tabs to customise the widget.

  5. Save and preview the page.

  6. Publish when the page is ready.


Customise the Feed Layout

Layout controls set how posts appear on desktop, tablet and mobile.

You can:

  • Switch between Grid and Slider.

  • Use automatic columns or set 1–10 columns.

  • Set 1–5 rows.

  • Set post spacing from 0–50 px.

  • Set columns, rows and spacing separately for each device.

  • Use up to 3 columns on mobile.

  • Add a feed title of up to 200 characters.

Tablet starts off using the mobile settings. Once you change a tablet setting, you can set tablet and mobile separately.


Customise Profile and Post Display

Choose which profile information and post details visitors see.

Profile Header

Show or hide the whole profile header, or individual parts of it:

  • Profile picture

  • Display name

  • @handle

  • Post count

  • Follower count

  • Following count

  • Follow button

Posts

Choose which posts appear:

  • All supported posts

  • Photos only

  • Videos only

Choose a tile style:

  • Classic: Image with a hover overlay.

  • Card: Image with a caption block.

Choose a crop:

  • Square (1:1)

  • Portrait (4:5)

Depending on the tile style, you can show details such as the author, date, Instagram link, likes, comments and caption.

Slider Controls

For Slider layouts, you can set:

  • Navigation arrows

  • Drag/swipe

  • Animation speed from 0.1–2.0 seconds

  • Autoplay off, or every 3–30 seconds


Configure Post Click Behaviour

Choose what happens when a visitor clicks a post:

  • Open the built-in lightbox.

  • Open the post on Instagram.

  • Do nothing.

The built-in lightbox supports carousel posts, video playback and keyboard navigation. Visitors can use the arrow keys to move between posts and Escape to close it.

You can also choose which details show in the lightbox:

  • Author

  • Follow button

  • Instagram link

  • Likes

  • Caption

  • Comments

  • Date


Customise Colours and Visibility

Use the styling controls to match the Instagram Feed to your page and control where it shows.

Start with a Light or Dark colour scheme, then customise the colours for:

  • Header

  • Posts

  • Slider arrows

  • Popup

  • Load More

You can also:

  • Add a custom CSS class to the widget.

  • Control visibility by device.

  • Check the widget in desktop, tablet and mobile views.


Reconnect an Instagram Account

The Instagram Feed needs an active Social Planner connection to pull in current content.

If the Instagram connection expires, the widget shows a Disconnected badge and a Reconnect account button.

If Instagram or Social Planner is temporarily unavailable, the published widget can show cached content. If there's no cached content, the widget hides itself instead of showing an error on the page.


Frequently Asked Questions

Q: Which Instagram accounts can I use?

Use an Instagram Business or Creator account connected in Social Planner. Personal Instagram accounts aren't supported.

Q: Do I need a third-party Instagram feed service?

No. The Instagram Feed widget is built into the Page Builder. You don't need a separate embed service or custom code.

Q: Can I use the widget on Store pages?

Yes. The widget works on Funnels, Websites and Store pages.

Q: Can I set up the feed differently on mobile?

Yes. The widget supports layout settings for each device. Mobile supports up to three columns.

Q: What happens if my Instagram connection expires?

The widget shows a Disconnected badge and a Reconnect account button.

Q: What happens if Instagram is temporarily unavailable?

Any cached content can stay visible. If there's no cached content, the widget hides itself instead of showing an error.

Q: How many Instagram posts can the widget load?

Posts load progressively, with up to 50 posts per request. How far back the feed goes depends on what Instagram makes available for the connected account.

Did this answer your question?