Do you want to display your recent Tweets in WordPress? Integrating Twitter to your WordPress website helps increase engagement on both platforms.
Your blog visitors discover your tweets which helps you get new followers on Twitter. On the other hand, your Twitter followers discover more of your content, which increases traffic to your website.
In this article, we’ll show you how to easily display recent tweets in WordPress. We will also cover how to show selective tweets in WordPress.
Adding Your Recent Tweets in WordPress – Step by Step
You can display your recent tweets in WordPress by simply embedding your Twitter profile or timeline.
Just like adding a YouTube video, WordPress also makes it easy to embed Twitter content like a single tweet, collection, list, likes, and moment into your website.
WordPress uses the oEmbed feature, which automatically turns any content URL into an embed code when pasted in the content area.
The most common place to display your recent tweets is usually your blog’s sidebar. Let’s start with that.
Adding Your Recent Tweets to Your WordPress Sidebar
First, you need to find and copy the URL of the Twitter profile that you want to embed. The Twitter profile URL is simply the combination of Twitter website URL and your Twitter username.
For example, the Twitter profile URL of WPBeginner is https://twitter.com/wpbeginner.
Next, log into your WordPress dashboard and go to Appearance » Widgets page. Simply drag and drop the text widget to your sidebar and then paste the Twitter profile URL that you copied earlier in the text area.
Once done, it will immediately turn into a Twitter timeline widget showing recent Tweets from that particular account.
After that, you can name your widget, save it, and preview it live on your site. Here’s how our recent tweets appear on our demo website.
As you can see in the screenshot above, this method adds your recent tweets inside a box with a vertical slider. The box includes 20 most recent tweets and the ‘Load more Tweets’ button at the end.
Embedding Twitter Feed in WordPress with Twitter Publish
Replacing the Twitter widget feature, Twitter now has Twitter Publish feature for embedding Twitter content into websites.
Twitter Publish lets you easily create the embed code for various types of Twitter content, including a tweet, collection, profile, list, moment, hashtag, etc.
To use this method, you need to visit the Twitter Publish website and then paste your Twitter profile URL in the ‘What would you like to embed?’ box.
Once done, click on the arrow icon.
After that, it will ask you to choose a display option: Embedded Timeline or Twitter Buttons. Choose the ‘Embedded Timeline’ as you want to show your Twitter timeline with recent tweets.
Upon selecting the display option, it will instantly create the embed code for your recent tweets. Now click on the Copy Code button.
Next, you need to go to Appearance » Widgets from your dashboard and add the ‘Custom HTML’ widget to your sidebar area. After that, paste the embed code that you copied earlier in the HTML field.
Once done, save your widget and see your recent tweets live on your website.
Here’s how our Twitter feed looked on a test site.
Embedding Your Recent Tweets in WordPress Blog Posts
Sometimes you may need to embed your Twitter timeline in your blog posts or your about page.
WordPress comes with a Twitter embed block for the new WordPress block editor.
Simply create a new post or edit an existing one. On the post edit screen, add the Twitter embed block in your content area.
Now you need to paste your Twitter profile URL and click the ‘Embed’ button.
After that, WordPress will automatically fetch and display your recent tweets in the content area.
This method adds a Twitter feed with a scrollbar in your post.
Alternatively, you can also use the Twitter Publish method, which will allow you to show recent tweets without the scrollbar.
Go to the Twitter Publish website and paste your Twitter profile URL in the ‘What would you like to embed?’ box and click the arrow next to it.
After that, choose the ‘Embedded Timeline’ option and then copy the embed code.
Next, you need to add the ‘Custom HTML block in your post editor to paste the embed code.
Now you can paste the embed code you copied earlier.
Once done, save your post and preview it live.
Showing Selective Tweets in WordPress
Embedding your Twitter profile will show all your recent posts on your website. What if you wanted to show the selected tweets only?
Don’t worry, there are simple solutions for that too. There are mainly 5 ways to embed selected tweets into your website.
- Collection: Show a curated collection of tweets according to topics, interests, conversations, and more.
- List: Display tweets by a curated group of Twitter users.
- Likes: Show all tweets a specific Twitter user has marked as likes.
- Moment: Show tweets from a public moment by a Twitter user.
- Hashtag: Display tweets by anyone containing a specific hashtag.
Among these options, you can create the last four selections right from the Twitter website. Also, you can copy their respective URL and paste in your WordPress sidebar using the text widget.
For example, you can find your Twitter lists in your Twitter profile page. Select any one list you want to embed and click on it.
Upon clicking on the link, the list will open, and you can copy the list URL from your browser. For example, the URL of our Twitter list ‘WordPress Experts’ is https://twitter.com/wpbeginner/lists/wordpress-experts.
Now you can paste this URL in your WordPress sidebar.
Similarly, you can find the URLs of likes, moment, and hashtag from your Twitter profile page, and easily embed into your WordPress site.
However, you need to use Twitter’s advanced TweetDeck feature to create a collection. A Twitter collection is a list of tweets organized under a topic by a user.
Visit TweetDeck website and sign in with your Twitter account. When the TweetDeck dashboard opens, click on the ‘Add Column’ button on the left panel.
Next, you need to choose the ‘Collection’ option.
After that, you can name your new Twitter collection.
Once done, you will see a new column added to your TweetDeck dashboard.
Now, you can drag tweets from your Twitter home or any user account and create your collection.
Once you have added tweets in your collection, you can embed it into your website. Click on the Options icon and then click the Share option. After that, select the ‘Embed Collection’ option.
Upon clicking on Embed collection, the Twitter Publish page will open with the embed code for your Twitter collection.
Copy the embed code, and then paste it into your website using the Custom HTML widget.
Once done, save your widget and see your Twitter collection live on your website.
We hope this article helped you to learn how to show recent tweets in WordPress and how to show selective tweets in WordPress. You may also want to see our list of the best social media plugins for WordPress.
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.
This seems to be an older article…I’m wondering how I can show my timeline..not my tweets but the people I follow. The Twitter Widgets page only shows Search, not my timeline or a list.
Thank you.
Glenn
Is there any plugin to do the same task?
I have successfully created a twitter feed on my wordpress site. Yaaay!!! Now the bad news. It disappears after 3 seconds. Booo!!! Where can I change the parameter that sets this limit? It is hiding from me very well. But I’m not all that smart, either.
This is the best tutorial i found ever..
on mobile all my tweets displays and make my website to look funny .pls how can i solve this problem
Thanks. it worked for me!
I added this but apart from a link to my tweeter it doesn’t do anything. I have wordpress 3.8.1 and activated the default theme, then switched back to the one I am using. Still nothing. If there is any way you guys can help it would be great. Thanks
Trying switching off all plugins and then test, particularly if you are using any Twitter related plugin. If this does not work, then you need to break the widget code into two pieces. Paste the javascript part starting from the <script> in your theme’s header.php, and the link part in a text widget.
For some reason the closing HTML tags are stripped out once I press save. This is appearing on my WP Sidebar:
Tweets de @lynchkt !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+”://platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);
The “Tweets de @lynchkt” is a hyperlink but otherwise it’s not working.
This could happen for many reasons. If you are using WordPress 3.8 then try to update to 3.8.1. Try switching to a default theme temporarily and see if you still get this error.
Hello!
I just see a buncg of words in my blog page after pasting the widget , why?
I saved it and tried several times but can´t fix the problem.
How do I get it on a wp page?
you can paste the same code in WordPress pages as well as posts.
Thanks a lot! All of the twitter widgets I found wanted way too much information! I feel better getting it from the source.
Hi!
Thank you for sharing this. My regular Twitter widgets just weren’t working!
I am looking for a widget that allows you to select tweets from one twitter account rather than show all or recent tweets. Is this customization possible and is that what you describe with the favorites list? thanks you
yes this customization is possible but with these widgets. The favorites widget will show the tweets you have marked as favorites.
very useful!!
solved it in a buzz!
thanks!
Wow! This took me 5 minutes to set up and I’m a total novice! Thanks for this article.
It works just fine !!!
Sweet. Thanks for this!
Thank you for this. I have used widgets for this in the past but have been generally unsatisfied with the results. The seems to be the best solution for including Twitter in the sidebar.
Thanks again.
I have a question:
Is it possible to personalize the twitter widget weight? With the old twitter code was possible.
Thanks
Thanks for this article! Was looking for a new widget as my old one stopped working – and found this simple solution. Great!
I don’t know, but every single solution I’ve tried to use is messing with the admin panel more often than anyone can find ok.
Is there anyway to fight the “waiting for platform.twitter.com” which breaks many functions in the WP-admin-panel?
I guess this happens because of a overload on platform.twitter.com(?) and pages in the wp-admin-panel will continue loading forever…
Might there be a way to set a time limit for the call, and if not found ignore it?
This should have no impact on your WordPress admin panel. You are adding this in the widgets which only loads in the front-end of your website.
I cannot agree more. There is another great thing with widget, they use streams (see streaming APIs) so you can display A LOT of tweets without worrying about rate limits.
And if you want to get a special feature you’ll add data-chrome=”noheader,nofooter,noborders,transparent” in the link. These new parameters allow you to make widgets “design friendly”.
Hi,
I’ve been trying the above but when I click save it changes the value added in the ID box to a shortened number. I have tried to add both my twitter accounts and it does the same?
That’s weird. Check the quotes – they have to be real quotes not like in this comment section.