Do you want to easily display a horizontal Twitter feed on your WordPress?
Adding rotating tweets from your Twitter profile improves brand awareness and encourages your visitors to engage with you — without leaving your website.
But it can be confusing to embed a horizontal Twitter widget on your WordPress. Especially for beginners.
So in this tutorial, you’ll learn the easiest way to embed your Twitter feed horizontally.
First, let’s look at the simplest method of integrating Twitter with your WordPress site.
Or you can click here and skip directly to the tutorial.
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 highest-rated Twitter feed plugin for WordPress: 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 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 plugin.
Want to start getting more user engagement for your brand’s Twitter account?
Embed a horizontal Twitter widget feed on your WordPress by following these steps.
How to Embed a Horizontal Twitter Feed in WordPress
Using this method below, you can set up your rotating tweets on WordPress in just a few minutes.
Let’s get started:
Step 1: Install Twitter Feed Pro Plugin
First off, get your own copy of the 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?
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.
After this step, you can go ahead and create your Twitter feed.
Step 2: Create 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 6 feed types that you can pick from:
- User Timeline: Display recent tweets and even retweets from your own Twitter timeline.
- Hashtag: Show tweets based on specific hashtags.
- Home Timeline: Embed tweets from yourself and the accounts you follow.
- Search: Pick tweets from the results of a Twitter search.
- Mentions: Embed tweets that mention your Twitter username.
- Lists: Displays tweets from your specific Twitter lists.
We chose to show a hashtag Twitter feed as an example.
Once you select your Twitter feed type, click on the Next button.
Just like that, you’ve created a new Twitter feed without any coding.
Now, it’s time to connect this feed to Twitter in step 3.
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.
Now, you’ve created a new Twitter feed on your website and connected it to a source.
In the next step, you can enable the horizontal layout for your Twitter feed and configure it’s design as well.
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:
Just like that, you’ve created a Twitter feed and turned on the horizontal layout with ease.
In the next step, you can customize your horizontal Twitter feed even more using the live feed editor.
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
Just 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.
You can then continue to the final step below and embed your Twitter feed.
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 just use the live feed editor.
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.
As you can see, it’s super easy to show a Twitter feed on your WordPress website with the help of this plugin.
Now, let’s take a look at the next way to embed Twitter feeds on your WordPress site.
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. Just 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 just need to click the Update button.
Now, when your website visitors check out your website, they’ll see your embedded timeline from Twitter like this:
And that’s it!
Now, you know how to easily add a horizontal scrolling Twitter feed to your website. With the help of Twitter Feed Pro, you can embed social feeds with Twitter content in just minutes.
You can now display your Twitter feed to engage with your Twitter 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 Twitter Feed Pro today.
Want more ways to display social media feeds? Just follow this guide on how to embed Instagram feeds in WordPress.
And if you enjoyed this article, connect with us on Twitter and Facebook for more helpful tutorials.
