Pop Up Image

Get the Full PDF guide to creating an online store with WooCommerce (88 pages) for FREE

A comprehensive database for everything WordPress related.

TOP
WPKlik Logo Newsletter

Sign up and receive a free copy of How to Create an online Store with WooCommerce (full guide)

How-to-Display-Recent-Tweets-in-WordPress-with-Twitter-Widgets

How to Display Recent Tweets in WordPress with Twitter Widgets

Twitter has 330 million monthly active users and according to this social network, almost half of them use the service on a daily basis. Nowadays, Twitter is not only a place where you spread the news – sometimes, Twitter is the news.

Twitter can be a great platform for brand building, engagement, and advertising, so plenty of websites incorporate their (or somebody else’s) relevant tweets into their website and blog posts. Want to do the same?

In this tutorial, we’ll show you a few methods you can use to display your recent tweets on your website.

1. Use the Default WordPress Text Widget to Display Tweets in your Sidebar

Twitter widget is a pretty popular feature on WordPress websites, allowing you to display your most recent tweets in the sidebar of your page. The easiest way to do this is to use a text widget. From your admin panel, go to Appearance > Widgets.

Appearance-Widgets

Find the Text widget in the list of available widgets on the left side of the screen and drag it into the Blog Sidebar widget area.

Text-Widget

Then, go to twitter profile you want to add to your website and copy the URL.

Twitter-URL

Paste the URL into the Text widget and click on the Save button.

Twitter-URL-Widget

While it is not mandatory, it is recommended to add a Title to the designated field. This will define the name of your widget in the sidebar.

Widget-Title

And now, here’s the final look!

Blog-Sidebar-Twitter

The text widget will always display the latest 20 tweets from your Twitter feed.

2. Use The Gutenberg Twitter Block to Display Tweets in Your Blog Posts and Pages

Want to do the same thing, but instead, you want to incorporate your latest tweets directly into your blog post or one of your pages? Go to the backend of that post or page, and click on the “plus” icon to open the list of available Gutenberg blocks. Type “twitter” in the search bar and then click on the Twitter block to add it to your post.

Twitter-Block

Copy the URL of the designated Twitter profile, paste it into the twitter block, and then click the Embed button.

Twitter-Embed

Update the blog post and check how it looks like in live feed – it should display the same way it would in the sidebar.

Twitter-Post

This option is a good choice if you want to promote a Twitter profile in the blog posts. Just make sure the displayed tweets are fresh and relevant to the topic you are talking about.

3. Use the Twitter Publish Feature

Another way to show your latest tweets on the sidebar, page, or post is to use the Twitter Publish feature. It works similarly to the two previously described methods. The only difference is that the Twitter feed is displayed without a scrollbar.”

To get started with the Twitter Publish feature, go to this link and enter the Twitter URL you want to embed. Then, click on the arrow on the right side.

Twitter-Publish

There are two options for adding the embed code to your WordPress site: Embedded Timeline and Twitter Buttons. The latter only displays a Twitter Button, so pick the Embedded Timeline option.

Twitter-Publish-Embed

Twitter will generate the embed code and a preview of the tweets. Click on the Copy Code button.

Twitter-Publish-Code

In your WordPress admin, go to Appearance > Widgets. Find the Custom HTML widget and drag it into the Blog Sidebar widget area. Then, paste the HTML code you got from Twitter Publish into the widget, and click Save.

Twitter-Custom-HTML

The tweets will be displayed in the sidebar, similarly to the tweets added using the text widgets, but, as we mentioned, there won’t be a scroll bar available.

Twitter-Sidebar

If you want to add the embedded code to a blog post, go to the article’s backend and click on the “plus” sign in the upper left corner of the text editor to add a new block to the page. Now find the Custom HTML block.

Custom-HTML-Block

Paste the code from Twitter Publish into the block.

HTML-Code

This will also show tweets without the scroll bar.

Twitter-Post

How to Display a Single Tweet or Thread on Your Website

As we already mentioned, Twitter is often the go-to place for all the latest news and opinions. Media and bloggers often use tweets to enrich their website content and show what people think about specific topics.

For adding a particular tweet or thread to the sidebar, open your admin panel and go to Appearance > Widgets. Drag the Text widget from the list of available widgets on the left side of the screen to the Blog Sidebar widget area. Paste the URL of the tweet into the text widget.

Single-Twitter

If you want to add the tweet to the sidebar using the Twitter Publish feature, go to this link and paste the Twitter URL you want to embed. Click on the arrow on the right side to generate the embed code.

Open the WordPress admin panel. Go to Appearance > Widgets. Drag the Custom HTML widget into the Blog Sidebar widget area. Paste the embed code you got from Twitter Publish into the widget, and click Save.

Single-Twitter

If you want to add a single tweet to your blog post using WordPress widget, go to the backend of that post or page. Click on the “plus” icon to open the list of available Gutenberg blocks and search for the Twitter block. Click on it and paste the link to your tweet.

If you want to add a single tweet to your blog post using Twitter’s embed code, go to this link. Paste the tweet URL and generate the embed code by clicking on the arrow on the right side.

On your website, go to the article’s backend. Click on the “plus” sign in the upper left corner of the text editor. You will see a list of the available blocks. If you cannot see the “custom HTML” block, type it in the search bar to find it. Click on this block and paste the embed code.

Conclusion

If you’re not sure whether tweets belong on your homepage or blog posts, let’s wrap it up with a few questions you should ask yourself.

  • Do these tweets show or tell something new?

Many websites tweet news users can already find on the site. If you want tweets to be something more than a waste of valuable space on your page, make sure the information you tweet is timely, relevant, and new. If you embed tweets in your blog posts, make sure they enhance the story and don’t shift the attention from it.

  • Does it offer value?

You can always experiment with tweets in the sidebar and track how people engage with them. You want these engagements to result in action that aligns with your goals.

  • Do you have a defined social media strategy?

If you want to create amazing tweets worthy of showcasing on your site, you need to be present and speak in a way that resonates well with your target audience. You can achieve this by using some of these WordPress widgets for social media. They will help you with effortless synchronization between your site and various social media channels.

We hope this article was helpful. If you liked it, feel free to check out some of these articles as well!

Newsletter

WordPress perfection at your fingertips.

If you enjoyed this article, feel free to subscribe to our newsletter using the form below. You can also follow us on Facebook and Twitter and subscribe to our YouTube channel for WordPress video tutorials.

Leave a Reply