> 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 Gutenberg

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


## Overview

Custom iFrame lets you embed social media content in Gutenberg from Facebook, Instagram, X, LinkedIn, and more. Paste any post or profile URL into the block. 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 Elementor instead? Follow the [Embed Social Media in Elementor](/elementor/embed-social-media) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- WordPress with the Gutenberg block editor
- A public post URL from any supported social platform

## How to Embed Social Media in Gutenberg

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 Block

<Steps>
  <Step title="Open your page in the block editor" icon="layout" title-type="p">
    Go to the page or post where you want the social embed. Click **Edit** to open the Gutenberg block editor.
  </Step>
  <Step title="Add the Custom iFrame block" icon="plus" title-type="p">
    Click the **Add Block** button. Search for **Custom iFrame**. Click the block to add it to the page.
  </Step>
</Steps>

### Step 3: Paste the URL and Publish

<Steps>
  <Step title="Paste the post URL" icon="clipboard" title-type="p">
    In the right panel, paste the URL into the **Source URL** field. The post loads inside the block.
  </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 Gutenberg" href="/gutenberg/social/embed-facebook" icon="facebook" horizontal={false}>
    Embed Facebook posts, photos, and updates in Gutenberg.
  </Card>
  <Card title="Embed Instagram Post in Gutenberg" href="/gutenberg/social/embed-instagram" icon="instagram" horizontal={false}>
    Display Instagram photos and captions on your page.
  </Card>
  <Card title="Embed Instagram Reels in Gutenberg" href="/gutenberg/social/embed-instagram-reels" icon="film" horizontal={false}>
    Embed vertical Instagram Reels with proper aspect ratio.
  </Card>
  <Card title="Embed X Post in Gutenberg" href="/gutenberg/social/embed-twitter-x" icon="twitter" horizontal={false}>
    Display X posts, threads, and announcements in Gutenberg.
  </Card>
  <Card title="Embed LinkedIn Post in Gutenberg" href="/gutenberg/social/embed-linkedin" icon="linkedin" horizontal={false}>
    Share LinkedIn posts and professional updates on your site.
  </Card>
</Columns>

## Also in Elementor

All social platforms are also supported in the Elementor widget editor.

See [Embed Social Media in Elementor](/elementor/embed-social-media) for all Elementor guides.

## Related Guides

- [Getting Started: Install Custom iFrame](/getting-started/installation)
- [Gutenberg Block Setup](/getting-started/gutenberg-setup)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)
- [Embed Blocked or Refused](/troubleshooting/embed-blocked)