Twitter/X Embed Code for Any Website

The Simplest Way to Embed Twitter on Your Website

Embedding a Twitter/X feed on your website should be as simple as pasting a line of code. Twitter's own embed tools give you a single-tweet embed or a basic timeline widget with almost no design control — and since the rebrand to X, even those tools have become inconsistent and unreliable.

Social Media Feeds gives you a clean, one-line HTML embed code that displays your latest X posts in a fully customisable widget. No iframes, no bulky JavaScript libraries, no API keys to manage. The embed code works on any website that supports custom HTML — which means virtually every website platform and CMS.

Your embed code is generated in our dashboard after you connect your X profile and customise the widget design. Copy it, paste it into your website's HTML, and your live Twitter/X feed appears instantly. It updates automatically, so every new post shows up on your website without you touching a line of code.

Step-by-Step Setup

Follow these steps to get your Twitter/X feed widget live.

Create Your Widget

Sign up at Social Media Feeds and enter your X (Twitter) profile URL. We pull your latest posts and display them in a preview widget — no API keys or developer setup required.

Customise the Design

Choose from card, grid, list, or carousel layouts. Adjust colours, fonts, border radius, and spacing to match your website. Set how many posts to display and which engagement metrics to show.

Copy the HTML Embed Code

Your embed code is one line of HTML: a <div> tag with your unique widget ID, plus a <script> tag. That's it — no iframes, no external CSS files, no dependencies.

Paste into Your Website

Add the embed code to any page on your website. In WordPress, use a Custom HTML block. In Shopify, use a Custom Liquid section. In Squarespace or Wix, use a Code block. On a custom site, paste directly into your HTML.

Your Feed Is Live

Your X/Twitter feed appears immediately and updates automatically based on your plan's refresh interval. New tweets show up on your website without any manual action.

Key Benefits

Everything you need to display your Twitter/X feed on your website — without the complexity.

One Line of Code

Your entire Twitter/X feed widget is a single HTML div tag plus a script tag. No complex setup, no framework dependencies, no build tools required.

Works Everywhere

WordPress, Shopify, Squarespace, Wix, Webflow, Ghost, Hugo, Jekyll, or plain HTML — if your site supports custom HTML, the embed code works.

No Iframes

Unlike Twitter's native embed, Social Media Feeds doesn't use iframes. Your widget is part of your page, loads faster, and doesn't create scrolling or sizing issues.

Full Visual Control

Match your brand with custom colours, fonts, layouts, and spacing. Twitter's native embed gives you dark or light mode — we give you complete design control.

Automatic Updates

Post on X and your website updates automatically. Depending on your plan, new tweets appear within minutes to hours — no manual embed refreshing needed.

Engagement Metrics

Display likes, replies, retweets, and impressions alongside your posts. Show visitors the conversation happening around your content on X.

Your Embed Code

Once you've created your widget, you'll get a simple embed code like this. Paste it anywhere on your website.

Frequently Asked Questions

What does the Twitter embed code look like?

The embed code is two elements: a <div> tag with a data-twitter-widget attribute and your unique embed ID (e.g., <div data-twitter-widget data-embed-id="bbcfb6e373b4085e"></div>), plus a small <script> tag that loads the widget. That's the entire implementation.

Is this different from Twitter's native embed?

Yes. Twitter's native embed uses iframes, offers minimal design control (dark or light mode only), and has become unreliable since the X rebrand. Social Media Feeds provides a lightweight, iframe-free embed with full visual customisation, multiple layouts, and consistent performance.

Do I need a Twitter/X developer account or API key?

No. Social Media Feeds handles all the API integration for you. Just enter your X profile URL in our dashboard and we pull your posts automatically. No developer account, no API keys, no technical setup.

Will the embed code slow down my website?

No. The script loads asynchronously (after your page content), so it doesn't block rendering or affect Core Web Vitals scores. The widget typically loads in under 200ms.

Can I embed multiple Twitter feeds on one page?

Yes. Each widget has its own embed code with a unique ID. Paste as many as your plan allows — they load independently and don't interfere with each other.

Does the embed code work on Shopify?

Yes. In Shopify, add a Custom Liquid section or use the Custom HTML option in Online Store > Themes > Customize. Paste the embed code and your X feed appears on your store.

What if Twitter changes its API again?

Social Media Feeds maintains the API integration on our end. When Twitter/X makes changes, we update our system — your embed code stays exactly the same and your website isn't affected.

Embed Twitter/X Feed — HTML Code

Live Twitter/X Feed Widget