How to Create a Horizontal X (Twitter) Feed in WordPress (Step-by-Step)

Want to add a neat horizontal X (Twitter) feed right on your WordPress website?

Putting your latest tweets, mentions, or even hashtag streams in a sleek horizontal layout on your site is a great way to showcase timely updates without taking up a lot of vertical space.

As a social media marketer, I know that getting your Twitter feed to look just the way you want it on your website using the normal Twitter embedding options can be hard, especially when you want a specific layout like a horizontal slider or carousel.

At Smash Balloon, we make the best social media feed plugins for WordPress. Our plugins make it super easy to show content from sites like Twitter in various layouts, including horizontal.

In this article, I’ll show you exactly how to use our easy method to add a horizontal Twitter feed to your WordPress website.

Best of all? This guide walks you through everything step-by-step. It’s made for everyone, so you can quickly get your beautiful horizontal Twitter feed on your site — no coding needed.

In This Article

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 your tweets in a horizontal layout template on WordPress, you need to deal with lots of code like HTML, PHP, JavaScript, or custom CSS.
• Difficult to customize: You’re stuck with the default Twitter layout and design. So if you want to change your Twitter feed’s layout to a horizontal scrolling feed, you might have to spend money hiring a developer.

• Risky: Ever tried to tweak your WordPress website’s embed 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 Twitter feed horizontally on your site, then what’s the best way?

You can make everything easier and faster by using the best Twitter feed plugin for WordPress: Smash Balloon Twitter Feed Pro.

This beginner-friendly plugin helps you easily add your Twitter horizontal feed to your WordPress site.

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. And a faster website means better SEO, so your site ranks higher in the search engine results.

Plus, with a solid 4.9/5 star rating, this custom Twitter feeds plugin is happily recommended by over 100,000 active users.

Twitter Feed Pro extends your website’s functionality to display Twitter content on your site. Here are some of the plugin’s best features:

• 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!
• Looks great out of the box: This WordPress Twitter feed plugin automatically inherits your theme’s design. So it’s consistent with your brand’s visual identity and existing WordPress theme.
• Easily customizable: Using our live feed customizer, you can easily enable the horizontal scrolling layout, change the colors, set the button layout, and much more.

• Add your Twitter feeds without dealing with code: You can easily embed a scrolling Twitter feed widget on your sidebar or footer areas with the plugin’s ready-made widget.
• Optimized for good SEO: Since the plugin was created with SEO in mind, you’ll have an easier time ranking high in search engine results and reaching more potential customers.
• Gives you full control of your content: Only show tweets that you want on your custom Twitter feed with the help of the plugin’s moderation feature.

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

Another cool part about using this plugin to integrate Twitter into your website?

Smash Balloon’s Twitter Feed Pro is also happily trusted by the largest brands around the world to display social proof. So, you know you’re in great company!

As you can see, you’ll have an easy time embedding content from social media platforms with the help of this Twitter feed plugin.

Want to boost engagement for your brand’s Twitter account? Get your copy of Twitter Feed Pro today!

How to Embed a Horizontal X (Twitter) Feed in WordPress

Using this method below, you can set up your rotating tweets on WordPress in a few minutes.

Let’s get started.

Step 1: Install the Twitter Feed Pro Plugin

First off, get your own copy of the Smash Balloon Twitter Feed Pro plugin here. Download the plugin to your computer and then install it on your WordPress website.

Need a refresher on installing WordPress plugins?

You can 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: Create a New Twitter Feed

Using the guided flow, you can easily create a new Twitter feed on your website.

First, navigate to the Twitter Feed » All Feeds menu from your WordPress dashboard.

On this page, click on the Add New button.

To continue creating your horizontal Twitter feed, you need to choose your feed type.

Using Twitter Feed Pro, there are different feed types that you can pick from:

• User Timeline: Display recent tweets and retweets from your Twitter timeline.
• Hashtag: Show tweets based on specific hashtags you’ve selected.
• Search: Enter search terms and embed the matching Twitter posts.

We chose to show a hashtag Twitter feed as an example.

Once you select your Twitter feed type, click on the Next button.

Step 3: Connect Your Twitter Account

By connecting your Twitter account, you can show content from Twitter on your website.

To begin, click on the Connect button on the popup.

Once you click on it, the plugin will redirect you to Twitter. There, you can give the plugin read-only access to your Twitter account.

Since it’s read-only access, Twitter Feed Pro won’t be able to make any changes to your account at all.

Click on the Authorize app button to connect your Twitter account.

Just like that, you’ve connected your feed to Twitter — no need to deal with access tokens or API!

After that, the plugin will open your website once again so you can finish setting up your Twitter feed.

Now, you can choose what to show on your website by entering specific user accounts, hashtags, search terms, and more.

For our tutorial, we’ll add the Twitter hashtag “#KEEB_PD” on the popup.

Once you add a source, click on the Next button.

Step 4: Enable the Horizontal Layout

After you connect your source, the plugin will ask you to pick a template that you prefer.

With these templates, you can quickly create a unique design for your Twitter feed. This means you can easily add a Twitter carousel to WordPress using a template.

To display your Twitter feed horizontally, select the Simple Carousel template and click on Next.

This will enable a horizontal layout for your Twitter feed, which looks something like this:

Step 5: Style Your Horizontal Twitter Feed

Done choosing the carousel layout for your WordPress Twitter feed? Great!

The plugin will now open your horizontal Twitter feed in the live feed editor so you can customize its design.

On the left, you can find all the customization options. Using these, you can set your color scheme, feed layout, feed size, number of posts, and much more.

There’s a live preview of your feed as well on the right. That way, you get a real-time preview of your Twitter feed.

To get started, click on the Feed Layout option on the left.

If you scroll down on the left, you can find the options to set up your horizontal Twitter feed.

Under the Carousel Settings option, you can enable or disable the navigation arrows, pagination dots, as well as autoplay.

Below that, you can choose the number of tweets, rows, size of the carousel, interval time, type of loop, and much more.

Choose the options that you prefer and then click on Save.

To return to the main options once again, click on the Customize button in the top left corner.

Now, let’s change the colors of your new Twitter feed.

You can do that by going to the Color Scheme option on the left.

From here, you can choose from 4 different color schemes for your horizontal Twitter feed.

• Inherit from Theme: Copy your website’s colors
• Light: Bright background with dark font
• Dark: Dark background along with a lighter font
• Custom: Manually pick all the colors yourself

Simply select a color scheme from the options and then click on Save to continue.

Next, you can return to the main options once again by clicking on the Customize button at the top.

As you can see, you can use the live feed editor to customize the rest of your Twitter feed with ease.

All you have to do is click a few buttons, and you can change your feed header, load more buttons, Twitter card design, and much more. No need to deal with confusing code snippets or hire a developer to help you.

Once you’re satisfied with the look of your horizontal scrolling Twitter feed, click the Save button.

Step 6: Embed Your Horizontal Twitter Feed on WordPress

Finally, you can start embedding this horizontal Twitter feed on your website.

With Twitter Feed Pro, you can display your feed on your website’s page, sidebar, or footer areas.

Embed Your Horizontal Twitter Feed on a WordPress Page

To embed a custom Twitter feed, you can easily use the plugin’s visual feed customizer.

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

You can now choose to embed your Twitter feed on a page or a widget area. Plus you can also copy the shortcode from this popup.

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

Next, select the page where you want to embed the horizontal Twitter feed, and then click on the Add button.

You can now see the page open in the WordPress editor. Here, click on the plus (+) icon so you can add a new content block.

After you do that, type “twitter feed” in the search box and click on the Twitter Feed widget to embed your feed.

Feel free to edit the page’s content and make sure everything looks great before you click the Publish or Update button.

Once you do that, your website visitors can see your horizontal Twitter feed whenever they visit your website.

Embed Your Horizontal Twitter Feed on Your Sidebar or Footer

If you’d like to add the feed on your site sidebar or footer as a Twitter feed widget, you can use the live feed editor as well.

Start by navigating to the Twitter Feed » All Feeds menu from your WordPress dashboard.

Next, click on the horizontal Twitter feed that you want to embed.

Now, this Twitter feed WordPress plugin will open your feed in the live editor once again.

Like before, click on the Embed button at the top to continue.

On the popup, you can choose to embed your Twitter feed as a widget. Next, click on the Add to a Widget button.

Once you do that, the plugin will open your Widgets page, where you can manage all the widgets on your WordPress website.

To start embedding your Twitter feed, click on the Sidebar panel here

You can also click on a Footer panel if you prefer to embed your feed there.

We’ll go with the footer for our example.

Now, click on the plus icon (+) to add a new widget to your sidebar or footer.

Finally, look for the Twitter Feed widget and then click on it.

To confirm your changes, you can go ahead and click the Update button.

Now, when your website visitors check out your website, they’ll see your embedded Twitter timeline like this:

And that’s it!

Now, you know how to add a horizontal scrolling Twitter feed to your site easily. With the help of Twitter Feed Pro, you can embed Twitter content in a lot of different ways in just minutes.

Just like that, it’s much easier to boost your Twitter engagement and increase brand awareness — so you can grow your business in the long run.

Ready to embed Twitter feeds? Get started with Twitter Feed Pro today.

Want more ways to display social media feeds? Follow this guide on how to embed Instagram feeds in WordPress.

Popular Tutorials & Guides on Twitter Marketing

• How to Get Smash Balloon Custom Twitter Feeds for FREE
• Top Ways to Increase Your Twitter Engagement Now
• How to Embed Responsive Twitter Widgets on Your Website
• Proven Ways to Make Money on Twitter With Ease (Expert’s Pick)
• How to Schedule Twitter/X Posts from Your Website (Step-by-Step)