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

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


## Overview

Custom iFrame lets you embed X post in Elementor by pasting any X (formerly Twitter) post link into the widget. Display tweets, announcements, and trending content 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 X Post in Gutenberg WordPress](/gutenberg/social/embed-twitter-x) guide.

## Requirements

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

## Video Tutorial

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

## 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.
  </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 X 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 X Post in Elementor

<Steps>
  <Step title="Set Source Type to X" icon="twitter" title-type="p">
    In the Content tab, set **Source Type** to **X (Formerly Twitter)**.
  </Step>
  <Step title="Paste the post URL" icon="clipboard" title-type="p">
    Paste the X post URL into the **Source URL** field. The post appears in the editor.
  </Step>
</Steps>

## Step 4: Configure X Basic Options (Pro)

<Callout kind="info">
  X Basic Options require Custom iFrame Pro (Starter, Studio, or Agency plan). [View pricing](https://customiframe.com/pricing) — plans start at $29 one-time.
</Callout>

<Steps>
  <Step title="Set theme and media options" icon="palette" title-type="p">
    In the **X Basic Options** section, set **Theme** to **Light** or **Dark** to match your site. Toggle **Hide Media** to hide images and videos. Toggle **Hide Thread** to remove the conversation context.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776953277/elementor/social/twitter-x/x-basic-options.webp"
      alt="Custom iFrame X Basic Options panel in Elementor showing Theme, Hide Media, and Hide Thread settings for embedded X post"
      width="365"
      height="318" priority={true} fetchPriority="high" />
  </Step>
</Steps>

## Step 5: Configure X Advanced Options (Pro)

<Callout kind="info">
  X Advanced Options require Custom iFrame Pro. [View pricing](https://customiframe.com/pricing).
</Callout>

<Steps>
  <Step title="Set language and tracking" icon="settings" title-type="p">
    In the **X Advanced Options** section, set **Language** to a 2-letter ISO 639-1 code (e.g. `en` for English, `fr` for French). Toggle **Do Not Track** to prevent X from using the embed for personalized ads.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776953280/elementor/social/twitter-x/x-advanced-options.webp"
      alt="Custom iFrame X Advanced Options panel in Elementor showing Language input and Do Not Track toggle for embedded X post"
      width="365"
      height="269"
    />
  </Step>
</Steps>

## Step 6: 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 7: Save and Publish

<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 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 X post in Elementor using the Custom iFrame plugin. From copying the post link to selecting the X source type and publishing, the whole setup runs through the Elementor editor without any code.

## FAQ

<ExpandableGroup>
  <Expandable title="Do I need an X account to embed a post?" default-open="false">
    No. You can copy the post link without logging in. Public X posts embed without an account or API key.
  </Expandable>
  <Expandable title="What are X Basic Options and X Advanced Options?" default-open="false">
    These are Pro features that control how the embedded post looks and behaves. Basic Options let you switch between Light and Dark themes and hide media or thread context. Advanced Options let you set the display language and disable tracking.
  </Expandable>
  <Expandable title="Why is the X post showing blank?" default-open="false">
    The post must be public. Posts from private or suspended accounts cannot be embedded. Also confirm Source Type is set to **X (Formerly Twitter)**, not a generic URL. See [iFrame Not Showing](/troubleshooting/iframe-not-showing) for more help.
  </Expandable>
  <Expandable title="Can I embed an X profile or thread instead of a single post?" default-open="false">
    The Source URL field accepts individual post links. For a profile or thread, paste the URL and test — X's embed API renders what it can from the provided link.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed X Post in Gutenberg WordPress" href="/gutenberg/social/embed-twitter-x" 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 Instagram posts in Elementor.
  </Card>
</Columns>

## Related Guides

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