> 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 X Post in Gutenberg

Step-by-step guide to embed X Post in Gutenberg using the Custom iFrame WordPress plugin. No coding required.


## Overview

Custom iFrame lets you embed X Post in Gutenberg by pasting any post link into the block. Display live tweets, announcements, or social proof directly on any page or post in the WordPress block editor.

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 X Post in Elementor](/elementor/social/embed-twitter-x) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- WordPress with the Gutenberg block editor
- A public X post URL to embed

## Step 1: Get the X Post Link

<Steps>
  <Step title="Open X and find your post" icon="twitter" title-type="p">
    Go to [x.com](https://x.com) and open the post you want to embed. You can browse public posts without an account.
  </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: Install the Plugin and Add the Block

<Steps>
  <Step title="Install and activate the plugin" icon="download" title-type="p">
    Go to your WordPress dashboard. Go to **Plugins > Add New**. Search for **Custom iFrame by Coderz Studio**, click **Install Now**, then click **Activate**.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1777223431/getting-started/installation/Custom-iFrame-Installation.webp"
      alt="Custom iFrame for Elementor WordPress plugin by Coderz Studio showing 3000+ active installations on the plugin repository page"
      width="818"
      height="363" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Open your page in the block editor" icon="layout" title-type="p">
    Go to the page or post where you want the X 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 and search for **Custom iFrame**. Click the block to add it to the page.
  </Step>
</Steps>

## Step 3: Embed X Post in Gutenberg

<Steps>
  <Step title="Paste the X post link" icon="clipboard" title-type="p">
    Select the Custom iFrame block. In the **Source** field in the right panel, paste the X post link you copied. The post loads as an iframe inside the Gutenberg editor immediately.
  </Step>
</Steps>

## Step 4: Adjust Settings and Publish

**Height:** Set the iframe height to fit the post and your page layout.

**Scroll Bar:** Enable or disable the scrollbar inside the embedded content.

**Refresh Interval:** Set how often the iframe refreshes. Useful if you embed live thread activity.

**Smart Load:** Turn on lazy loading so the iframe loads only when it enters the viewport. This keeps page performance strong.

<Image
  src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776999096/gutenberg/social/twitter-x/basic-settings.webp"
  alt="Custom iFrame block settings panel in Gutenberg showing height, auto height toggle, scroll bar, and refresh interval options for X post embed"
  width="329"
  height="639" priority={true} fetchPriority="high" />

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

Want to add a custom watermark (Pro), device frame (Pro), or full screen button? See the [Set Up Custom iFrame in Gutenberg](/getting-started/gutenberg-setup) guide for all block options.

This guide showed you how to embed X Post in Gutenberg using the Custom iFrame plugin. From copying the post link to pasting the URL and publishing, the whole setup takes only a few minutes.

## FAQ

<ExpandableGroup>
  <Expandable title="Do I need an X account to embed a post?" default-open="false">
    No account is required to embed public posts. You can copy the link from any public post and embed it with Custom iFrame.
  </Expandable>
  <Expandable title="What height works best for an X post?" default-open="false">
    A single X post displays well at 200px to 400px. For a thread or longer content, use 500px or more. Enable Auto Height for automatic sizing.
  </Expandable>
  <Expandable title="Why does the X post show blank?" default-open="false">
    The post must be from a public account. Posts from protected accounts require a login and cannot be embedded. See [iFrame Not Showing](/troubleshooting/iframe-not-showing) for more help.
  </Expandable>
  <Expandable title="Can I embed an entire X thread?" default-open="false">
    Yes. Use the URL of the first post in the thread. The thread loads inside the iframe. Increase the height to show more of the thread.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed X Post in Elementor" href="/elementor/social/embed-twitter-x" icon="layers" horizontal={false}>
    Guide for the Elementor widget.
  </Card>
  <Card title="Embed Instagram Post in Gutenberg" href="/gutenberg/social/embed-instagram" icon="instagram" horizontal={false}>
    Embed Instagram posts in the block editor.
  </Card>
</Columns>

## Related Guides

- [Embed Social Media in Gutenberg WordPress - Overview](/gutenberg/embed-social-media)
- [Embed Instagram Post in Gutenberg](/gutenberg/social/embed-instagram)
- [Embed Instagram Reels in Gutenberg](/gutenberg/social/embed-instagram-reels)
- [Auto Height Adjustment](/features/auto-height)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)