> 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 Social Media in Elementor

Guides for embedding Facebook, Instagram, X, LinkedIn posts and more in Elementor using the Custom iFrame WordPress plugin. No coding required.


## Overview

Custom iFrame lets you embed social media content in Elementor from Facebook, Instagram, X, LinkedIn, and more. Paste any post or profile URL into the widget. No API keys, no shortcodes, no coding required.

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 Social Media in Gutenberg WordPress](/gutenberg/embed-social-media) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- Elementor installed
- A public post URL from any supported social platform

## How to Embed Social Media in Elementor

All social platforms follow the same three-step process.

### Step 1: Get the Post Link

<Steps>
  <Step title="Open the social platform" icon="share-2" title-type="p">
    Go to the platform where your post lives: Facebook, Instagram, X, LinkedIn, or any other supported source.
  </Step>
  <Step title="Copy the post link" icon="link" title-type="p">
    Use the share or copy-link option on the post. The post must be public for the embed to work.

    Each platform guide below shows exactly where to find the share 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 social embed. 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 editor"
      width="1024"
      height="337" priority={true} fetchPriority="high" />
  </Step>
</Steps>

### Step 3: Paste the URL and Publish

<Steps>
  <Step title="Paste the post URL" icon="clipboard" title-type="p">
    In the Content tab, paste the URL into the **Source URL** field. The post loads in the editor.
  </Step>
  <Step title="Set height and publish" icon="check" title-type="p">
    Set **Height** to match the post. 500px to 700px works for most posts. Click **Update** or **Publish**.
  </Step>
</Steps>

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

<Callout kind="alert">
  Posts from private accounts cannot be embedded. The account and post must be public.
</Callout>

## Supported Social Platforms

Select your platform for a step-by-step embed guide.

<Columns cols="2">
  <Card title="Embed Facebook Post in Elementor" href="/elementor/social/embed-facebook" icon="facebook" horizontal={false}>
    Embed Facebook posts, photos, and updates in Elementor.
  </Card>
  <Card title="Embed Instagram Post in Elementor" href="/elementor/social/embed-instagram" icon="instagram" horizontal={false}>
    Display Instagram photos and captions on your page.
  </Card>
  <Card title="Embed Instagram Reel in Elementor" href="/elementor/social/embed-instagram-reels" icon="film" horizontal={false}>
    Embed vertical Instagram Reels with proper aspect ratio.
  </Card>
  <Card title="Embed X Post in Elementor" href="/elementor/social/embed-twitter-x" icon="twitter" horizontal={false}>
    Display X posts, threads, and announcements in Elementor.
  </Card>
  <Card title="Embed LinkedIn Post in Elementor" href="/elementor/social/embed-linkedin" icon="linkedin" horizontal={false}>
    Share LinkedIn posts and professional updates on your site.
  </Card>
</Columns>

## Also in Gutenberg

All social platforms are also supported in the WordPress block editor.

See [Embed Social Media in Gutenberg WordPress](/gutenberg/embed-social-media) for all Gutenberg guides.

## Related Guides

- [Embed Anything in Elementor](/elementor/embed-anything)
- [Elementor Widget Setup](/getting-started/elementor-setup)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)
- [Embed Blocked or Refused](/troubleshooting/embed-blocked)