How to Embed a Twitter Feed on Your WordPress (5 Easy Steps)
Home Blog How to Embed a Twitter Feed on Your WordPress (5 Easy Steps)

How to Embed a Twitter Feed on Your WordPress (5 Easy Steps)

Want to learn how to embed Twitter feeds on your website?

By showing relevant tweets on your site, you can easily boost your engagement, get more conversions, and increase your sales.

But embedding Twitter feeds can be tricky if you’re not sure where to start.

That’s why we’re bringing you this simple guide on how to embed a Twitter feed on your website in just a few easy steps.

Before we dive in, let’s look at how posting content from a social media platform like Twitter can help your website.

Or, you can click here to skip to the tutorial and start embedding your Twitter feeds right away.

Why Embed Twitter Feeds on Your Website?

Here’s an interesting fact: Most tweets will have less than 18 minutes to get views and interactions before they’re lost for good!

Sounds horrible, right?

So much of your Twitter content won’t be seen again after such a short time.

The good news is, there’s an easy solution for that. You can just display tweets on your webpage using Twitter feeds and extend their lifetime.

masonry feed layout for twitter So, people visiting your website can check out your best Twitter content. Plus, they can even engage with your tweets and follow you on Twitter.

In fact, here are a few more ways Twitter feeds can help your website:

  • You can show tweets with relevant images and videos on your site to make it even more engaging.
  • When you embed user-generated content (UGC) like reviews and testimonials from Twitter, you can convince website visitors to buy from you by showing real people enjoying your products.
  • Adding custom Twitter feeds to your site also shows people that you’re active on Twitter if they want more content from you so you get more followers.
  • Your Twitter feeds can also add lots of relevant keywords to your site. This can boost your SEO so more people can find your site using search engines like Google.

Now that you know the benefits of Twitter feeds, let’s look at how you can easily embed Twitter feeds on your WordPress website.

Easiest Way to Embed Twitter Feeds on Your Website

If you want the easiest way to embed tweets, you can just add a Twitter plugin to your website.

And the best option for that is Custom Twitter Feeds Pro from Smash Balloon, the best Twitter feed plugin in the market.

embed twitter feed using custom twitter feeds pro

With the plugin’s help, you can easily create, customize, and embed beautiful Twitter feeds to engage your audience.

You can do all that in just a few easy steps — no need to touch HTML, Javascript, custom CSS, or any other code.

Since the plugin is lightweight, your Twitter feeds will load super fast as well. And with a faster website, you’ll also get much better SEO.

And that’s just the start. Here are a few more amazing features that you can get with Custom Twitter Feeds Pro:

  • The plugin supports Twitter buttons so visitors can interact with your tweets and follow you right from your website.
  • People can check out Twitter images, gifs, and videos directly from your website with the help of a beautiful popup lightbox.
  • You can pick from different Twitter feed types and embed Twitter search results, hashtag feeds, mentions feeds, and much more.
  • Custom Twitter Feeds Pro comes with a team of experts who’re there to make everything easy for you.

As you can see, Custom Twitter Feeds Pro has a lot of great features to help you easily create feeds for your website.

With a rating of 4.9 out of 5 stars and over 100,000 active users, there are a ton of people who agree that it’s the best Twitter feed plugin in the market.

twitter user reviews

On top of that, some of the biggest brands out there are using Smash Balloon for their website. As you can see, you’ll be in good company here.

brands trusted by smash balloon

Just grab your copy of Custom Twitter Feeds Pro today and you can create, customize, and embed Twitter feeds with ease.

Now, let’s go ahead and check out how you can embed Twitter feeds on your site using this plugin.

How to Embed Twitter Feeds on Your Website (Easiest Way)

All you have to do is follow the simple steps below and you can embed Twitter feeds on your WordPress site using Custom Twitter Feeds Pro.

Step 1: Download the Custom Twitter Feeds Pro Plugin

The first step is to get your copy of Custom Twitter Feeds Pro here.

Then, install and activate the plugin on your WordPress website.

If you’re not sure how, you can learn how to install a WordPress plugin step-by-step here.

Step 2: Connect Your Twitter Account

The next step is to connect your Twitter account to WordPress. To do that, visit your WordPress dashboard and head to the Twitter Feeds menu.

On this page, click the button that says Log in to Twitter and get my Access Token and Secret.

connect twitter account

Next, the plugin will redirect you to Twitter where it asks for read only access to your account.

Using that access, Custom Twitter Feeds Pro will only view your Twitter content and can’t make any changes at all. So, the plugin is completely safe.

To continue, just click on the Authorize app button.

authorize app smash balloon

You’ve now officially connected your Twitter account!

The plugin will then bring you back to your website so you can continue setting up your Twitter feed in step 3.

Step 3: Select Your Feed Type

After you’ve connected your Twitter account, you can choose the type of Twitter feed you’d like to show on your website.

First, go to Twitter Feeds menu from your WordPress dashboard and scroll down to the Feed Settings section.

select twitter feed type

You get 6 different feed types that you can choose from here.

First, you have the user timeline feed. You can use this to show a collection of tweets from any Twitter user’s Twitter profile, including the retweets and replies if you want.

user timeline twitter feed

The next option is the hashtag feed type, which will embed tweets that have a specific hashtag.

It’s a great way to show tweets that are talking about your brand or products and give social proof to your visitors.

twitter hashtag feed for your website

You can also go for the search feed type to embed Twitter search results on your website.

search feed for twiitter

Custom Twitter Feeds Pro can show the latest tweets from your homepage if you pick the home timeline option.

twitter feed home timeline

You can also show tweets that mention your Twitter account with the mentions timeline feed type.

mentions twitter feed

Finally, you have the lists feed type. Using this option, you can show posts from all the accounts from one of your Twitter lists.

twitter list timeline

Just pick the feed type that you prefer from all these options.

Then click on the Save Changes button and move on to customizing your Twitter feed.

Step 4: Customize Your Twitter Feed

Custom Twitter Feeds Pro lets you easily customize your feed layout, height, width, colors, background, and much more.

To check out those customization options, first, go to the Twitter Feeds » Customize menu from your WordPress dashboard.

customize twitter feeds menu

After that, you can scroll down to the Layout section and check out the 3 different layout templates that you get for your Twitter feeds.

feed layouts twitter

First, you have the list layout that can show tweets in a single column. This way, each of the Twitter posts will get a lot more space.

twitter list layout example

The next option is the carousel layout which can show a slideshow of tweets to your site look more interactive.

horizontal twitter feed example

You can also pick the masonry layout if you want to show Twitter content in a number of columns. Plus, this layout template can also keep the original proportions of the tweets.

masonry layout twitter feed

Just select the Twitter feed type that you prefer here and then click on Save Changes.

After that, you can scroll down to the Show/Hide section. Here, you can customize the content included in your embedded tweets.

Check or uncheck any of the checkboxes to show or hide content such as author names, dates, Twitter cards, header, and more.

embed twitter feed show or hide information

Just select the options you want and then click on Save Changes.

And just like that, you can go ahead and set the rest of the customization options for your Twitter feed. This plugin allows you to change your background color, fonts, header style, link colors, and much more.

Click the Save Changes button when you’re happy with the look of your feed. Then, you can move on to step 5 and see how to embed Twitter feeds on your website.

Step 5: Embed Your Twitter Feed on Your Website

The Custom Twitter Feeds Pro plugin offers 2 ways to embed Twitter feeds in WordPress:

  1. Embed your Twitter feed on a WordPress post or page
  2. Embed your Twitter feed on the WordPress sidebar or footer as a Twitter widget

Here’s the first method, where you can add your Twitter feed to a post or page in WordPress.

Embed Twitter Feeds on a WordPress Post or Page

First, navigate to Pages » Add New from your dashboard to open a new page in the WordPress editor.

add new page

To open a WordPress post, you can go to Posts » Add New instead.

In this tutorial, we’ll use a WordPress page.

add new post

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

Under Widgets, you can find the Twitter Feed block. Just click on it to add your Twitter feed widget to the page or post.

add twitter feed block

Finally, click on Publish and you’ve finished embedding your Twitter feed. Then you can just open your website and check out how it looks.

embed twitter feed wordpress example

Let’s go ahead and take a look at the next way to embed Twitter feeds.

Embed Twitter Feeds on the WordPress Sidebar or Footer

If you prefer to embed a Twitter widget to WordPress, navigate to Appearance » Widgets from your WordPress dashboard.

open widgets page wordpress

On this page, you can manage all the widgets on your WordPress website. To continue, click on the Sidebar panel here.

select sidebar for widget

You can click on the Footer panel instead if you want to embed your Twitter feed there.

select footer for twitter widget

After that, click on the plus icon to add a widget and then pick the Custom Twitter Feeds widget from the options.

add twitter feed widget

Click on Update to confirm the changes and you’ve embedded your Twitter feed. Now you can open your website to see how your new Twitter feed will look to your visitors.

embed twitter feed wordpress widget

As you can see, it’s super easy to embed Twitter feeds on your WordPress sidebar or footer areas with the Custom Twitter Feeds Pro plugin.

That said, here’s a step-by-step guide on how you can embed Twitter feeds manually without a plugin:

How to Embed Twitter Feeds Without a Plugin

If you want to embed a Twitter feed in HTML manually, without a plugin, then you’ll have to deal with a lot of problems.

In fact, here are the downsides of adding a Twitter feed to WordPress manually:

  • Not as easy: Manually embedding your feeds takes a lot more time and confusing steps. On top of that, you’ll also have to deal with code snippets which can get complicated.
  • No customization: You don’t get any customization options for your feeds either. And unlike Custom Twitter Feeds Pro, your feeds won’t copy your branding if you embed them manually.
  • No filters: Without using a plugin, you can’t filter the content in your Twitter feeds. On the other hand, Custom Twitter Feeds Pro lets you curate your feeds by filtering out Twitter hashtags and search terms.
  • Open to errors: It’s easy to make a mistake with the HTML code and cause errors in your Twitter feed. Plus, you don’t get a support team to help you when that happens.

If you’re looking for an easy way to embed your Twitter feed in WordPress, the Custom Twitter Feeds Pro plugin has everything you need to get up and running in minutes!

Get started with the Custom Twitter Feeds plugin here

That said, here’s what you can do to embed Twitter feeds manually without a plugin:

Step 1: Visit Twitter Publish

embed twitter feed wordpress manually

First, you’ll have to open Twitter Publish on your browser.

On this site, you can generate an HTML embed code to add Twitter content to your website.

Step 2: Choose Your Embed Type

Next, scroll down and you can see 3 options for your embed type:

  • Embedded Twitter: Add a single Twitter post to your website
  • Embedded Timeline: Show a Twitter timeline on your website
  • Twitter Buttons: Embed buttons to share, like, follow, and more

embed timeline option twitter publishembed timeline option twitter publish

To add a Twitter feed to your site, click on the embedded timeline option.

Step 3: Paste Your Twitter URL

After that, you’ll see a popup that asks you to enter the URL of your Twitter timeline.

embed twitter feed manually

On the popup, paste the URL of the Twitter timeline you want to embed and click the Preview button.

Step 4: Copy the HTML Code

The website will now give you an HTML code for your new Twitter feed. Under that, you can find a preview of your Twitter timeline.

Just click on the Copy Code button here.

copy twitter embed code

After that, you can go to step 5 and use this code to insert a Twitter feed on your site.

Step 5: Add the HTML Code to WordPress

The last step is to paste the copied HTML embed code from Twitter into your WordPress page or post.

Go to Pages » Add New from your WordPress dashboard to embed the Twitter feed on a page.

add new page

To embed the Twitter feed on a WordPress post, head to Posts » Add New instead.

add new post

Then click the Plus (+) icon to add a new content block and then select Custom HTML.

add html block

Finally, paste the copied embed code for Twitter from earlier into the content block.

embed twitter feed wordpress HTML

Now you can click on Publish to finish embedding your Twitter timeline widget.

If you open your site now, your Twitter feed will be displayed right there.

embed twitter feed wordpress HTML

And there you have it!

We hope this article helped you learn how to embed a Twitter feed on your WordPress website. It’s a great way to display your Twitter content or show relevant tweets to engage your visitors.

You can now easily increase your Twitter followers, boost your conversions, and grow your businesses in no time.

Get started with Custom Twitter Feeds Pro today.

Pro-tip: Here’s a better deal for you. Want unlimited access to Smash Balloon plugins to post unlimited social media feeds on unlimited websites?

Go ahead and get the All Access bundle here. It’s the best social media content aggregator for WordPress.

The best part about Smash Balloon’s pricing method? We have a 100% no-risk money-back guarantee, so you can try out the plugins first and see if it’s a good fit for you.

Interested in more ways to integrate Twitter into your website? You may want to check out this next post on the best Twitter plugins to promote your business on WordPress.

Enjoyed this article? Feel free to follow us on Twitter and Facebook for more social media marketing tutorials.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.