Easy Guide: Add Instagram Feed to Beaver Builder

You can add Instagram feed to Beaver Builder with a WordPress feed plugin, its shortcode, and a Beaver Builder HTML module. Connect Instagram, copy the feed shortcode, paste it into the module, then publish after a mobile preview. Plan on about 10-20 minutes when you already have WordPress admin access and the Instagram owner can approve the connection. Allow longer if a client must send login approval or your site cache needs clearing. The details below cover plugin choice, shortcode placement, layout settings, errors, and permission rules that a two-line answer can’t cover.

How the feed setup works

An Instagram feed on a Beaver Builder page isn’t stored inside Beaver Builder. Beaver Builder holds the page layout, and the feed plugin supplies the Instagram content through a shortcode or embed output. The module is mainly a place to display that output.

The setup is used for a home page social strip, portfolio page, shop brand proof, event page, or footer feed. It suits site owners, marketers, and designers who can edit WordPress pages but don’t want custom API code. If you can place a module and save a page, you can usually handle the page part.

This isn’t the same as adding an image gallery. A gallery uses images you upload to WordPress; a live feed pulls approved content from Instagram and can change after the page is published. That’s why a deleted or hidden Instagram post can affect what the page shows.

The misconception is that Beaver Builder fetches Instagram posts by itself. It doesn’t; the connection to Instagram belongs to the plugin or embed method you choose. A plugin requests approved data from Instagram or Meta, builds the feed markup, and Beaver Builder only prints that markup on the page.

What varies most is the plugin’s cache interval, media types, and account connection rules. Read your own values in that plugin’s feed settings and connection screen. If your account is private, restricted, or owned by someone else, get the account owner involved before you build the page. Don’t paste passwords into a site you don’t control.

Beaver Builder Instagram feed steps

Start from the WordPress dashboard, not the Beaver Builder canvas. The plugin connection has to exist before the page builder can show the feed. Keep the plugin settings and page preview in separate browser tabs, so you don’t copy the wrong shortcode.

1. Confirm access before you start. Use a WordPress Administrator login on a normal site, or ask the Super Admin on Multisite; this check takes about 2 minutes when you already know your role. If you only have Editor access, you can place an existing shortcode, but you usually can’t install the feed plugin.

2. Install one Instagram feed plugin, or use the one your site already has. This takes about 3-6 minutes on a normal WordPress admin screen when the plugin is approved by the site owner. Don’t install 2 feed plugins for the same job, because duplicate scripts and settings can make the page harder to fix.

3. Connect the Instagram account inside the plugin. Set aside about 4-8 minutes when the Instagram owner is logged in and can approve the Meta or Instagram prompt. If the account owner isn’t available, stop here and send them the plugin’s connection instructions instead of asking for their password.

4. Create 1 feed for this page. For a full-width home page strip, start with 6 posts, 3 desktop columns, 2 tablet columns, and 1 mobile column; for a narrow footer, use 3 posts in 1 column. Save the feed, then copy the exact shortcode the plugin gives you.

5. Open the page in Beaver Builder and add 1 HTML module. Place it in the row where the feed should appear. Paste only the shortcode into that module, with the square brackets unchanged. This part takes about 1-2 minutes if the row is already built.

6. Preview before publishing. Check desktop width first, then tablet and phone views inside Beaver Builder; spend about 3 minutes on each if the page has other columns nearby. If images are cut off, adjust the plugin’s crop or column setting, not the shortcode text.

7. Publish, then check the public page. View it in a logged-out or private browser window. Clear the page cache after publishing if your site uses a cache plugin or a CDN; allow about 2-5 minutes for that on a small site where you already know the cache tool. If the feed still doesn’t appear, refresh the plugin feed before changing the layout.

The judgment call is how much Instagram content the page really needs. If the feed supports a sales page or home page, keep it small and fast; if the page is a social gallery, show more posts and accept a heavier section.

More images can look richer, but they can also slow the first view, so don’t use a live feed where a static image link would do. If the fix needs server logs, API settings, or custom code, hand it to the site developer or plugin support team.

Instagram feed settings to copy

Use these settings as starting points, not fixed rules. The best choice changes with the width of the row and the job the feed has on the page.

When your plugin uses different control names, match the meaning rather than the label. For example, a display limit, post count, or number of photos usually controls the same thing.

Situation	What to use	How long	What to watch for
Home page social strip	1 feed shortcode in 1 HTML module; 6 posts with 3 desktop, 2 tablet, and 1 phone column	About 10-20 minutes if account access is ready	Slow first view if the section sits near the top
Full gallery page	Dedicated feed shortcode; 9 or 12 posts if the page is mainly social proof	About 20-35 minutes if you test mobile layout	Too much scrolling before visitors reach the next section
Footer or sidebar	3 posts in 1 column, or 4 posts in 2 columns if the footer is wide	About 10-15 minutes if the footer row is editable	Cropped thumbnails and small tap targets
Single featured post	Instagram post embed code or a plugin single-post option	About 5-10 minutes if the post is public	A deleted or private post can leave an empty embed
Client-owned account	Plugin connection approved by the account owner	No set time until owner approval; module placement is about 1 minute after the shortcode arrives	Don’t ask for or store the client’s password
Multisite or locked site	Existing approved plugin, or Super Admin request	No set time until approval; placement is about 2 minutes once the shortcode exists	Editor role may not install or activate plugins

Instagram feed details that matter

The clean setups happen before the shortcode goes into the page. Decide where the feed belongs, what it should prove, and how many posts the visitor should see before you open Beaver Builder. That keeps design choices out of the live page editor. The goal is to make the plugin responsible for data and Beaver Builder responsible for placement.

Before you paste the shortcode

Prepare one feed in the plugin and name it for the page, such as Home Social Strip or Portfolio Feed. Use the plugin’s own controls for post count, columns, spacing, captions, and buttons, because those settings stay with the feed when you move the shortcode. If you style half the feed in Beaver Builder and half in the plugin, you’ll have to hunt in 2 places later.

The order matters: connect the account, build the feed, copy the shortcode, place the module, then style the row around it. Pasting a profile URL into a text box can cost you a blank section and wasted troubleshooting time because it may create only a single embed, not a live grid. Leave the square brackets, ID numbers, and quote marks in the shortcode exactly as the plugin prints them.

Before you publish

Check the feed halfway through, before you polish the whole page. Preview it while logged in, then view the public page in a private window, because admin previews can hide cache and permission problems. If the public page is blank, fix the connection or shortcode before you change margins, colors, or row settings. That split makes later edits easier for another admin.

Leave plugin files, access tokens, and theme PHP alone unless you’re the developer responsible for the site. The safe edits are the plugin feed settings, the Beaver Builder module position, and light CSS added through the normal WordPress or theme area. If a change needs custom API code, don’t try to solve it inside the builder. Make a full site backup before any code-level change.

Instagram feed fixes in Beaver Builder

When the feed fails, fix the simple layer first: shortcode, connection, cache, then layout. Don’t rebuild the whole row until you know the shortcode works.

Use the first safe check in the table before you change design settings. If the same error returns after the first check, send the plugin’s exact error text to support or the site developer.

What you notice	What it usually means	What to do first
Blank space where the feed should be	Wrong shortcode, disconnected feed, or shortcode pasted with missing brackets	Copy a fresh shortcode from the plugin, paste it into the HTML module, then reconnect if the plugin shows an error
Feed shows in the editor only	The public page cache is showing an older version	Clear WordPress, page, and CDN cache, then view in a private browser
Only one post shows	A single-post embed is used, or the display limit is set to 1	Switch to the feed shortcode or raise the display limit in the plugin
Images look cut off	Crop or column settings don’t match the row width	Change crop or columns in the plugin and preview phone width
New Instagram posts don’t appear	Plugin cache hasn’t refreshed, or the connection needs renewal	Use the plugin refresh or reconnect control before changing page layout
Styling changes vanish after an update	CSS was edited in files that were overwritten or not loaded on the front end	Move changes to plugin style settings or the approved custom CSS area

Access and platform rules

Three rule sets matter here: Meta controls Instagram access, WordPress controls who can install plugins, and your site owner controls what may be published. Beaver Builder can place the feed on the page, but it doesn’t give you rights to an Instagram account. Keep account approval with the account owner.

Meta requires apps and developers using Instagram platform features to follow the Meta Platform Terms. In plain terms, don’t scrape private content, don’t bypass a login prompt, and don’t use another person’s Instagram account without permission. If the plugin shows a Meta permission error, use the plugin’s reconnect flow or contact the plugin vendor.

WordPress uses roles to limit plugin installation and site changes. On a single-site WordPress install, an Administrator can usually install and activate plugins; on Multisite, a Super Admin or network setting may control that. If you’re an Editor, ask the admin to install and connect the plugin, then place the approved shortcode if your role can edit the page.

In the United States, the Federal Trade Commission publishes endorsement rules for paid or sponsored content. If your feed republishes those posts, keep disclosures clear. If permissions, privacy notices, server firewalls, or account ownership are unclear, stop after the visible checks and ask the site admin, plugin vendor, privacy advisor, or developer.

Keep the feed healthy

After the feed is live, save the details that would let someone rebuild it. Record the plugin name, feed name, shortcode, connected Instagram account, and Beaver Builder page URL in your site notes. A screenshot of the finished section also helps when a redesign changes spacing.

The feed holds up until a normal dependency changes: the plugin is disabled, the shortcode is removed, the Instagram permission changes, the account becomes private, or a cache serves an old page. The exact reconnect timing is shown by your plugin’s dashboard or warning message, so use that notice instead of guessing. When you see a red error, a blank feed, or old posts, treat it as due for attention.

To bring it back, don’t rebuild the design first. Reconnect the account in the plugin, copy the current shortcode, paste it back into the same HTML module, and clear the cache after saving. If the page was redesigned, restore the row width and column settings before changing the feed itself.

When Instagram feeds are wrong

This method isn’t for every page. A live feed adds a third-party dependency, and Beaver Builder can’t fix account ownership, private content, or plugin access. Pick another method when Instagram isn’t the main value of the section.

Use a single embed or a normal image link when you only need 1 featured post for a campaign. A feed plugin is extra work for a fixed image, and that extra layer can fail if the post is deleted or made private. The simpler option is easier to approve and easier to replace.

Use a static WordPress gallery when the page must stay as light as possible, or when the Instagram account is private, restricted, or owned by a client who can’t approve access. The static version won’t update by itself, but it gives you full control over image choice, alt text, layout, and permissions. Ask for approved media files instead of trying to work around the account connection.

Frequently asked questions

These questions cover choices people check before they touch the page. The answers assume a normal WordPress site where Beaver Builder controls layout and an Instagram plugin controls the feed data.

Can I add an Instagram feed without a plugin?

Yes, but only for a limited display, not a live grid that updates itself. For a public Instagram post, you can use the embed code Instagram gives and place it in a Beaver Builder HTML module. For a full feed with layout controls, caching, captions, and reconnect tools, use a plugin or custom API work. Custom API work belongs with a developer, not inside the builder module.

Can I show Instagram Reels in Beaver Builder?

Yes, Reels can show in Beaver Builder when your feed plugin supports Reels and the connected account has access. Beaver Builder only displays what the plugin outputs, so the control sits in the plugin, not the row settings. If Reels don’t appear as a media type, check the plugin plan or docs before you rebuild the page. Link a Reel as normal content when the plugin doesn’t support it.

Why is my Instagram feed blank in Beaver Builder?

It usually means the shortcode, account connection, or cache layer is failing. First copy a fresh shortcode from the plugin and paste it into the HTML module without changing the brackets. Then reconnect the Instagram account if the plugin asks for it, and clear the public page cache. If the plugin reports an API or permission error, send that message to plugin support before changing row spacing.

How long before my Instagram feed updates on my site?

The plugin’s refresh setting decides the time; read the exact interval in its cache, refresh, or feed update screen. A feed may also stay old when a page cache, CDN, or disconnected account blocks new output from visitors. Use the plugin’s manual refresh button if available, then clear the site cache and view the page while logged out. If no setting appears, ask the plugin vendor.

Is it safe to use an Instagram feed plugin?

Yes, it can be safe when you use a maintained plugin, connect through the real Instagram or Meta login screen, and keep admin passwords private. It isn’t risk-free, because any third-party connection can break or be misused if access is shared carelessly. Use the most limited access your workflow allows, remove old site users, and disconnect the feed if you stop using it. Ask the account owner to approve the connection.

What happens if I delete the Instagram feed plugin?

The feed will usually stop displaying because the shortcode on the Beaver Builder page no longer has plugin code behind it. Visitors may see nothing, a plain shortcode, or a broken layout area, depending on your theme and cache. Reinstalling the same plugin can bring it back if the feed settings still exist. If not, reconnect Instagram and replace the shortcode in the same module.

Conclusion

Before you call the page finished, check the feed on a phone, confirm links and image spacing, and add a simple plan for reviewing permissions and performance. Keep the plugin and WordPress updated, watch for Instagram access changes, and revisit the design when your content or branding changes so it won’t feel stale and you’ll keep the section useful.