Embed Instagram Post in Elementor

Step-by-step guide to embed Instagram post in Elementor using the Custom iFrame WordPress plugin. No API key needed. No coding required.

Overview

Custom iFrame lets you embed Instagram post in Elementor by pasting any Instagram post link into the widget. Display photos, carousels, and updates from Instagram directly on your WordPress page without an API key.

Custom iFrame is a WordPress plugin by CoderzStudio that embeds 100+ external sources in Elementor and Gutenberg without writing any code.

Using Gutenberg instead? Follow the Embed Instagram Post in Gutenberg guide.

Requirements

Custom iFrame plugin installed and active
Elementor installed
A public Instagram post URL to embed

Video Tutorial

Step 1: Get the Instagram Post Link

Open Instagram and find your post

Go to instagram.com and open the post you want to embed.

Copy the post link

Click the Share icon on the post. Click Copy link.

Open your page in Elementor

Go to the page where you want the Instagram post. Click Edit with Elementor.

Drag the widget onto your page

Search for Custom iFrame in the Elementor widget panel. Drag the widget into your layout.

Custom iFrame widget being dragged from the Elementor panel into a page section in the Elementor editor

Step 3: Embed Instagram Post in Elementor

Paste the Instagram post URL

In the Content tab, paste the Instagram post URL into the Source URL field. The post appears in the editor.

Custom iFrame widget in Elementor editor showing Instagram post URL in Source URL field with live Instagram post preview

Set the height

Set Height to fit the post. Values between 500px and 700px work well for most Instagram posts.

Step 4: Customize and Configure Settings

For styling, smart loading, and advanced options, see the Style Custom iFrame guide. Adjust dimensions, backgrounds, borders, and more.

Step 5: Save and Publish

Click Update or Publish. Your Instagram post is now live on your WordPress site.

Want to add a custom watermark (Pro), device frame (Pro), or fine-tune widget behavior? See the Set Up Custom iFrame in Elementor guide for all widget options.

This guide showed you how to embed Instagram post in Elementor using the Custom iFrame plugin. From copying the post link to pasting the URL and publishing, the whole setup runs through the Elementor editor without any code.

FAQ

No. You can copy the post link from any public Instagram profile without logging in. Private account posts cannot be embedded.

The post must be from a public account. Private profiles and posts require a login and cannot be embedded. See iFrame Not Showing for more help.

Set height to 500px to 700px for a standard photo post. Carousel posts may need more height. Enable Auto Height to let the iFrame resize automatically.

Yes. Copy the Reel link and paste it into the Source URL field. See the Embed Instagram Reel in Elementor guide for details.

Also Available For

Embed Instagram Post in Gutenberg

Guide for the WordPress block editor.

Embed Instagram Reel in Elementor

Embed Instagram Reels in Elementor.

Was this page helpful?

Last updated today

Built with Documentation.AI