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
- Open the page or post in the block editor.
- Click + (Block Inserter) and search for Instagram Feed — it is in the Moduly category.
- 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.
- 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
| Setting | What you can set |
|---|
| Sample posts | editor, always or off |
| Message when posts can’t be loaded | Text |
| Fetch new posts every | Text |
Posts
| Setting | What you can set |
|---|
| Posts to show | 1–48 |
| Posts to fetch | 1–100 |
| Order | recent, oldest, likes, comments or random |
| Only captions containing | Text |
| Hide captions containing | Text |
| Load more button | On / off |
| Button text | Text |
| Posts per click | 1–24 |
Layout
| Setting | What you can set |
|---|
| Layout | grid, masonry, highlight or carousel |
| Columns | 1–8 |
| Columns on tablets | 1–6 |
| Columns on phones | 1–4 |
| Gap (px) | 0–40 |
| Corner radius (px) | 0–40 |
| Image shape | 1/1, 4/5, 3/4, 9/16, 4/3 or 16/9 |
| Arrows | On / off |
| Peek at the next post | On / off |
| Autoplay (seconds, 0 = off) | 0–30 |
| Post design | hover, push, card or plain |
| Hover effect | fade, slide, zoom, blur or gray |
| Setting | What you can set |
|---|
| Header | none, profile or title |
| Title | Text |
| Posts, followers and following | On / off |
| Bio | On / off |
| Follow button | Text |
| Alignment | left or center |
| Follow button below the feed | On / off |
| Story ring around the picture | On / off |
| Picture size (px, 0 = default) | 0–160 |
Each post
| Setting | What you can set |
|---|
| Caption | On / off |
| Trim caption to words (0 = full) | 0–60 |
| Likes | On / off |
| Comments | On / off |
| Date | On / off |
| Carousel / video icon | On / off |
| Clicking a post | lightbox, instagram or none |
| Instagram links open in | blank or self |
| Setting | What you can set |
|---|
| Button fill | gradient, solid or outline |
| Buttons | Colour |
| Hover overlay | Colour |
| Hover text | Text |
| Card background | Colour |
| Text | Colour |
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.