How to Add X/Twitter Feed to WordPress Site (3 Easy Methods)

add twitter feed

Twitter is one of the most popular social network platforms that everyone uses. If you manage to create a good follower base on this platform, then you will be able to drive a good amount of traffic to your WordPress website. With the help of an embedded Twitter feed, you will be able to show several tweets from one or more users and hashtags in a timeline display. 

If you don’t know how to add a Twitter feed to WordPress site of yours, this post is very much handy for you. After reading the post, you will be able to add twitter feed by yourself on your website.  

Let’s begin.

Why to add X/Twitter Feed?

Adding a Twitter feed to your website offers many benefits:

  1. Real-Time Updates: X feed keeps your audience engaged with the latest tweets, providing fresh content without constant manual updates.
  2. Increased Engagement: your can encourage your visitors to follow your account, retweet your content, and engage with your tweets directly from your website.
  3. Enhanced Credibility: Showcasing an active Twitter feed can boost your brand’s credibility and authority by demonstrating ongoing activity and interaction with your audience.
  4. Social Proof: You can build trust with your potential customers with social proof by displaying real-time interactions, such as retweets and mentions.
  5. Broader Reach: By integrating your Twitter feed, you can reach a wider audience, as website visitors may share your tweets with their own followers.

Adding X/Twitter Feed Without Using a Plugin

You can add a Twitter feed to your WordPress website in different ways. Here, I am showing three ways to do it.

Method 1: Using the Default Twitter Block

Gutenberg comes with a dedicated Twitter block. You can use this block and add a Twitter feed very easily. 

Step 1: Copy Your Twitter (‘X’) Post URL

Open your Twitter and click on the post that you want to add to your WordPress site.

Copy the URL by right-clicking on it. 

Step 2: Add Twitter Feed

Open the page/post where you want to add your Twitter feed. 

Click on the add block button and search for ‘Twitter’. Add the block by clicking on it. 

Paste the link in the URL field and click on the embed button. 

Your Twitter feed will be embedded instantly.

Method 2: Using the Embed Code

If you want a simple solution, then this can be your way. It’s pretty straightforward. To do this without a plugin

Step 1: Get Embed Code From X Publish

First navigate to X Publish, a website that is owned by Twitter, and provides URLs for embedding its content. 

Copy and paste the URL of the feed that you want to embed. Now click the arrow icon and choose Embedded Post.  

Now Twitter will generate embed code for your feed. 

If you want to customize the look and language then click the “set customization options” button.

Afterward, click on the update button. Copy the code that you see, by clicking the “Copy Code” button. Upon successfully copying, you will get a confirmation notification. 

Step 2: Embed the Feed

Now open the page or post and insert a Custom HTML block. 

Paste the code here and update the post.

Now check the updates in your post. 

(Optional: Place Feed in Widget Area)

If you want to place your feed in a widget, navigate to Appearance > Widgets and add a custom HTML block. 

Paste the copied code in here, and click the update button. Now, your Twitter feed will be shown on your widget area. 

Adding Twitter Feed Using a Plugin

Plugins make your life easier, and if you want to add a Twitter feed to your WordPress site, then there are some plugins that provide you with more customization options that you don’t get in a regular way. Among so many plugins Custom Twitter Feeds plugin is considered the best. 

Step 1: Install the Custom Twitter Feed Plugin

First, install Custom Twitter Feeds and activate it. 


From the dashboard, click on Twitter Feeds. It will open the configuration menu. 

Now click on the Connect button and log into your Twitter account. 

When the authorization is complete you will be able to customize your Twitter feed.

Step 2: Adding a New Feed

To add a new feed, navigate to Twitter Feeds -> All Feeds and click on ‘Add New’ button.

Then, customize your feed in the way you like.

When done, click on the save button.

Afterward, click on the Embed button and copy the code.

Step 3: Embedding the Feed

Open the page/post where you want to embed your feed. Add a Shortcode block.

Now, paste the code in the shortcode block and update the post. 

Your post is now updated with the Twitter feed. 

Alternatively, you can add Twitter feed directly. Just open the page post where you want to add your Twitter feed. Search for the Twitter feed block and insert it. 

Choosing the Right Method

For a simple and quick solution, the built-in Twitter block can be a great starting point. However, if you want to have more control over the look and feel of your X feed, exploring plugins like Smash Balloon’s Custom Twitter Feeds provides greater flexibility and advanced features.

Additional Tips:

  • Keep it Fresh: Always try to limit the number of tweets displayed to make sure your feed stays updated and engaging.
  • Highlight Engagement: Encourage your visitors to interact with your tweets by including “Retweet” and “Follow” buttons.
  • Match Your Website’s Style: Customize the colors, fonts, and layout of your Twitter feed to complement your website’s overall design.
  • Responsive Design: Make sure your X feed is responsive and looks great on all devices.
  • Styling: If you need more control over the appearance of your feed, then use custom CSS.
  • Performance: If you notice any slowdown on your site, check the plugin settings for caching options to improve performance.

Some of the Best WordPress Twitter Plugins

There are a lot of plugins available in the WordPress plugins directory to add twitter feed in your website. But with help of these plugins you can get the best result. You may choose any of the plugin.

1 . Custom Twitter Feeds by Smash Ballon: The Custom Twitter Feeds plugin allows you to display entirely customizable X feeds on your WordPress site. It comes with support for multiple feeds, offers a responsive design, and includes options for advanced customization. With easy setup and extensive styling options, it helps you to seamlessly integrates your X content into your site.

2. Social Snap: As the plugin title suggests, Social Snap is a great plugin to get your social media needs fulfilled in a snap. With the ability to help manage over 30 social media websites, including Twitter, Social Snap provides the versatility and flexibility that your website needs. 

3. Ultimate Blocks: Ultimate Blocks provides a wide range of highly customizable Gutenberg blocks to extend the functionality of the WordPress Block Editor. For Twitter, the plugin offers two blocks – Click to Tweet and Social Share Blocks.The ‘Click to Tweet’ block lets you add tweet-able content to your WordPress posts and pages. It lets you add a Twitter username and customize font size and color.

Conclusion

I hope now you will be able to add Twitter feed to WordPress site of yours. To unlock additional features, you have to upgrade the plugin to the premium version. If you face any problem, feel free to discuss it in the comment box below. If you liked the post then please share it with your friends and don’t forget to share your thoughts in the comment box below. 

Changelog

Updated 2024-06-1 (Uzzal Raz Bongshi)

  • Added ‘Why to add X/Twitter Feed’ section.
  • Added ‘Choosing the Right Method’ section.
  • Added ‘Additional Tips’ Section.
  • Added ‘Some of the Best WordPress Twitter Plugins’ section.
  • Updated screenshots.
  • Updated method 3, using the latest plugin and procedure.

Leave a Reply

Your email address will not be published. Required fields are marked *

Get the Best Blocks Plugin at 20% OFF!

X
Need help?