View Categories

How To Embed X Post In Elementor? (formerly Twitter)

2 min read

With the Custom iFrame plugin, you can easily embed X post in Elementor WordPress site without any API key. Share updates, trends, or important discussions from X directly on your website. Follow these steps to display a X Post on your website.

Not a fan of reading? No worries — we’ve got a video tutorial for you. 📺

Not a video person? No worries — scroll on for the full step-by-step guide.

Step 1: Get the X Post Link

  1. Open X (https://x.com/).
  2. Login or Register to X. (optional)
  3. Navigate to the post you want to embed.
  4. Click the ‘Share‘ icon of the post > Click on ‘Copy link’ button.

Step 2: Add the Custom iFrame Widget

  1. Install and Activate Custom iFrame Plugin
  2. Open your page in Elementor Editor.
  3. Drag and drop the Custom iFrame Widget onto your page.
Interface screenshot demonstrating how to Embed X Post In Elementor, showing drag and drop process to add Custom iFrame plugin in Elementor Page.

Step 3: Embed X Post In Elementor

  1. Go to Content > In Source Type, select X (Formerly Twitter)
  2. Paste the X Post URL into Source URL field.

Step 4: Configure X Basic Options

This feature is part of Custom iFrame Pro.

Get Pro →

In source field, once you’ve selected X (formerly Twitter) post, you’ll see a section called X Basic Options.

This gives you control over how the embedded tweet appears on your page.

  • Theme: Switch between Light and Dark modes to match your site style.
  • Hide Media: Toggle ON to hide images, videos, and link previews.
  • Hide Thread: Toggle ON to remove previous tweets in a conversation.
The image shows the "X Basic Options" settings panel in the Elementor interface for configuring embedded tweets using the Custom iFrame Pro plugin. The Theme option is set to "Light", ensuring a clean appearance. Two toggles labeled "Hide Media" and "Hide Thread" are both set to "No," meaning the tweet will display all attached media and maintain the conversation context. These settings allow users to embed tweets with full visual and contextual content directly into Elementor designs.

Step 5: Configure X Advanced Options

This feature is part of Custom iFrame Pro.

Get Pro →

These settings offer a bit more control over your embedded tweet:

Language:
Set the tweet’s language using a 2-letter ISO 639-1 code (e.g., en for English, fr for French).

Do Not Track:
Enable this to prevent X from showing personalized ads or suggestions based on the embed.

The image displays the X Advanced Options panel in the Elementor interface for the Custom iFrame Pro plugin, tailored for embedding tweets. It includes two settings: a "Language" input field with the value "en", instructing users to enter a two-letter ISO 639-1 code to set the tweet language, and a "Do Not Track" toggle set to "No", allowing personalization and tracking features by default. These options enable users to fine-tune tweet display behavior and privacy settings when embedding content in Elementor.

Step 6: Customize Style Settings & Publish

For styling, smart loading, and advanced options, refer to our Complete Custom iFrame Widget Guide to fine-tune your embed.

Customize your iFrame with our Style Custom iFrame guide—adjust dimensions, backgrounds, borders, and more! 🎨✨

Click Update, and your X post is now live on your page!

Embed X post in Elementor via simple way with the Custom iFrame plugin. Keep your audience informed and engaged with live X posts. Let your website showcase X conversations and trending content!

How’s your vibe after reading this? —Tap an emoji