Instagram Feed

Show your Instagram posts to keep the site fresh and visual.

Posts, carousels and reels from an Instagram professional account, cached on the server, as a grid, masonry, highlight or carousel with a lightbox.

Gutenberg block

Requirements

  • The block editor (Gutenberg)
  • WordPress 6.5 or newer
  • PHP 7.4 or newer
  • Licence: Pro ($2 / year) — add it to the cart in Moduly

Add it to a page

  1. Open the page or post in the block editor.
  2. Click + (Block Inserter) and search for Instagram Feed — it is in the Moduly category.
  3. Insert it, then fill in its content on the canvas. Ready-made presets appear when you insert it, and later under Transform to in the block toolbar.
  4. Adjust it in the right sidebar: the Block tab holds the settings below, and the Styles tab its colours, typography and spacing.

Settings

Instagram account

SettingWhat you can set
Sample postseditor, always or off
Message when posts can’t be loadedText
Fetch new posts everyText

Posts

SettingWhat you can set
Posts to show1–48
Posts to fetch1–100
Orderrecent, oldest, likes, comments or random
Only captions containingText
Hide captions containingText
Load more buttonOn / off
Button textText
Posts per click1–24

Layout

SettingWhat you can set
Layoutgrid, masonry, highlight or carousel
Columns1–8
Columns on tablets1–6
Columns on phones1–4
Gap (px)0–40
Corner radius (px)0–40
Image shape1/1, 4/5, 3/4, 9/16, 4/3 or 16/9
ArrowsOn / off
Peek at the next postOn / off
Autoplay (seconds, 0 = off)0–30
Post designhover, push, card or plain
Hover effectfade, slide, zoom, blur or gray
SettingWhat you can set
Headernone, profile or title
TitleText
Posts, followers and followingOn / off
BioOn / off
Follow buttonText
Alignmentleft or center
Follow button below the feedOn / off
Story ring around the pictureOn / off
Picture size (px, 0 = default)0–160

Each post

SettingWhat you can set
CaptionOn / off
Trim caption to words (0 = full)0–60
LikesOn / off
CommentsOn / off
DateOn / off
Carousel / video iconOn / off
Clicking a postlightbox, instagram or none
Instagram links open inblank or self

Buttons

SettingWhat you can set
Button fillgradient, solid or outline
ButtonsColour
Hover overlayColour
Hover textText
Card backgroundColour
TextColour

Styles tab: spacing, from WordPress's own design tools.

Tips

  • Start with the Layout choice — it changes the overall look the most; fine-tune the rest afterwards.
  • Visitors who ask their device for reduced motion get a calmer, still version automatically.
  • Not sure where to start? Insert one of its presets and edit from there.

Troubleshooting

  • Instagram withholds some media (for example reels with licensed music); those posts are skipped.
  • One account per site (the option); mdly_instagram_feed_account can switch it per request.
  • Instagram's own media URLs expire after a while; the cache period should stay well under a day for video-heavy feeds.
  • A change not showing on the live site is almost always a page cache — clear your caching plugin or host cache.
  • Also available for Elementor (Instagram Feed).
  • Works well with: Counter, Facebook Feed, Image Stack.