embed the newest tweets in WordPress weblog posts
Do you want to embed individual tweets in your WordPress blog posts? Embedding Tweets in your blog posts makes it easy to quote Tweets in your posts and make them more engaging.
You may have seen many popular blogs and news websites that have tweets from organizations and individuals embedded in their articles.
This will make the quotes more authentic and allow your users to follow the full conversations for more information.
In this article, we are going to show you how to easily embed Tweets in WordPress blog posts and pages.
Subscribe to WPBeginner
If you prefer written instructions, please read on.
Embed current tweets in WordPress posts – step by step
WordPress makes it easy to embed third-party services in your blog posts. This includes YouTube videos, tweets and other posts on social networks.
This function uses a method called oEmbed. Basically, you can just add the URL of a third-party website and WordPress will request an embed code from them.
You can only whitelist oEmbed services in WordPress, and Twitter is one of those services.
The WordPress block editor has a built-in Twitter embed block that makes it easy to insert tweets into your posts and pages.
First, you need to go to Twitter and find the tweet that you want to embed. Then right click on the down arrow icon and select the option “Copy link to tweet”.
Next, you’ll need to edit the WordPress post or the WordPress page that you want to embed the tweet on.
On the post-processing screen, click the + icon to add a new block, then select the Twitter block in the Embed section.
You will now see the Twitter embed block that has been added to the post edit area. You need to paste the tweet url you copied earlier into the block settings.
WordPress will now automatically retrieve the actual tweet and display it in your post content.
You can save or publish your post for a live preview. This is what it looked like on our demo website.
Pro tip: You can also paste the tweet url into a paragraph block and WordPress will automatically convert it to a Twitter embed block.
Embed tweets in the classic WordPress editor
If you’re still using the old classic WordPress editor, you’ll need to copy and paste the tweet link right into the post editor.
In contrast to the block editor, the classic editor is a single text field for all of your content. Because of this, you need to put the tweet url on a separate line in the editor.
Once that’s done, the actual tweet will instantly load into your post editor.
Don’t forget to update or save your changes and preview your post or page.
How to automatically embed the latest tweets in WordPress
By default, WordPress lets you manually embed tweets in your articles and only add one tweet at a time.
What if you wanted to showcase recent tweets from your account, another user, or a hashtag?
This is where Smash Balloon Custom Twitter Feeds comes in. You can easily embed a Twitter feed with beautiful layouts and tons of customization options.
First you need to install and activate the Smash Balloon Custom Twitter Feeds plugin. For more information, see our step-by-step guide on installing a WordPress plugin.
Note: There is also a free version of the custom Twitter feed plugin. We present the Pro version because it offers more functions.
After activation you need to visit Twitter Feeds »License Page and enter your license key. You can find this information under your account on the Smash Balloon website.
Next you need to click on “Activate License” and then on “Save Changes”.
After that you can go Twitter feeds »Configure and click the big blue button to connect your twitter account.
This will take you to the Twitter website and be prompted to log in. Once you are signed in, you will need to click the “Authorize App” button to proceed.
You will then be directed back to your website, where the Access Token and Access Token Secret fields are filled in. Make sure to save your changes.
View your Twitter feed in WordPress
Once you have the plugin set up, you can add your recent tweets to any WordPress post or site.
Just edit the post or page you want to view the Twitter feed on. Click the (+) Button on the edit screen to add the Twitter feed block to your page.
As soon as you add the block, the latest tweets from your Twitter account will automatically be loaded. You can now save your post or page and visit to see your Twitter feed in action.
Now you have a feed of your tweets that is automatically updated with each tweet.
You can even set up your feed to show a specific hashtag if you want. This is how you would do it.
Go back to Twitter Feeds »Twitter Feeds and scroll down to your feed settings. Then select the option for ‘Hashtag’ and enter the hashtag of your choice into the field.
Make sure to save your changes, then check your site. You will see a list of tweets with the hashtag you selected.
Now let’s see how you can easily customize your feed.
Customize your Twitter feed in WordPress
The Smash Balloon Twitter feed lets you view Twitter feeds in different layouts with different customization options.
Just go to the Twitter Feeds »Customize Click the tab and you’ll see your first options for viewing your feed. At the top are quick links that will help you navigate to the section you want to customize.
Let’s start by clicking on the Layouts section. From here you can choose from a number of options including list, carousel, and masonry styles.
You can also show and hide various elements like headers, twitter links, reply and retweet actions, and more. When you’re done, don’t forget to click the Save Changes button to save your settings.
You can now visit your Twitter feed page to see what changes have been applied to the feed.
If you’re using the classic editor, you’ll need to copy and paste the shortcode [custom-twitter-feeds] where you want your feed to be on your page or post.
You can also use the shortcode or the twitter feed widget to add your tweets in your sidebar or footer. Just go to Appearance »Widgets and drag the twitter feed widget to your sidebar or wherever you want.
Creating multiple Twitter feeds in WordPress
What if you want to display multiple Twitter feeds on one page or post? You can easily do this using the shortcodes available.
Just go to Twitter Feeds »Twitter Feeds and then select the “View Feed” tab.
On this page, you can see a number of shortcode examples that you can use.
For example, you could just use this shortcode: [custom-twitter-feeds screenname=optinmonster num=6] to display 6 recent tweets from OptinMonster.
Change the “Screenname” to whatever Twitter name you want to use. Then select the number you want in the ‘num = 6’ option to display the number of tweets.
Next, add it to your post using the shortcode block by clicking the (+) and then selecting the shortcode widget.
From there, paste the shortcode into the block settings and save your post or page.
You can now save or publish your post and visit your website to see it in action.
We hope this article has helped you learn how to embed breaking tweets in WordPress blog posts. You might also want to check out our guide on creating an email newsletter to drive your traffic and our expert pick of the best Twitter plugins for WordPress to get more followers.
If you enjoyed this article, please subscribe to our YouTube channel for WordPress video tutorials. You can also find us on Twitter and Facebook.