How to Embed a Twitter/X Hashtag Feed on Your Website (Easy Guide)

Want to learn the best way to embed a Twitter hashtag feed on your WordPress site?

Almost 40% of Twitter users have admitted to buying something after seeing a tweet. And if you show similar Twitter content on your site, you can easily boost your engagement and sales.

But if you’re not comfortable with coding, it’s pretty tricky to embed a hashtag Twitter feed.

The good news? This guide will show you how to embed a Twitter hashtag feed on your website in 5 simple steps — no coding needed.

Ways to Embed a Twitter Hashtag Feed on Your Site

If you want to show social media feeds with Twitter content on your site, there are 2 methods:

• Manual: Use the official Twitter feed embed code generator and then modify it to show a Twitter timeline with hashtag tweets. If you’re not tech-savvy, you can hire an expensive developer to help you.
• Automatic: Get a trusted WordPress social media plugin and use it to connect to Twitter’s API. Then, connect your Twitter account and embed your Twitter hashtag feed in a few clicks.

As mentioned, the manual method is difficult to do since Twitter offers very limited options when it comes to embedding tweets.

This means you have to tweak a lot of code snippets to customize the content of your embedded Twitter timeline.

What’s more, you can accidentally break your website when you tweak Twitter embed code snippets and insert them into your WordPress site

Easiest Way to Add a Twitter Hashtag Feed

For the simplest way of embedding Twitter content, you can just use a WordPress plugin. The plugin will automatically fetch tweets and embed them on your site, saving you a ton of time and effort.

There are a lot of tools out there, but the one I’ll use for this tutorial is Twitter Feed Pro.

Using this tool means you can create and embed Twitter hashtag feeds in just minutes without any coding. Plus, there’s a few other handy features:

• On top of hashtag posts, you can embed your Twitter posts to get more engagement and turn site visitors into followers.
• All the Twitter feeds you create will look great right out of the box because it automatically copies your website’s theme.
• The plugin is pretty lightweight, so you can display a lot of Twitter content on your site and everything will load as fast as ever.
• You get a visual customizer that lets you design beautiful Twitter feeds with ease — even if you’re not tech-savvy.

You can tell this plugin does the job well since it has a solid 4.9/5 stars rating and over 150,000 users do the job.

Expert tip: Looking to showcase your Twitter content on Elementor instead? Here’s a quick guide on how you can add a Twitter feed to your Elementor website.

How to Embed a Twitter Hashtag Feed on Your Website (Complete Guide)

For the easiest way to embed Twitter hashtag feeds with the help of this plugin, all you have to do is follow these steps.

Step 1: Install Twitter Feed Pro

Start by grabbing a copy of the Twitter Feed Pro plugin here and install it on your WordPress website.

If you need help with this, you can use this tutorial on how to install a WordPress plugin on your website as a guide.

Step 2: Create a New Twitter Feed

First, let’s use the 3-step guided flow to create a new Twitter feed.

Go to the Twitter Feed » All Feeds menu from your WordPress dashboard and click on Add New.

Now, it’s time to choose the type of Twitter feed that you want to display on your website:

• User Timeline: Display social media content from a Twitter timeline
• Hashtag: Show tweets that have your chosen hashtags
• Search: Use a search term to select the tweets that you want to embed

Since this tutorial is about embedding a Twitter hashtag feed on your website, select the hashtag option and click on Next.

Step 3: Connect Your Twitter Account

By connecting your Twitter account, the plugin can fetch tweets and display them on your website.

It’s super easy to do this. First, click on the Connect button here.

The plugin will then redirect you to Twitter so you can give it read-only access to your account.

Long story short, read-only access means the plugin can’t actually make any changes to your account so it’s totally safe.

To continue, click on the Authorize app button.

Next, the plugin will send you back to your website so you can finish setting up your Twitter hashtag feed.

To do that, you can go ahead and add the hashtags you want in the Hashtag field.

You can add multiple hashtags as well by separating them with a comma.

Feel free to change this hashtag to your own branded hashtag so you can show your own custom feed.

Finally, click on the Next button.

Step 4: Customize Your Twitter Hashtag Feed

Like I said before, your Twitter feed will already look pretty nice right out of the box since it copies your site’s theme.

To help you create unique Twitter feeds with ease, the plugin allows you to pick from different feed templates:

• Default
• Masonry
• Simple Carousel
• Simple Cards
• Showcase Carousel
• Latest Tweets
• Widget

To continue, select a Twitter feed template and then click on Next.

Want to have even more control over your Twitter feed’s style?

Once you pick your feed template, the plugin will open your Twitter hashtag feed widget in the live feed editor.

Here, you can change the customization options like feed layout, color scheme, header style, button design, and much more.

On the right side of the screen, you can see a real-time preview of your Twitter feed so you can track your changes.

There are a lot of options here, so I’ll just guide you through some of my favorite options.

First, click on the Feed Layout option on the left.

On this page, you can take your time and play around with different layout options for your feed.

There are 3 options that you can pick from: List, Masonry, and Carousel.

With the List layout, you can display your Twitter content in a full-width layout in a single row.

As a result, each tweet is highly visible on your website.

Next, you have the Masonry layout, which shows your tweets in different columns.

Since you can show tons of tweets at once, it’s a great option for a Twitter gallery.

Finally, there’s the Carousel layout template that you can use to embed a slideshow carousel of tweets on your WordPress site.

After selecting the Twitter feed layout that you prefer, click on the Save button.

You can then click on the small Customize button to continue editing your Twitter feed design.

From here, click on Color Scheme to set the colors for your Twitter hashtag feed.

To help you easily change the colors of your Twitter feed, there are 4 color schemes that you can choose from.

• Inherit from Theme: Copy your website’s branding colors
• Light: Light background with a dark font
• Dark: Darker background and a light font
• Custom: Manually select your colors

Select a color scheme that you prefer, and then click on Save once again.

That’s not all — you can also customize your font, Twitter header, text length, “load more” buttons, and much more on this page.

On top of that, you can add filters to curate the Twitter embeds that show up on your feed.

Finally, click on the Save button to confirm your changes.

The awesome part?

You don’t need to touch CSS, HTML, Javascript, or any other coding language. Simply click the customization options in the plugin’s visual feed customizer to personalize your feed’s design and content.

Step 5: Embed Your Twitter Hashtag Feed on WordPress

With the help of Twitter Feed Pro, you can easily embed Twitter feeds on a website’s page or widget-ready areas like your footer or sidebar.

Let’s take a look at how you can do that.

Add Twitter Hashtag Feed to WordPress Page

You can display your Twitter feed on your WordPress page directly from your live feed editor.

First, click on the Embed button in the top-right corner of the editor.

After that, you can see a new popup where you can set the location of your Twitter feed.

For now, you can click on the Add to a Page button to continue.

Next, select which page you want to use for your Twitter hashtag feed and then click on Add.

Doing that will open that web page in the WordPress editor.

On the editor, click on the Plus (+) icon to add a new WordPress block.

Look for the Twitter Feed widget and click on it to automatically add your Twitter hashtag feed to your page.

Just like that, this easy Twitter feed widget will show your hashtag feed on your page.

When you’re happy with how your Twitter feed looks, go ahead and click on Publish to make your Twitter feed live on your website.

Now you can open your website, and you can see your Twitter feed displayed on your site showing posts with your chosen hashtag.

Add Twitter Hashtag Feed to WordPress Sidebar

Next, I’ll show you how to add a Twitter feed widget to your sidebar or footer.

To get started, go to your WordPress admin panel and then navigate to the Twitter Feed » All Feeds menu.

Now, click on the Twitter hashtag feed that you created earlier.

Once you do that, the plugin will open your hashtag Twitter feed in the live feed editor once again.

There, click on the Embed button at the top to proceed.

Now, you can see a popup that asks you to choose the location of your Twitter feed.

To embed your Twitter hashtag widget on your sidebar or footer, select the Add to a Widget option.

After you do that, the plugin will open the widgets page. Here, you can choose where you want to embed a Twitter feed widget to show hashtags on your site.

From here, you can click on the Sidebar panel to add the Twitter feed there.

Want to show your Twitter widget on your footer instead?

Then you can select the Footer panel instead.

From here, click on the plus icon (+) to add a widget and then click on Twitter Feed.

Finally, click on Update to save your changes.

Now, you can see your Twitter feed displayed on your sidebar when you visit your website, like this:

Just follow these steps, and you can have an engaging Twitter feed with relevant hashtags on your site. It’s pretty simple if you’re using the right tool and there’s no need to deal with coding.

You can use it to show positive reviews and boost sales, highlight customer testimonials, promote new products, showcase announcements, and a bunch of other handy stuff.

To try it for yourself, you can get started with Twitter Feed Pro here.

Interested in showing more Twitter content on your WordPress? Here are the top Twitter widget examples you can embed on your site.

More Social Media Tutorials & Guides

• How to Embed Multiple TikTok Videos at Once (Zero Coding Method)
• How to Auto Share Old WordPress Posts to Social Media (Easy Way)
• TikTok is Your Secret Weapon: Best TikTok Ideas for Small Businesses
• Best WordPress Social Media Plugins that Pro Marketers Swear By