How to Fix Twitter Embeds Not Working on Your Website (2026)
Home Blog How to Fix Twitter Embeds Not Working on Your Website (2026)

How to Fix Twitter Embeds Not Working on Your Website (2026)

How to Fix Twitter Embeds Not Working

Embedding Twitter/X content on your site is one of the easiest ways to add real-time social proof.

But when embeds stop working, it’s frustrating since you’re creating a worse impression of your brand. The good news is that the fix can be much simpler than you expect.

In this guide, I’ll walk you through the most common reasons Twitter/X embeds stop working in WordPress and exactly how to fix each one.

You can learn how to deal with the URL mismatch bug, the oEmbed proxy error, Gutenberg and Elementor-specific issues, and more.

Why Is My Twitter/X Embed Not Working?

X/Twitter embeds break for a handful of specific reasons. Here are the most common ones:

  • Twitter.com vs. X.com URL mismatch: WordPress cached your embed against the old twitter.com URL. After the rebrand, that cache goes stale and the embed fails.
  • WordPress oEmbed proxy error: A security plugin or host firewall is blocking WordPress’s REST API, which it needs to fetch tweet data.
  • Plugin conflict: Another plugin is interfering with the oEmbed request or the block rendering.
  • Outdated WordPress version: Older WordPress versions have known oEmbed bugs that have since been patched.
  • Host-level restrictions: Some hosting providers block outbound requests that WordPress needs to load external embeds.
  • API changes: X has made repeated changes to its API and oEmbed endpoint since 2022. Embeds that worked before can break without warning when these change.

Between the API changes, technical issues, WordPress updates, a lot of site owners are facing problems with Twitter/X embeds recently. If yours have stopped working, this guide will help you fix them.

Why Add Twitter/X Embeds to Your Website?

Twitter/X is one of the fastest-moving sources of real-time content on the internet. So, embedding it on your site gives you a way to use that momentum directly.

Here’s what you can actually do with Twitter embeds:

  • Show Announcements: Embed your own tweets to surface your latest news, launches, or updates directly on your site without manually updating the page.
  • Build Social Proof: Embed positive reviews, product demonstrations, and first impressions to show visitors that real people trust your brand.
twitter review feed example
  • Drive Twitter Engagement: Every embedded tweet is an opportunity for visitors to like, retweet, or follow you without leaving your site.
  • Add Credibility: Embedding tweets from industry figures, press, or happy customers is more convincing than writing it yourself.

How to Fix Twitter Embeds Not Working in WordPress

In case your WordPress Twitter embeds are not working properly, we’ve put together a simple guide to help you out.

Just follow the steps below if your embedded Twitter feed isn’t working.

Step 1: Update Your WordPress Website

WordPress regularly gets new updates that add features, fix bugs, change settings, and much more.

But if your site isn’t up-to-date, you won’t have access to all these latest functionalities. Plus, the older features that you’ve got on your site can stop getting official support.

The good news? You can fix this issue in just a few clicks.

First, navigate to your WordPress dashboard and click on the Please update now button at the top.

If this button isn’t on your site, you can skip this step because your WordPress site is up-to-date.

update wordpress website

Once you click on the button, your website will show you more information about this update.

To continue, click on the blue Update button that shows the WordPress version you’re updating to.

update your version of wordpress

Now, all you have to do is wait for a few minutes, and your website will automatically be updated to the newest version.

You can then open your website in a browser (like Chrome or Firefox) and check if your Twitter embeds are working.

If you’re still facing errors, it’s time to go to the next step.

To learn more, you can take a look at our guide on how to safely update your WordPress website.

Step 2: Fix Plugin Conflicts

While there are tons of amazing plugins that add useful features, some of them can cause problems on your website.

And sometimes, other plugins can stop your site from connecting to Twitter API and break your embeds.

To solve this issue, you can try temporarily deactivating all of your plugins and check if that fixes your Twitter embeds.

Ready to get started? First, open the Plugins » Installed Plugins menu from your dashboard area.

open the plugins page of wordpress

You can now see all the plugins that you’re currently using for your WordPress site.

Now that you’re here, look for the checkbox on the top left and click on it.

Doing that will select all the plugins on your website at once.

Next, open the drop-down menu at the top and then click on the Deactivate option.

Finally, you can temporarily deactivate all of your plugins by clicking on the Apply button.

Now that all of your plugins are inactive, open your website and see if your embedded Twitter feeds aren’t working. If they’re working fine, then it’s time to find the plugin that’s causing the errors.

For that, Activate your plugins one by one while checking your Twitter embeds each time.

enable elementor on website

Once you find the malfunctioning plugin, you can replace it with a better WordPress plugin, so your website continues working fine.

If deactivating the plugins didn’t fix Twitter embeds on your site, you can move on to step 3 for the next method.

Step 3: Fix the X.com vs. Twitter.com URL Mismatch

This is one of the most common reasons Twitter embeds break after the platform rebranded to X, and it’s easy to miss.

When Twitter became X, the domain shifted from twitter.com to x.com. But WordPress caches oEmbed data based on the exact URL you originally pasted.

twitter url with old domain name

That means if you embedded a tweet using a twitter.com URL, WordPress stored that embed against that specific URL.

If the platform now redirects it to x.com, the cached data can go stale and the embed stops rendering.

How to fix it:

  1. In your WordPress editor, find the tweet embed and delete it completely
  2. Go to the post on X and copy the updated URL. It should now start with x.com, not twitter.com
  3. Paste the new x.com URL directly into the WordPress editor on its own line
  4. Clear your site’s cache (via your caching plugin or hosting dashboard)
  5. Preview the page to confirm the embed is rendering

If you’ve updated the URL and embeds are still broken, you may also need to flush WordPress’s oEmbed cache.

You can do this by adding this to your functions.php temporarily:

add_filter( 'oembed_ttl', function() { return 1; } );

Remove that line after the cache clears.

Step 4: Contact Your Web Hosting Service

Some web hosts have security features that can prevent Twitter embeds from loading on your website.

To solve this, you’ll have to contact your hosting service and ask them to help you out.

example of a web hosting service

Alternatively, you can switch to another WordPress hosting service that works perfectly with Twitter embeds.

If you don’t want to move your site to another host yet, you can go to the final step for an easier way to display Twitter content on your site.

Step 5: Fix the oEmbed Proxy Error

If you’re seeing the error “Sorry, you are not allowed to make proxied oEmbed requests” in your WordPress editor or in your browser console, this is a WordPress REST API permissions issue, not a Twitter-side problem.

This error appears when WordPress tries to fetch the oEmbed data for a tweet, but something blocks the REST API request. Common causes:

  • A security plugin (like Wordfence or iThemes Security) is blocking REST API access for non-logged-in users
  • A firewall or web host is restricting outbound REST API requests
  • The REST API is disabled site-wide by a plugin or snippet in functions.php

How to fix it:

  1. Check if your REST API is disabled. Go to yoursite.com/wp-json/ in a browser. If you see a JSON response, the REST API is working. If you get an error or empty page, it’s been disabled, so check your security plugin settings.
  2. Allow REST API access. In Wordfence: Firewall » Blocking and make sure REST API access isn’t blocked. In iThemes Security, check “WordPress Tweaks” for a “Disable REST API” toggle.
  3. Test with plugins deactivated. Temporarily deactivate your security plugin and see if the embed loads. If it does, your security plugin is the culprit.

Once the REST API is accessible again, delete and re-paste the tweet URL in the editor to force a fresh oEmbed fetch.

Step 6: Gutenberg Block Editor: Twitter Embed Not Working

If you’re using the WordPress block editor (Gutenberg), there are a few extra things that can cause Twitter embeds to break that are specific to how blocks handle oEmbed.

add new gutenberg block

Problem: Embed shows a plain URL, not the tweet card

This usually means WordPress didn’t recognize the URL as an embeddable Twitter/X link. Fix it by:

  1. Deleting the block entirely
  2. Adding a new “Embed” block (not a paragraph block)
  3. Searching for “Twitter” or “X” in the embed block picker, or choose the generic “Embed” option
  4. Pasting your x.com tweet URL into the embed block URL field
  5. Clicking “Embed

Problem: Embed worked before, now shows a broken card or spinner

This is typically a cached oEmbed issue in Gutenberg. Try this:

  1. Switch the block to HTML view (three-dot menu > “Edit as HTML”)
  2. Delete the block content and switch back to visual view
  3. Re-add the embed block with the current x.com URL
  4. Update and check preview

Problem: “Preview unavailable” message in the editor

This is a Gutenberg editor-only display issue and doesn’t always mean the embed is broken on the front end. Preview your page to confirm if it works properly.

Step 7: Install Twitter Feed Pro

Now that you’ve tried the above steps, you can use a simple workaround to fix Twitter embeds. Just use a WordPress plugin that can automatically display Twitter content on your site.

And the best plugin that you can use for that is Twitter Feed Pro.

twitter plugin smash balloon

With the help of this plugin, you can create, customize, and embed Twitter feeds on your WordPress site in just minutes, no need for HTML embed codes.

Since the plugin embeds tons of tweets at once, you don’t have to copy the Twitter URL for each tweet.

In just a few clicks, you can show tweets from a profile, home timeline, Twitter list, hashtag, search results, and much more.

embed twitter feed example

Unlike manually embedded tweets, the plugin can automatically copy the design of your website. This means your tweets will perfectly match your branding.

Plus, you get tons of different ways to customize how the tweets look on your website. 

You can import a pre-built design or use a live feed editor to change your layout, color scheme, header, button style, number of tweets, and much more.

live feed editor for twitter

The best part? You get a premium support team with this plugin who can always help you out and answer any questions.

Ready to join over 150,000 users already using the plugin? Grab your copy of Twitter Feed Pro here!

With that, we can go ahead and see how you can use the plugin to add Twitter embeds to your website.

How to Display Twitter Feeds on Your Website (Easy Way)

All you have to do is follow the step-by-step guide below, and you can have a feed of Twitter embeds on your site.

Step 1: Install and Activate Twitter Feed Pro

You can get started by grabbing your copy of Twitter Feed Pro here and then downloading it on your computer.

Next, install and activate the plugin on your WordPress site. To learn more, see our step-by-step guide on installing WordPress plugins.

Step 2: Create a Twitter Feed

To create a new Twitter feed for your site, all you have to do is follow the plugin’s 3-step guided flow.

From your WordPress dashboard, navigate to the Twitter Feed » All Feeds menu to get started.

Once you do that, just click on the Add New button that you can find at the top.

add new custom twitter feed

Next, you get to decide the type of Twitter feed that you’d like to create. Here are the 6 options to choose from:

  • User Timeline: Embed the Twitter timeline from selected profiles
  • Hashtag: Display tweets with specific hashtags on your site
  • Home Timeline: Show your own Twitter content with an embedded timeline
  • Search: Add Twitter search results to your website
  • Mentions: Display tweets that have mentioned your brand
  • Lists: Choose Twitter lists and display their content

Want to use more than one option for your feed? You can select multiple feed types in that case.

Click on the Next button after selecting your feed type here.

For our tutorial, we’ll go with the hashtag feed type.

pick hashtag twitter feed

Step 3: Connect Your Twitter Account

Using this plugin, connecting your feed to a Twitter account only takes a few clicks.

You can get started by clicking on the Connect button.

connect twitter account to wordpress

Clicking on that redirects you to Twitter, where the plugin will ask for read-only access to your account. The plugin can then view Twitter content, but it won’t be able to make any changes to your account.

As you can see, Smash Balloon’s Twitter Feed Pro is safe to use.

To give read-only access to the plugin, click on the Authorize app button.

authorize twitter read only access.jpg

You’ll then be back on your website, where you can select a source for your new Twitter feed. This can be a user profile, hashtag, search term, Twitter list, and more, depending on the feed type you pick.

As an example, we’ll use a Twitter hashtag as our source.

To continue, enter your source into the popup and then click on Next.

select your twitter feed hashtags

Step 4: Customize Your Tweets

Twitter Feed Pro also makes it quick and easy to change the design of your feeds — even if you’re new to WordPress.

To get started, you can choose a feed template and import its design for your feed:

  • Default
  • Masonry
  • Simple Carousel
  • Simple Cards
  • Showcase Carousel
  • Latest Tweets
  • Widget

To continue, select the template you prefer and then click on the Next button.

choose a feed template

Once you do that, the plugin will enable the template for your feed and then send you to the live feed editor.

From here, you can customize your feed layout, header style, lightbox option, color schemes, and much more using the options on the left.

You can see a real-time preview of your Twitter feed on the right to help track your changes.

live feed editor twitter feed pro visual preview

You can now use the live feed editor to set the layout of your Twitter embeds.

First, click on the Feed Layout option on the left.

pick the feed layout option create twitter feed

Twitter Feed Pro makes it easy to set your layout with 4 options that you can pick from:

  • List
  • Carousel
  • and Masonry.

Let’s look at these layouts in detail below:

feed layout options twitter aggregator

If you want your feed to resemble the official Twitter website, then you can use the list layout.

As a bonus, your tweets will be clearly visible on your site.

list layout twitter feed pro

Want your website to show lots of tweets in different columns?

You can choose the masonry option in that case.

masonry layout twitter feed

Next, you have the carousel layout, which turns your Twitter feed into a slideshow.

As a result, your website will be more interactive and engaging for your visitors.

carousel layout twitter

Don’t forget to save your changes by clicking on the Save button at the top.

To continue designing your Twitter embeds, click on the Customize button at the top.

return to main menu live feed editor

Now, let’s use the plugin to change the color of the Twitter feed.

You can click on the Color Scheme option on the left to get started.

pick the color scheme option twitter feed

With the help of Twitter Feed Pro, there are 4 color schemes to choose from:

  • Inherit from Theme: Copy the colors of your website
  • Light: Pick a light background and dark font color
  • Dark: Show a dark background along with a light color for the font
  • Custom: Manually pick the colors for the background, font, Twitter link, and more
color scheme options for your twitter feed

Remember to click on Save once you pick the color scheme you prefer.

After that, you can use the remaining customization options to change your header style, number of posts, Twitter button design, and much more.

Once you’re happy with the design of your Twitter feed, click on the Save button.

Step 5: Embed Your Tweets in WordPress

So far, you’ve created your Twitter feed, added a source, and customized its design. You’re now ready to embed the Twitter feed on your website.

For that, you have 2 options to choose from:

  • Add Twitter embeds to a WordPress page
  • Add Twitter embeds to a WordPress sidebar or footer

Add Twitter Embeds to a WordPress Page

Using the live feed editor, you’ll have an easy time embedding this Twitter feed on your website.

To get started, all you have to do is click on the Embed button.

live feed editor embed button twitter

To help you choose the location for your Twitter embeds, the plugin will show you a popup with the embed options. You can also copy your Twitter feed’s shortcode from here.

From here, click on the Add to a Page button to continue.

add to a page

Once you do that, Twitter Feed Pro will show you a list of pages from your WordPress website.

After choosing a page from the list, click on the Add button below.

add twitter feed to a new page

Now, the plugin will open the page in the WordPress editor so you can add a content block to display Twitter embeds.

First, click on the plus icon (+) to add a new block to the page.

add new wordpress block

Then, use the search bar at the top to look for the “twitter feed” block.

Once you do that, you can add the Twitter embeds by clicking on the Twitter Feed block below.

embed twitter feed on your wordpress site

To confirm your changes, click on the Update button at the top.

Just like that, your Twitter feed will be displayed on your website, just like in this screenshot:

twitter feed on website example

As you can see, embedding Twitter content on a WordPress page is super easy with this plugin.

Now, let’s go ahead and check out the next method of embedding Twitter feeds.

With the help of a Twitter widget, you can also show Twitter embeds on your sidebar or footer areas.

And the first step is to open the Twitter feed in the live feed editor once again.

To get started, open the Twitter Feed » All Feeds menu from your WordPress dashboard and click on your Twitter feed from earlier.

open hashtag twitter feed

You can open any of the Twitter feeds in the live feed editor this way.

Next, click on the Embed button at the top of the editor.

live feed editor embed button twitter

Doing that will open a popup with the embed options for this Twitter feed.

On the popup, click on the Add to a Widget button to continue.

add twitter feed to widget

That way, the plugin will open the Widget page of your website. From here, you can choose between the sidebar or the footer for your Twitter embeds.

Click on the Sidebar panel if you want to add Twitter embeds to your sidebar area.

open sidebar panel

We’re going to use the sidebar for our example below.

Alternatively, you can click on the Footer panel to show tweets in your footer areas.

open footer panel

After you pick the location, add a new widget by clicking on the plus icon (+) below.

Finally, select the Twitter Feed widget from the options to embed your Twitter feed.

add a twitter feed widget to wordpress

To save your new widget, click on the Update button. Just like that, you’ve embedded Twitter content on your website’s sidebar or footer areas.

Now, you can open your website and check how your Twitter widget looks.

embed twitter feed on wordpress sidebar

How to Embed Twitter/X Content in Elementor

Elementor doesn’t use WordPress’s native oEmbed system the same way the block editor does, which is why tweets that work fine in Gutenberg can fail in Elementor.

Here’s the most reliable method for embedding tweets in Elementor:

Method 1: Use the HTML widget

  1. Go to the tweet on X and click the three-dot menu > “Embed post”
  2. Copy the <blockquote> embed code from X’s embed page
  3. In Elementor, drag an HTML widget onto your page
elementor interface with widgets on the left
  1. Paste the full embed code (including the <script> tag at the bottom) into the widget
  2. Click Update and the tweet will render in the preview and on the front end

The downside is that this method can run into all the problems we discussed earlier.

For a better solution, you can try the plugin method for Elementor as well.

Method 2: Use a Twitter Feed

For showing multiple tweets or a full feed in Elementor, the HTML widget approach gets repetitive fast.

A better option is Smash Balloon’s Twitter Feed Pro, which generates a shortcode you can drop into Elementor with ease.

To do that, add a Shortcode widget in Elementor and paste in the Twitter Feed Pro shortcode.

paste twitter feed shortcode into elementor

The feed will render and update automatically without any code changes needed.

You get a full feed, not just one tweet, with automatic updates and full design control.

example of an elementor twitter feed

And that’s it for now!

Now you know how to fix your Twitter embeds if they’re not working properly on your website. With these proven steps, you’ll be able to engage your visitors with relevant Twitter content in no time.

And with the help of Twitter Feed Pro, it’s easier than ever before to show Twitter content on your WordPress site. All it takes is a few clicks, and you can create, customize, and embed beautiful Twitter feeds.

Ready to fix your Twitter embeds? Get Twitter Feed Pro here.

While you’re here, you can look at our list of the best ways to make money on Twitter.

Frequently Asked Questions

Why is my Twitter/X embed not showing on my website?

The most common reason is a stale oEmbed cache caused by the twitter.com to x.com domain change. Delete the embed, copy the tweet URL from x.com (not Twitter.com), paste it fresh into your editor, and clear your site cache. If it still doesn’t show, check whether a security plugin is blocking your WordPress REST API.

Does Twitter oEmbed still work in 2026?

Yes, but it’s unreliable compared to how it worked before the rebrand. X has made several changes to its oEmbed endpoint and API since 2022, which means embeds can stop working without warning after platform updates. Using a dedicated plugin like Smash Balloon’s Twitter Feed Pro avoids this problem entirely, since it pulls content through the API directly rather than relying on oEmbed.

Why are X.com URLs not embedding in WordPress?

WordPress’s oEmbed system recognizes `x.com` URLs, but cached embeds that were originally created with `twitter.com` URLs may not update automatically. Delete the old embed block, paste the current `x.com` URL, and force a cache refresh. Also make sure your WordPress version is up to date, as earlier versions had known issues with X URL recognition.

How do I fix a broken Twitter embed in WordPress?

Start with these checks in order: (1) update WordPress to the latest version, (2) check for the twitter.com/x.com URL mismatch and re-paste with the current x.com URL, (3) deactivate plugins one by one to find a conflict, (4) check if your host or a security plugin is blocking REST API access. If none of those work, use Twitter Feed Pro to embed your content without relying on native oEmbed at all.

author avatar
Sajjan Sharma Senior Writer
Sajjan has been writing about WordPress, social media marketing, and online businesses for over 10 years. His professional interests extend to include influencer marketing, content curation and digital marketing strategies.

Comments 4

  1. David 3 years ago

    Hi!
    Does your plugin work to embed Twitter Collections? Can I see any example?
    Thank you!

    Reply
    1. Manuel Escobar 3 years ago

      Hi David,

      Thank you for contacting us! Unfortunately, Twitter collections are not supported; however, using the PRO version of our plugin, you can display a Twitter list or create a timeline feed with multiple Twitter accounts added, which could work the same as the collections.

      Please let me know if you have any other questions, and I’ll be happy to help.

      Best regards 🙂

      Reply
  2. Sheryar 3 years ago

    I am using twitter feed pro but the issue is its not working on the desktop safari.

    Reply
    1. Lianne Laroya 3 years ago

      Hi Sheryar,

      Kindly send us a support request using the form on our website here, including the System Info.

      To obtain this information, follow the steps on this page.

      We ask you to use our form, as the System Info contains other website information and the Access Token for your connection, which we do not suggest posting here.

      Thanks! 🙂

      Reply

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.