Instagram Feed

Embed your Instagram posts directly on your Framer site

Written By Social Hampster

Last updated About 10 hours ago

Embed your Instagram posts directly on your Framer site. Social Hampster supports photos, carousels, and Reels from Instagram, displayed in your choice of Grid, Masonry, or Slider layout.

Important: Creator or Business account required. Instagram's API does not allow personal accounts to connect to third-party apps. You must have a Creator or Business (Professional) account to use Social Hampster with Instagram. Personal accounts will not work.

How to switch to a Professional account

If your Instagram account is personal, you can switch it for free inside the Instagram app:

  1. Open the Instagram app and go to your profile

  2. Tap the menu (three lines) and go to Settings and privacy

  3. Tap Account type and tools

  4. Tap Switch to Professional account

  5. Choose Creator or Business and follow the prompts

Once switched, return to Social Hampster and connect your Instagram account.

How to connect Instagram

From the plugin (inside Framer)

  1. Open the Social Hampster plugin in Framer by pressing Cmd+/ (Mac) or Ctrl+/ (Windows) and searching "Social Hampster"

  2. Find Instagram in the platforms list and click Connect

  3. A popup opens - log in to Instagram and approve the permissions

  4. Close the popup

  5. Click the Refresh button at the top of the plugin panel

  6. Instagram appears as a connected platform

From the dashboard

  1. Go to app.socialhampster.com and click + Create New Feed

  2. Select Instagram

  3. Authorize via OAuth and return to the dashboard

  4. Your Instagram feed appears in the Your Feeds list

Available components

Component

Plan required

Description

Grid

Free and above

An even grid of post cards with equal columns

Masonry

Personal and above

A variable-height layout where tall images fill more space

Slider

Personal and above

A horizontal scrolling carousel of post cards

How to add a component to your canvas

From the plugin (easiest)

  1. Connect your Instagram account in the plugin (see above)

  2. After connecting, Grid, Masonry, and Slider components appear in the plugin panel

  3. Click the component you want, it inserts onto your Framer canvas instantly

From the dashboard

  1. Go to app.socialhampster.com, click Details on your Instagram feed

  2. In the Framer Components section, click Copy next to the layout you want

  3. In Framer, press Cmd+V (Mac) or Ctrl+V (Windows) to paste

Props reference

When you select an Instagram component in Framer, the right-side props panel shows the following options:

Prop

What it does

Notes

Feed ID

Links the component to your Instagram feed

Set automatically when you copy from the dashboard or plugin. Do not change this manually.

Max Posts

How many posts to display

Enter a number, e.g. 9 or 12

Columns

Number of columns in the grid

Grid component only

Gap

Spacing between cards in pixels

Applies to all layouts

Show Caption

Displays the post caption below or on top of the image

Toggle on or off

Show Stats

Shows like and comment counts on cards

Toggle on or off

Aspect Ratio

The shape of each card

e.g. 1:1 for square, 4:5 for portrait

Border Radius

Rounds the corners of each card

Value in pixels

What content is supported

  • Photos - single image posts

  • Carousels - multi-image posts (the first image is shown as the card thumbnail)

  • Reels - video content (Personal plan and above; see the Instagram Reels article for details)

Common issues

My Instagram account will not connect

This almost always means the account is a personal account. Switch to a Creator or Business account in the Instagram app, then try connecting again.

The feed shows in the editor but not on my published site

Your domain is not whitelisted. Go to app.socialhampster.com/settings and add your published domain. You can also do this from the Whitelist Domain button inside the plugin.

Some posts are missing

Posts that have been archived, deleted, or set to private on Instagram will not appear in the feed. Use the Sync button on your feed card in the dashboard to pull in the latest posts.

The feed is showing old posts

Click the Sync button on your Instagram feed card in the dashboard to fetch the latest posts manually.