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 guide.

Requirements

Custom iFrame plugin installed and active
Elementor installed
An X post URL to embed

Video Tutorial

Step 1: Get the X Post Link

Open X and find your post

Go to x.com and open the post you want to embed.

Copy the post link

Click the Share icon on the post. Click Copy link.

Open your page in Elementor

Go to the page where you want the X post. Click Edit with Elementor.

Drag the widget onto your page

Search for Custom iFrame in the Elementor widget panel. Drag the widget into your layout.

Custom iFrame widget being dragged from the Elementor panel into a page section in the Elementor editor

Step 3: Embed X Post in Elementor

Set Source Type to X

In the Content tab, set Source Type to X (Formerly Twitter).

Paste the post URL

Paste the X post URL into the Source URL field. The post appears in the editor.

Step 4: Configure X Basic Options (Pro)

X Basic Options require Custom iFrame Pro (Starter, Studio, or Agency plan). View pricing — plans start at $29 one-time.

Set theme and media options

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.

Custom iFrame X Basic Options panel in Elementor showing Theme, Hide Media, and Hide Thread settings for embedded X post

Step 5: Configure X Advanced Options (Pro)

X Advanced Options require Custom iFrame Pro. View pricing.

Set language and tracking

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.

Custom iFrame X Advanced Options panel in Elementor showing Language input and Do Not Track toggle for embedded X post

Step 6: Customize and Configure Settings

For styling, smart loading, and advanced options, see the Style Custom iFrame guide. Adjust dimensions, backgrounds, borders, and more.

Step 7: Save and Publish

Click Update or Publish. Your X post is now live on your WordPress site.

Want to add a custom watermark (Pro), device frame (Pro), or fine-tune widget behavior? See the Set Up Custom iFrame in Elementor 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

Also Available For

Embed X Post in Gutenberg WordPress

Guide for the WordPress block editor.

Embed Instagram Post in Elementor

Embed Instagram posts in Elementor.

Was this page helpful?