> 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 Reel in Elementor

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


## Overview

Custom iFrame lets you embed Instagram Reel in Elementor by pasting any Reel link into the widget. Display short videos, trends, and behind-the-scenes content 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 Reels in Gutenberg WordPress](/gutenberg/social/embed-instagram-reels) guide.

## Requirements

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

## Video Tutorial

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

## Step 1: Get the Instagram Reel Link

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

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

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776954089/elementor/social/instagram-reels/paste-instagram-reel-url.webp"
      alt="Custom iFrame widget in Elementor editor showing Instagram Reel URL in Source URL field with live Reel video preview"
      width="1024"
      height="486" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Set the height" icon="move-vertical" title-type="p">
    Set **Height** to at least 600px for a full Reel player. Reels have a vertical format, so taller values (700px to 900px) work best.
  </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 Reel 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 Reel in Elementor using the Custom iFrame plugin. From copying the Reel 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 Reel?" default-open="false">
    No. You can copy the Reel link from any public profile without logging in. Reels from private accounts cannot be embedded.
  </Expandable>
  <Expandable title="What height works best for an Instagram Reel?" default-open="false">
    Reels use a vertical 9:16 format. Set height to at least 600px, with 700px to 900px giving the best display. Enable Auto Height to let the iFrame resize automatically.
  </Expandable>
  <Expandable title="Why does the Reel show blank?" default-open="false">
    The Reel must be from a public account. Private profiles require a login and cannot be embedded. See [iFrame Not Showing](/troubleshooting/iframe-not-showing) for more help.
  </Expandable>
  <Expandable title="Can I embed a standard Instagram post instead?" default-open="false">
    Yes. Copy the post link and paste it into the Source URL field. See the [Embed Instagram Post in Elementor](/elementor/social/embed-instagram) guide for details.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

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

## Related Guides

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