How To Display Your Twitter Feed On Your WordPress Website

SkyStra
Apr 18, 2021

If you haven’t already, you should consider integrating Twitter with your WordPress website, primarily to increase audience engagement. This would allow your blog visitors to find your Tweets and grow your Twitter following while your Twitter audience can discover your content and increase traffic to your site. It’s really a win-win situation for you!

Since Twitter is one of the biggest and most popular social media platforms, you should use it to expand social engagement, increase user retention, and display tweets based on your audience’s interests.

Providing a way to quickly comment, like, share tweets without leaving your website helps promote your content tremendously.

Integrating Twitter feed also helps with SEO (Search Engine Optimization) indirectly, as it keeps your website on point with daily updated content. Additionally, you can use recent tweets as social validation by showcasing people recommending your products or leaving positive reviews to increase your brand trust factor and drive sales.

Manually Adding Recent Tweets

The first method allows you to manually add your recent tweets to your website by embedding your Twitter profile or timeline. WordPress uses the oEmbed feature (same as for YouTube or Vimeo videos) to allow you to embed Twitter content such as a single tweet, list, likes, collections onto your website easily. The oEmbed feature automatically parses and converts any media URL to an embed code which you can paste anywhere on your website.

To do this, copy your Twitter profile URL (for example, https://twitter.com/skystracloud).

Log in to your WordPress Dashboard and head to Appearance > Widgets. Drag & drop the Text widget to your sidebar, give it a title, and paste your Twitter URL into the editor:

WordPress will automatically embed your Twitter feed:

Click Save to save changes and visit your website to see your Twitter feed in action on the sidebar:

WordPress automatically shows the 20 most recent tweets on a vertical scroll along with a Load more Tweets button at the end of the feed.

Using Twitter Publish To Embed Tweets

The second method to add recent tweets to your website is by using the Twitter Publish option. Twitter Publish allows you to quickly generate embed code for different Twitter content such as tweets, lists, moments, collections, profiles, hashtags, etc.

Head to Twitter Publish and fill your Twitter URL in the What would you like to embed? field:

Once completed, click the arrow icon on the right, and decide which display option you want to use: Embedded Timeline or Twitter Buttons:

Select Embedded Timeline as we want to display our timeline with recent tweets.

You will then see the generated code, click Copy Code to copy it to your clipboard.

Head back to your WordPress Dashboard > Appearance > Widgets and drag & drop the Custom HTML widget to your sidebar. Fill in the title and paste the previously copied code into the editor:

Click Save to save changes and visit your website to see how it looks:

If needed, you can also embed your Twitter timeline in your posts and pages. The new WordPress editor (Gutenberg) comes with a Twitter block included. 

Create a new post (or edit an existing post), and search for a Twitter block:

Paste your Twitter profile URL and click Embed:

WordPress will then automatically show your Twitter timeline in the editor area:

Please note that this method also adds your Twitter timeline on a vertical scroll bar.

If you want to show your recent tweets without the scroll bar – you can use the Twitter Publish method again.

Head to Twitter Publish, paste your Twitter profile URL, click the arrow icon on the right. Select the Embedded Timeline option, and click Copy Code to copy the embed code to your clipboard.

Head back to your Gutenberg editor and search for a Custom HTML block:

Add the block and paste the previously copied code into the field:

Publish your post, and you’ll see your Twitter feed without the scroll bar:

Display Selective Tweets Manually

If needed, you can show selective tweets instead of displaying all recent posts automatically on your website. Here are five ways you can embed separate tweets to your site:

  • List: Show tweets by a curated group of Twitter users.
  • Likes: Display all tweets a particular Twitter user has liked.
  • Collection: Show a predefined set of tweets according to conversations, interests, topics, etc.
  • Hashtag: Show tweets by anyone using a particular hashtag.
  • Moment: Display tweets from a public moment of a Twitter user.

Lists, likes, hashtags, and moments can be created right from the Twitter website, while for collections, you have to use TweetDeck.

To embed these, log in to your Twitter account, click Lists in the left sidebar and select the list you’d like. The list will open, and all you need to do is copy the URL and paste it into the Twitter block in your WordPress Dashboard > Appearance > Widgets section.

You can use the same method to find URLs for moments, likes, and hashtags on your Twitter profile page and embed them to your WordPress website.

Collections

If you want to add collections to your website, you’ll need to use the TweetDeck website. Log in to the TweetDeck website with your Twitter login credentials, and click + sign (Add column) in the left sidebar:

Next, select Collection:

Click Create Collection, fill in name and description, and click Save.

You will then see a new column added to your TweetDeck profile:

Drag & drop tweets from your timeline or any user into your collection until you’re happy with the result.

Next, click the options icon, click Share, then Embed Collection:

The Twitter Publish website will automatically open with the generated code you can copy to your clipboard using the Copy Code button:

Please copy the code to your clipboard, and then use the Custom HTML widget to add it to your website, as explained previously.

That’s it!

Final Words

As you can see, it can be pretty beneficial and entertaining to use your Twitter content on your website, and we’d strongly recommend playing with various options and formats to give your website visitors the very best of your daily content.