How to Create a Horizontal Twitter Feed in WordPress (Easy)

by Lianne Laroya on October 6, 2020

Do you want to easily display a horizontal Twitter feed on your WordPress? Adding rotating tweets improves brand awareness and encourages your visitors to engage with you — without leaving your website.

But it can be confusing to embed a horizontal scrolling Twitter feed on your WordPress. Especially for beginners.

So in this tutorial, you’ll learn the easiest way to display your Twitter feed horizontally. Using this method, you can set up your rotating tweets on WordPress in just a few minutes.

Ready? Let’s dive in.

Easiest Way to Add a Horizontal Twitter Feed

You’re free to manually embed a horizontal Twitter feed on your website. But, you should know that doing so carries lots of limitations, like:

  • Hard to set up: When you manually embed a horizontal Twitter feed on WordPress, you need to deal with lots of code. It gets confusing as well, since you need to switch between different pages.
  • Difficult to customize: You’re stuck with Twitter’s default design and layout. So if you want to change your Twitter feeds layout to a horizontal scrolling feed, you can’t. Unless you hire a developer to help you.
  • Risky: Ever tried to tweak your website’s code? Just one tiny mistake, and you may see the dreaded “error” page which takes up a lot of your time and resources to fix.
  • Limited control over your tweets: Want to moderate your tweets to show only the content you want? Twitter doesn’t allow you to do this, too.
  • No one to prioritize helping you: Messed up your site? Or don’t know what to do? Twitter doesn’t have a dedicated support team to help you. So you’re on your own.

If Twitter makes it difficult to embed your feed horizontally on your site, then, what’s the best way? You can make everything easier and faster by using the highest-rated Twitter feed plugin for WordPress: Custom Twitter Feeds Pro.

horizontal twitter feed wordpress plugin

This beginner-friendly plugin helps you easily add your horizontal Twitter feed on your WordPress. Yes, you don’t even need to tweak lines of code just to set it up. And the best part? It has a built-in carousel layout. So you can easily display your Twitter feed horizontally, too.

Also, since it’s designed with the users in mind, you can be sure that the plugin’s super fast-loading on your website. Plus, with a solid 4.9/5 star rating, the plugin’s happily recommended by its 75,000 active users.

custom twitter feed pro reviews

Custom Twitter Feeds Pro is packed with powerful features. Here are some of them you can enjoy when you use it:

  • Ultra easy to set up: Install the plugin, set it up and display your horizontal Twitter feed with just a few clicks. No technical knowledge needed, so it’s perfect for WordPress newbies.
  • Extremely efficient: Show your rotating tweets in under 5 minutes!
  • Looks great out of the box: The plugin automatically inherits your theme’s design. So it’s consistent with your brand’s visual identity.
  • Easily customizable: Want to customize how your Twitter feed looks like? You can. The plugin helps you display your Twitter feed in a horizontal scrolling layout just by checking or unchecking choices.
  • Gives you full control of your content: Only display the tweets that you want — with the help of the plugin’s moderation feature. This is super helpful, especially when you have a custom Twitter feed you want to show to your site visitors.

And you know what else comes with the plugin? You can contact its friendly and helpful support team. They’re dedicated to always help you whenever you need someone to give you a hand.

Want to start getting more user engagement for your brand’s Twitter account? Embed a horizontal Twitter feed on your WordPress by following the steps below:

Step 1: Install Custom Twitter Feeds Pro Plugin

First off, get your own copy of Custom Twitter Feeds Pro plugin here. Download the plugin to your computer. Then, install and activate it on your WordPress website.

Need a refresher on installing WordPress plugins? We’ve got you. Just follow this helpful tutorial on how you can install a WordPress plugin on your site. It has step-by-step instructions so you can do this easily.

Step 2: Connect Your Twitter Account

Done installing and activating the plugin? Great work. Now, it’s time to connect it to your Twitter account.

To begin, click on the Twitter Feeds menu on your WordPress dashboard. You’ll be directed to the plugin’s settings page. Under the Configuration tab, you can click on the blue button, as you can see below:

connect to twitter account using horizontal twitter feed wordpress plugin

Remember to click on Save Changes and move on to the next step.

Step 3: Choose Your Twitter Feed Type

To continue embedding your horizontal Twitter feed, you need to choose your feed type. How? On the same page, just scroll down to the Feed Settings section. Under this section, you can choose from 6 feed types:

  • User Timeline: Displays tweets from your own Twitter timeline.
  • Hashtag: Displays tweets based on specific hashtags.
  • Search: Displays tweets from the results of an advanced Twitter search.
  • Home Timeline: Displays tweets from yourself and accounts you follow.
  • Mentions Timeline: Displays tweets that mention your Twitter username.
  • Lists: Displays tweets from your specific Twitter lists.

For this tutorial, we chose to show the user timeline of Smash Balloon’s Twitter account, like this:

Choose a Twitter feed type

Once you’ve chosen your own feed type, click on Save Changes. Then, move on to the next step below.

Step 4: Select Your Scrolling Twitter Feed Layout

You can only display your Twitter feed horizontally if you choose the carousel layout. How to do this? Start by scrolling up to the top of the settings page. Next, click on the Customize tab.

The 1st section of the page, General, helps you set the width and height of your Twitter feed. Your feed is responsive, so it automatically looks great on any device and screen size — but you can set these manually, too.

customize twitter feed design

Scroll down a bit to see the important part. See the Layout section? Make sure to choose the carousel layout so you can display your tweets in a horizontal scrolling Twitter feed.

choose carousel layout to display horizontal twitter feed on website

In addition to choosing your feed’s layout, you can set the number of columns and visibility of your navigation arrows, too. For example, here’s how a horizontal Twitter feed with 3 columns and visible arrows looks like:

horizontal twitter feed example

To save your choices and make sure your tweets will be shown horizontally, make sure to click the Save Changes button.

Step 5: Style Your Horizontal Twitter Feed

Done choosing the carousel layout for your Twitter feed? Great! Next, you can control your feed’s design by scrolling upwards and clicking on the Style tab. Sure, the plugin already looks great out of the box. It automatically inherits your website’s theme’s style, so it’s consistent with your brand’s visuals.

But if you want to customize your horizontal Twitter feed’s color and font of text and links, you can do it under this section. You can even choose to show or hide your Twitter bio. No need to deal with code — with just a few clicks, you can easily control how your feed will look like on your website.

style your horizontal twitter feed using best twitter feed plugin for wordpress

Want to see how your customized horizontal Twitter feed would look like? If you changed your link’s color and your header’s background color, here’s an example:

smash balloon horizontal twitter feed example

Once you’re satisfied with the look of your horizontal scrolling Twitter feed, click the Save Changes button. Then, move on to the final step below.

Step 6: Embed Your Horizontal Twitter Feed on Your WordPress

Finally, you can now start embedding your horizontal Twitter feed on your website. You can display your feed on your website’s page or sidebar area.

Embed Your Horizontal Twitter Feed on a WordPress Page

First, you need to create a new page by navigating to Pages » Add New from your WordPress dashboard. Once you’ve done this, you’ll be directed to your new page using the block editor.

add new page

Next, click the Plus (+) icon so you can add a new WordPress block. Then, in the search box, type “twitter” and click on the Twitter Feed widget to add it to your page.

horizontal scrolling twitter feed widget

After clicking the Twitter Feed widget, your horizontal Twitter feed will automatically be added to the block editor, like this:

horizontal twitter feed wordpress example in block editor

Feel free to edit the page’s content and make sure everything looks great before you click the Publish button. Once you’ve hit Publish, your website visitors can now see your horizontal Twitter feed when they check out your site.

Embed Your Horizontal Twitter Feed on Your Sidebar

If you’d like to add your feed to your sidebar as a horizontal scrolling Twitter feed widget, you can do this, too. Start by navigating to Appearance » Widgets from your dashboard.

Look for the Custom Twitter Feed widget and drag it to your chosen sidebar area. For example, in this tutorial, we dragged it to the Primary Sidebar:

horizontal scrolling twitter feed widget

To confirm your changes, click the Save button. Now, when your website visitors check out your website, they’ll see your horizontal Twitter feed embedded on your sidebar area, like this:

horizontal scrolling twitter feed widget example sidebar

And that’s it!

Congratulations. Now, you know how to easily add a horizontal Twitter feed to your WordPress website. You can now display your Twitter feed to engage with your followers and increase brand awareness — so you can grow your business over the long run.

Start taking your social media marketing to the next level. Get started with Custom Twitter Feeds today.

Want to know how you can display other social media feeds to your website — fast, easily and hassle-free? Check out this next article on how to add social media feeds to your WordPress.

And if you enjoyed this article, connect with us on Twitter and Facebook for more helpful tutorials.

Want to Try our Twitter plugin for Free?

Enter the URL of Your WordPress website to install Custom Twitter Feeds Lite.