> For the complete documentation index, see [llms.txt](https://docs.customiframe.com/llms.txt).
> Use it to discover all available pages before exploring further.

# 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 WordPress instead? Follow the [Embed Instagram Post in Gutenberg WordPress](/gutenberg/social/embed-instagram) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- Elementor installed
- A public Instagram post URL to embed

## Video Tutorial

<iframe
  src="https://www.youtube.com/embed/1fq-PJXcQgI"
  width="720"
  height="405"
  frameBorder="0"
  allowFullScreen
/>

## Step 1: Get the Instagram Post Link

<Steps>
  <Step title="Open Instagram and find your post" icon="instagram" title-type="p">
    Go to [instagram.com](https://www.instagram.com) and open the post you want to embed.
  </Step>
  <Step title="Copy the post link" icon="link" title-type="p">
    Click the **Share** icon on the post. Click **Copy link**.
  </Step>
</Steps>

## Step 2: Add the Custom iFrame Widget

<Steps>
  <Step title="Open your page in Elementor" icon="layout" title-type="p">
    Go to the page where you want the Instagram post. Click **Edit with Elementor**.
  </Step>
  <Step title="Drag the widget onto your page" icon="move" title-type="p">
    Search for **Custom iFrame** in the Elementor widget panel. Drag the widget into your layout.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776867149/getting-started/elementor-setup/Guide-Add-Custom-iFrame.webp"
      alt="Custom iFrame widget being dragged from the Elementor panel into a page section in the Elementor editor"
      width="1024"
      height="337" priority={true} fetchPriority="high" />
  </Step>
</Steps>

## Step 3: Embed Instagram Post in Elementor

<Steps>
  <Step title="Paste the Instagram post URL" icon="clipboard" title-type="p">
    In the Content tab, paste the Instagram post URL into the **Source URL** field. The post appears in the editor.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776954087/elementor/social/instagram/paste-instagram-post-url.webp"
      alt="Custom iFrame widget in Elementor editor showing Instagram post URL in Source URL field with live Instagram post preview"
      width="1024"
      height="469" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Set the height" icon="move-vertical" title-type="p">
    Set **Height** to fit the post. Values between 500px and 700px work well for most Instagram posts.
  </Step>
</Steps>

## Step 4: Customize and Configure Settings

For styling, smart loading, and advanced options, see the [Style Custom iFrame](/getting-started/styling) guide. Adjust dimensions, backgrounds, borders, and more.

## Step 5: Save and Publish

<Callout kind="success">
  Click **Update** or **Publish**. Your Instagram post is now live on your WordPress site.
</Callout>

Want to add a custom watermark (Pro), device frame (Pro), or fine-tune widget behavior? See the [Set Up Custom iFrame in Elementor](/getting-started/elementor-setup) 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

<ExpandableGroup>
  <Expandable title="Do I need an Instagram account to embed a post?" default-open="false">
    No. You can copy the post link from any public Instagram profile without logging in. Private account posts cannot be embedded.
  </Expandable>
  <Expandable title="Why does the Instagram post show blank?" default-open="false">
    The post must be from a public account. Private profiles and posts require a login and cannot be embedded. See [iFrame Not Showing](/troubleshooting/iframe-not-showing) for more help.
  </Expandable>
  <Expandable title="What height should I set for an Instagram post?" default-open="false">
    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.
  </Expandable>
  <Expandable title="Can I embed an Instagram Reel instead?" default-open="false">
    Yes. Copy the Reel link and paste it into the Source URL field. See the [Embed Instagram Reel in Elementor](/elementor/social/embed-instagram-reels) guide for details.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed Instagram Post in Gutenberg WordPress" href="/gutenberg/social/embed-instagram" icon="layout" horizontal={false}>
    Guide for the WordPress block editor.
  </Card>
  <Card title="Embed Instagram Reel in Elementor" href="/elementor/social/embed-instagram-reels" icon="instagram" horizontal={false}>
    Embed Instagram Reels in Elementor.
  </Card>
</Columns>

## Related Guides

- [Embed Social Media in Elementor - Overview](/elementor/embed-social-media)
- [Embed Instagram Reel in Elementor](/elementor/social/embed-instagram-reels)
- [Embed Facebook Post in Elementor](/elementor/social/embed-facebook)
- [Auto Height Adjustment](/features/auto-height)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)