custom twitter feed on website

How to Add a Custom Twitter Feed to Your Website

Looking for easy ways to add custom Twitter content to your website? Displaying customized Twitter feeds on your site is an excellent way to engage your audience with content tailored to their interests.

Many of the solutions online are confusing for beginners. So in this article, we’ll show you the easy way to add a custom Twitter feed to your website.

Here are the steps involved to help you navigate this article:

  1. Download and install Custom Twitter Feeds
  2. Connect your Twiter account
  3. Choose a custom feed type for Twitter
  4. Customize and style your feed
  5. Add your Twitter feed to WordPress

Before we start, why should you add custom Twitter content to your site? Let’s find out!

Why Add Custom Twitter Feeds to Your Website?

As you may already know, a standard Twitter feed is a list of your latest Tweets and ReTweets. And while it’s a great start for helping people get to know more about your business, there’s not a lot of variety.

Visitors to your site will lose interest quickly if what they’re seeing isn’t relevant or engaging.

So customizing your Twitter feed with content they’ll enjoy, keeps them around for longer. And the longer they’re on your website, the more likely they are to read your blog, sign up to your email list, check out your products, and more.

Custom Twitter feeds come in many shapes and sizes. For instance, you can…

  • Create a custom Twitter feed based on hashtags related to your brand
  • Customize your Twitter feed to include mentions to show visitors what people are saying about you
  • Display a custom Twitter feed with results from an advanced Twitter search to serve tailored content to educate your visitors

But what’s the best way to add custom Twitter feeds to your website? We’ll tackle that next.

Should You Add Custom Twitter Feeds Manually or With a Plugin?

There are 2 main ways to display customized Twitter content on your WordPress website.

  1. Manually embedding the Twitter embed code
  2. Using a WordPress plugin to do it all for you

With the official Twitter embed code, you need to visit their web page, choose your embed type, and enter the URL, or hashtags for the content you want to display. Then you’ll need to paste the generated code into your website.

Twitter publish

That’s a lot of steps to keep track of! For people with little to no experience implementing your Twitter feed in that way, it gets overwhelming.

More importantly, there are no easy ways to customize your feed. You’re stuck with Twitter’s default styling and layout. So if you wanted your feed to match your website’s branding, you’d probably need to hire a developer.

Manually adding a custom twitter feed

The filtering options with manual Twitter feeds are also limited. For example, you can’t manually filter Twitter feeds based on more than 1 hashtag, multiple search terms, or more than one user.

On the other hand, a great Twitter Feed WordPress plugin can take all those complicated tasks and do it for you with a few clicks.

So how about we learn how to add a custom Twitter feed to WordPress using a WordPress plugin?

How to Add a Custom Twitter Feed to WordPress

There are several Twitter Feed plugins for WordPress. But the highest-rated and most versatile option is Custom Twitter Feeds from Smash Balloon.

This non-techy plugin makes creating custom Twitter feeds in WordPress so easy even complete beginners can use it.

With no technical knowledge required, you can build deeply customizable Twitter feeds that engage and delight your audience. Plus, the styling options let you display your feeds however you want.

Custom Twitter feed pluign reviews

So get started with Custom Twitter Feeds, then move on to learning how to set everything up.

Step 1: Connect to Your Twitter Account

Once you’ve downloaded the Custom Twitter Feeds plugin, you’ll need to install and activate it on your website. To help with that, follow these simple instructions for installing a WordPress plugin.

After, navigate to Twitter Feeds » Settings from your WordPress dashboard. This is where you’ll connect your Twitter account and configure your feed.

To login and get your access token from Twitter, click the blue button as highlighted below. Then follow the instructions on-screen to connect your account.

Connect your Twitter account

Step 2: Choose Your Custom Twitter Feed Type

The next step is to choose the type of feed you want to display on your website. The Custom Twitter Feeds plugin has 6 different feed types which include:

  1. User Timeline
  2. Hashtag
  3. Search
  4. Home timeline
  5. Mentions timeline
  6. Lists

These are how you’ll add customized feeds to your site, so let’s look at each option in more detail.

User Timeline

User timeline Twitter feed

With this feed type, you can enter any Twiter screen name to create a timeline of that user’s feed. This is an excellent way to give your readers more insight into what other business employees do.

The User Timeline option also lets you include replies and retweets in your feed to add additional context to your tweets.

Hashtag

Custom twitter hashtag feed

The Hashtag feed type lets you display a feed of tweets from specific hashtags. It’s an excellent choice for businesses that use branded hashtags as it allows you to gather your branded Twitter content in one place.

For example, you can show a feed of branded hashtags to display reviews of your products or services.

Search

Custom twitter search feed

With the Search feed type, you can create a Twitter feed containing various terms and search filters. For instance, you can combine #hashtags, @mentions, words, and “phrases” to build a wholly tailored feed of content.

Want to display a feed of Tweets from people who love cats to visitors of your pet store? Just enter “I love cats” #fact into the search term box, to show tweets containing both the hashtag and phrase.

Home Timeline

home timeline twitter feed

The Home Timeline feed displays tweets from yourself and the people you follow, including replies and retweets. It’s ideal for giving visitors an overview of the type of content your company talks about online.

Mentions Timeline

Mentions timeline twitte feed

Similarly, the Mentions Timeline only includes a feed of tweets that mention your Twitter handle. Adding this type of timeline to your About page is a great way to enlighten visitors on how other people view your brand.

Lists

Twitter List ID helper

The List feed type lets you display Tweets from the timelines of specific lists. Just enter the list’s ID or use the Add List ID Helper tool to add them to your website. This is a fantastic way to show your visitors content from a curated list of experts on a specific topic.

Once you’ve picked your custom Twitter feed type, click the Save Changes button and move on to styling and customizing your feed.

Step 3: Customize & Style Your Custom Twitter Feed

Custom Twitter Feeds comes with tons of options to style feed to match your site’s theme and branding.

To configure your feed layout, navigate to Twitter Feeds » Customize. Here you can set your feed’s width, height, and custom CSS.

After you can choose from 3 different layout settings including:

  1. List: a Twitter feed displayed as a full-width list of tweets
  2. Carousel: posts in a carousel are displayed in a scrolling slideshow
  3. Masonry: a Twitter feed with posts shown in columns with no space in between

Twitter feed types

Once you’ve selected your layout type, the next section lets you choose which information you’d like to hide or include in your feed. That includes information like Twitter cards, avatars, usernames, and more.

Continuing down the page are further options to configure if you’d like more control over how the content appears. And clicking the Style tab reveals settings for styling your feed’s posts.

You can learn more details about those settings in our guide to embedding a Twitter feed in WordPress.

Step 4: Add Your Custom Twitter Feed to Your Website Post or Page

Now that you know how to create custom feeds let’s look at how to add a custom Twitter feed to your website.

To add your custom Twitter feed to a WordPress post or page, navigate to Posts or Pages, and click Add New.

Then in the WordPress editor, click the Plus (+) icon to add a new content block.

Twitter feed content block

In the search box type “feeds” to locate the Twitter Feed block and click to add it to the WordPress editor.

After that, your custom Twitter feed will automatically appear in the content area.

Custom twitter feeds wordpress block

Now, when you click the Preview button, you’ll see how your feed will look to your website’s visitors.

Published custom Twitter list feed

Step 5: Add Your Custom Twitter Feed to Your Website Sidebar Widget

Smash Ballon’s Twitter Feed plugin also lets you display multiple feeds in several places on your website. This is an excellent way to show different types of relevant Twitter content in other areas of your site.

Let’s go back to our pet store example to demonstrate what we mean. If you’ve recently written an article about caring for cats, you can use that blog post to show even more relevant content on that subject to your readers.

To do that, you could add a custom Twitter feed, filtered to include content on cat care to your blog’s sidebar. Then when people read your blog post, they’ll see the Twitter content alongside it.

Here’s how to add a custom Twitter feed to your website sidebar widget.

First, navigate to Appearance » Widgets from your WordPress dashboard. Then find the Custom Twitter Feed widget and drag it to your sidebar.

custom twitter feed widget

Remember to click Save to preserve your settings.

Now when you visit a page on your website with a sidebar, you’ll see your custom Twitter feed displayed for your visitors.

custom twitter feed on website sidebar

And that’s it!

We hope this article has helped you learn how to add a custom Twitter feed to your website. Now all that’s left is for you to create one yourself so you can engage your audience, grow your Twitter followers, and improve your business.

Get started with Custom Twitter Feeds today.

And if you enjoyed this article, feel free to follow us on Twitter and Facebook for more social media marketing tutorials.