How to Embed Actual Tweets in WordPress Blog Posts

One of the trends we’ve seen in the online publishing industry is compiling funny tweets in one article. Many websites also now display tweets on their pages, which is great for adding social proof, increasing engagement, and providing real-time content.

We’ve handled this type of task before and found several effective ways to do it. In this article, we’re here to share how you can embed actual tweets in your blog posts.

Whether you’re curating trending topics, showcasing user-generated content, or adding credibility to your posts with expert opinions, embedding tweets can significantly improve your web content.

Why Embed Actual Tweets in WordPress Blog Posts?

According to our social media statistics research, Twitter is one of the biggest social media networks in the world with over 619 million users.

Today, many websites use tweets to make their blogs more engaging.

While you could take a screenshot for your blog posts, it’s better to embed the actual tweet that you want to talk about. This allows readers to interact with the tweet by commenting, liking, and retweeting the original post.

Since they’re interactive, embedded tweets can keep visitors on your website for longer, increase your pageviews, and encourage users to engage with your content and follow you on social media.

You can even embed tweets from a trusted third party such as an affiliate marketing partner, an industry influencer, or a client who has tweeted something positive about your business.

With that being said, let’s see how you can embed actual tweets in WordPress. Simply use the quick links below to jump straight to the method you want to use:

Video Tutorial

Subscribe to WPBeginner

If you’d prefer written instructions, keep reading.

Method 1. Embed Tweets in WordPress Without a Plugin (Quick and Easy)

You can manually embed individual tweets in your WordPress blog posts using the Twitter block and WordPress block editor.

Since this method uses the built-in WordPress tools, you don’t need to install any special plugins and can start embedding tweets straight away. If you only want to add a small number of tweets to your site, then this is a quick and easy method.

However, if you want to show lots of tweets, then you will need to manually copy multiple URLs which can take a lot of time. You can also only show one tweet per block, so this isn’t a good choice if you want to embed multiple tweets.

If you do want to add a social media feed that updates automatically as new tweets get posted, then you’ll need to use method 2 instead.

To embed a single tweet, head over to X/Twitter and find the post that you want to show. This can be your own tweet or a tweet from someone else’s account. For example, you might embed posts from happy customers, as they’re a powerful form of social proof.

Now, simply click on the tweet to open it. Your browser’s address bar will show the address for that specific tweet.

You can either make a note of the URL or leave the tweet open in a separate tab, as you’ll need the link later.

Switch back to the WordPress dashboard and open the blog post where you want to embed the tweet. Then, click on the ‘+’ icon and type in ‘Twitter.’

When the right block appears, click to add it to the blog post.

Then, simply paste the tweet’s URL into the ‘Twitter’ block.

With that done, click on ‘Embed.’

The WordPress block editor will now show the tweet. After that, you can continue working on the blog by adding images, text, and other content.

When you’re happy with the blog, either click on ‘Publish’ or ‘Update’ to make the changes live. Now, if you visit the post you’ll see the tweet embedded in your blog.

You can also add the Twitter block to any widget-ready area, such as the sidebar or similar section.

This is a great choice if you want to show the same tweet in multiple areas.

For step-by-step instructions, see our guide on how to add and use widgets in WordPress.

If you are using a block-based theme, then you can add the Twitter block to any part of your website using the full-site editor.

This includes areas of your site that you can’t edit using the standard content editor. For example, you might use your most popular tweets to improve the 404 page template.

Method 2. Automatically Embed Multiple Tweets With a Plugin (Recommended)

If you need to embed more than one tweet, then we recommend using a plugin to create an X/Twitter feed.

This gives you the flexibility to create custom feeds showing different hashtags, accounts, and timelines. You can then add these feeds to your blog posts, pages, or even widget-ready areas like the sidebar.

The easiest way to create an X/Twitter feed is by using the Smash Balloon Custom Twitter Feeds plugin. It’s one of the best Twitter plugins for WordPress and lets you add all kinds of feeds to your blog.

These feeds will update automatically, so visitors will always see your latest tweets without you having to edit the site manually.

Since the feed updates automatically, this can keep your website fresh and interesting even for regular visitors. In this way, you can encourage people to spend more time on your site, subscribe to your email newsletter, purchase a product, and take other positive actions.

If visitors spend lots of time looking through the embedded Twitter feed, then it sends positive signals to the search engines. This can improve your WordPress SEO.

First, you’ll need to install and activate the Smash Balloon Custom Twitter Feeds plugin. If you need help, then please see our guide on how to install a WordPress plugin.

How to Create a Custom Twitter Feed in WordPress

To create an X/Twitter feed, go to Twitter Feeds » All Feeds and click on ‘Add New.’

On this screen, you can choose what type of feed you want to embed. You can create a feed from any X/Twitter account, including third-party accounts.

This is perfect if you’re writing a blog post about another company, brand, or person, and want to show their latest tweets as part of your post.

To show tweets from a third-party account, select ‘User Timeline’ and then click on ‘Next.’

On the next screen, type in the @ symbol followed by the X/Twitter account where you’ll get the tweets from.

After that, click on ‘Next’ to open the main Smash Balloon editor.

Another option is showing tweets that have a specific hashtag. This might be a hashtag that’s related to your website, the products you sell on your online store, or anything else.

You can also use hashtag feeds to show tweets related to the blog’s topic. For example, if you’re blogging about the latest hit TV show then you might create a hashtag feed showing fans talking about the show.

To create a hashtag feed, select ‘Hashtag’ and then click on ‘Next.’ You can now type in the hashtag that you want to use.

After that, click on ‘Next’ to open the main Smash Balloon editor.

The final option is ‘Home Timeline,’ which simply embeds your account’s X/Twitter home feed. This is exactly the same feed you see when you go to your X/Twitter homepage, so you’ll see the same tweets, likes, and retweets.

This can be useful if you want to promote the people you follow.

How to Customize Your Live X/Twitter Feed

The Custom Twitter Feeds plugin gives you lots of ways to fine-tune how the tweets look on your website. To the right, you’ll see a preview of the Twitter feed.

On the left-hand side, you’ll see all the different settings you can use to customize how these tweets look on your WordPress website. Most of these settings are self-explanatory, but we’ll quickly cover some of the major areas.

To start, click on ‘Feed Layout.’

Here, you can change the feed height and how many tweets visitors will initially see.

When you’re happy with the changes, click on the ‘Customize’ link.

This will take you back to the main Smash Balloon settings screen.

The next setting is ‘Color Scheme.’ By default, the feed uses the colors inherited from your WordPress theme, but you can switch to a ‘Light’ or ‘Dark’ color scheme instead.

Another option is to create your own color scheme by selecting ‘Custom’ and then using the controls to change the background color, change the text color in WordPress, and more.

If you’re showing tweets from a specific user, then you might want to add a header to the feed. This shows visitors exactly where the content comes from.

Custom Twitter Feeds can add a standard or text header to your feed.

Simply select ‘Header’ from the left-hand menu and then click on the ‘Enable’ toggle. By default, the plugin adds a ‘Standard’ header, which shows the ‘Follow’ button and an X/Twitter bio, if available.

If you want to hide the X/Twitter bio, then click to disable the ‘Show Bio’ toggle.

Another option is to select ‘Text,’ which adds a ‘We are on Twitter’ header to the feed.

You can replace this with your own messaging by typing into the ‘Text’ box.

When you’re happy with the messaging, you can change the header’s size and color.

Next, you can customize how the individual tweets look inside the X/Twitter feed, by selecting ‘Tweets’ from the left-hand menu.

After that, you can choose between ‘Tweet Style’ and ‘Edit Individual Elements.’

If you select ‘Tweet Style,’ then you can choose between boxed and regular layouts.

If you select ‘Boxed’ then you can create a colored background for each tweet. You can also make the border radius larger to create curved corners, and add a box shadow.

If you choose ‘Regular’ then you can change the thickness and color of the line that separates your different social media posts.

Next, you can customize the individual elements within each post by clicking on ‘Tweets,’ which takes you back to the previous screen.

This time, select ‘Edit Individual Elements.’

You’ll now see all the different content that Custom Twitter Feeds includes in each post, such as the author, tweet text, and more.

To remove a piece of content from the feed, just click to uncheck its box.

You can also customize how each type of content looks by clicking on it.

For example, in the following image, we’ve changed the size and color of the tweet text.

When you’re happy with how the tweets look, click on ‘Customize’ to return to the main Smash Balloon settings screen. This time, select the ‘Load More Button.’

The ‘Load More’ button allows visitors to scroll through more tweets, so Custom Twitter Feeds adds it by default.

Since it’s such an important button, you may want to customize it by changing its background color, hover state, label, and more to match your site’s design.

You can also replace the default ‘Load More’ text with your own call to action by typing into the ‘Text’ field.

If you prefer, then you can remove the button completely, by clicking the ‘Enable’ toggle.

When you’re happy with how the X/Twitter feed looks, don’t forget to click on ‘Save.’ After that, you’re ready to embed the Twitter feed in your WordPress blog posts.

How to Embed a Twitter Feed in WordPress Blog Posts

You can add the feed to your blog posts using Smash Balloon’s Twitter Feed block.

If you’ve created more than one X/Twitter feed using the plugin, then you’ll need to know the feed’s code.

To get this information, go to Twitter Feeds » All Feeds and copy the code in the ‘Shortcode’ column. You’ll need to add this code to your blog post so make a note of it.

In the following image, we’ll need to use [custom-twitter-feeds feed=2]

After that, simply open the blog post where you want to embed the X/Twitter feed. Then, click on the ‘+’ icon to add a new block and start typing ‘Twitter Feed.’

When the right block appears, click to add it to the blog post.

The block will show one of your Custom Twitter Feeds by default. If you want to use a different tweet feed instead, then find ‘Shortcode Settings’ in the right-hand menu.

Here, simply add the shortcode and then click on ‘Apply Changes.’

The block will now show your X/Twitter feed, and can simply publish or update the blog post to make the tweets live on your website. Any time you tweet something, Smash Balloon will update this feed automatically.

Method 3. Embed Tweets in WordPress Using Twitter Publish (Customizable)

This next method uses the Twitter Publish feature to embed a tweet in WordPress. The difference between this method and the previous ones is that it doesn’t use a plugin, but it allows you to customize how the embedded tweet looks on your blog post.

First things first, make sure to copy the tweet URL like in the first method. Then, go to the X/Twitter Publish site and paste the URL in the appropriate field.

After that, just click the arrow sign on the right.

Next, choose a display option.

Since you want to embed a tweet, go ahead and pick the ‘Embedded Post’ option.

Below, you will find an option to copy some code and paste it into the block editor.

But for the purpose of this tutorial, you have to click the ‘set customization options’ link first. This is what allows you to customize what the embedded tweet looks like before adding it to your WordPress blog post.

Here, you have the option to enable dark mode for your tweets, change the language of the tweet, and hide the tweet’s thread discussion.

You can also enable the ‘Opt-out of tailoring Twitter’ option to prevent X/Twitter from collecting your visitors’ information, such as the web page they visited, their IP address, browser type, operating system, and cookie information.

Once you’re done, just click the ‘Update’ button.

At this stage, you will go back to the previous page, and X/Twitter will update the embed code according to your customizations.

Here, just click the ‘Copy Code’ button.

Now, just open the block editor for the post you want to embed the tweet in.

Then, click the ‘+’ icon anywhere on the page and choose the ‘Custom HTML’ block.

In the HTML field, simply paste the code you copied earlier.

Here’s what it should look like:

If you want to see what the embedded tweet looks like, just click the ‘Preview’ button on the block toolbar.

Then, feel free to add more elements to your page and hit the ‘Publish’ or ‘Update button’ when finished.

That’s it!

For more tips and tricks on integrating X/Twitter with your WordPress website, check out these articles:

• How to Add Twitter Share and Retweet Button in WordPress
• How to Display Twitter Followers Count as Text in WordPress
• How to Fix Broken Twitter Card Images in WordPress
• How to Add Click to Tweet Boxes in Your WordPress Posts
• How to Automatically Tweet When You Publish a New Post in WordPress
• How to Add Pay With a Tweet Button for File Downloads in WordPress

We hope this article helped you learn how to embed actual Tweets in WordPress blog posts. You may also want to see our guide on how to automatically share old WordPress posts on social media and our expert pick of the best WordPress Facebook plugins to grow your blog.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.