Want to know the easiest way to display a Twitter feed carousel on WordPress?
With over 75% of businesses marketing their brand on Twitter, it makes sense for you to cross-promote your business on your website. So your visitors can see your tweets, even if they’re not a Twitter user.
It’s also a great way to encourage sales — especially if your latest tweets display positive social proof about your brand.
But Twitter doesn’t offer an easy way for you to show your feed in a carousel layout. If you’re not tech-savvy, it can be confusing to customize Twitter’s code so you can use the layout you want.
So in this post, we’ll show you the easiest way to embed a Twitter feed carousel to your website. No coding needed!
Following the steps in this tutorial, you can add your Twitter feed carousel to WordPress in just under 5 minutes!
Let’s jump right in.
Methods to Embed Twitter Feed Carousel
To show your Twitter feed in a slider layout, you have 2 options to choose from:
- Manual: Use Twitter’s platform to generate an embed code. Then, tweak the code to customize your Twitter feed into a carousel layout. Or, you can hire an expensive developer to do this for you.
- Automatic: Use a WordPress plugin that’ll connect to Twitter’s API. Then, connect your Twitter account to the plugin and embed your Twitter timeline in a carousel layout with just a few clicks.
As mentioned, it can be quite tricky to display your tweets in a slideshow layout if you don’t have coding knowledge.
Plus, the 1st method’s pretty complicated. That’s because it involves multiple websites and requires you to paste the code directly into your WordPress.
What’s more, if you accidentally break your website because of how confusing the process is, you don’t have a dedicated support team to help you. Yikes.
But if you use a WordPress plugin to embed your Twitter feed carousel on your website, you won’t have those issues.
Easiest Way to Add a Twitter Carousel
With the help of a top-rated plugin like Custom Twitter Feeds Pro, you can easily create customizable Twitter feeds and display them on your site without requiring any technical work to set it up.
In fact, the plugin is so easy to use that even WordPress newbies can set up and showcase their Twitter feed with just a few clicks. Yes, even if you’re not an IT expert!
Designed with its users in mind, the plugin is also lightning fast so it won’t slow down your website.
This is one of the reasons why Custom Twitter Feeds Pro is trusted by over 75,000 users worldwide — with a solid rating of 4.9/5 stars in average.
As the best Twitter feed plugin for WordPress, Custom Twitter Feeds Pro looks great right out of the box.
It automatically copies your website’s existing theme and style so your social media integration is done seamless and effortlessly.
What if you want to have more control over your Twitter feed’s design?
You can also use the plugin to customize your feed so it’ll look like exactly how you want it.
By simply checking or unchecking options, you can style your Twitter feed carousel and make it consistent with your site’s visual branding.
The best part?
When you get the plugin, you also get access to its fast and friendly support team of WordPress experts. Their support team is dedicated in helping you display your Twitter content on your website.
Ready to start embedding a Twitter feed carousel on WordPress? Let’s dive into the step-by-step tutorial below.
Step 1: Install Custom Twitter Feeds Pro Plugin
To start adding your Twitter feed to your site, get your own copy of Custom Twitter Feeds Pro plugin here.
After you’ve downloaded the plugin to your computer, the next step is installing it to your WordPress site.
Need a refresher on how you can do this? Simply follow these step-by-step instructions to install a WordPress plugin on your website.
Step 2: Connect Your Twitter Account
Now, it’s time to connect your Twitter account to the plugin so you can access its features.
To configure your plugin to connect to your Twitter account, click on Twitter Feeds on your WordPress dashboard.
Then, under the Configuration tab, you can see the blue button to connect your Twitter account. Click it so you can link your account to the plugin.
Once you’ve connected your Twitter account to the plugin, scroll down to the Feed Settings section. Under this section, you can select the type of feed you want to display in your Twitter carousel.
Custom Twitter Feeds Pro plugin lets you choose from 6 feed types:
- User Timeline: Displays a Twitter feed based on a certain user’s timeline, with or without retweets.
- Hashtag: Displays a feed based on specific Twitter hashtags that you choose.
- Search: Displays a Twitter feed based on the results of an advanced Twitter search.
- Home Timeline: Displays a Twitter feed of tweets from yourself and the accounts you follow.
- Mentions Timeline: Displays a Twitter feed based on tweets that mention your Twitter handle. Useful for displaying testimonials in the form of Twitter posts.
- Lists: Displays a Twitter feed based on your specific Twitter lists.
To give you more customization options, the plugin also helps you control how many tweets you want to display in your feed.
After you’re done selecting your Twitter feed type and the number of tweets you want to add to your feed, remember to click on Save Changes to preserve your settings.
Step 3: Choose Your Twitter Feed Carousel Layout
Since our main goal in this tutorial is adding a Twitter feed carousel to your site, it’s important that you know how to select your Twitter feed’s layout.
Start by scrolling to the top of the settings page. Then, click on the Customize tab.
Once you do this, you’ll see the General section where you can change your Twitter feed’s width and height.
Scroll down for a bit and you’ll see the Layout section. To embed your Twitter feed in a carousel layout on your website, select Carousel.
This layout template allows you to customize your Twitter feed’s layout into a slideshow — without the need to mess around with code.
Just use the plugin and click on the carousel layout so your Twitter feed can be beautifully designed and displayed horizontally, like this:
Remember to click on Save Changes, then move on to the next step below.
Step 4: Customize Your Twitter Carousel Feed
As mentioned, the plugin already looks great right out of the box.
Since it automatically copies your website’s existing theme, your Twitter feed looks consistent with your brand’s visual identity.
And if you want to have more control over your feed’s design, you can do this as well. Start by scrolling upwards and clicking on the Style tab.
On this page, you can change the the color, background color and font of text and links in your feed.
You also have the option to show or hide your Twitter feed’s header with your logo. Just check or uncheck the options to customize.
Once you’re happy with how your Twitter feed carousel looks, it’s time to embed it on your website.
Step 5: Embed Your Twitter Feed Carousel on WordPress
Using the plugin, you can easily add your Twitter feed to your website’s page or sidebar area.
Add Twitter Feed Carousel to WordPress Page
First, create a new page on your website by navigating to Pages » Add New from your dashboard.
Using the classic WordPress editor? Just paste this shortcode directly into your editor:
Using the block editor instead? Inside your editor, click on the Plus (+) icon to add a new WordPress block. Search for “twitter” and click on the Twitter Feed widget to add it to your page.
Inside your page editor, you can freely edit your page title and make sure everything looks good before publishing. Once you’re ready to make it live on your website, click on Publish.
Add Twitter Feed Carousel to WordPress Sidebar
Since the plugin has a ready-made widget, you can also use it to display your Twitter feed as a widget on your sidebar area.
To add a Twitter widget on your site, navigate to Appearance » Widgets from your dashboard. Look for the Custom Twitter Feed widget and drag it to your chosen sidebar.
Remember to click on Save. Now, when you visit your website, you can see your Twitter carousel feed displayed on your sidebar area, like this:
So, there you have it!
Congratulations. Now, you’ve learned the easiest way to embed your Twitter carousel on your WordPress website.
You can enjoy more followers, more brand exposure and even more sales by cross-promoting your Twitter content on your site.
Or if you want unlimited access to Smash Balloon plugins so you can use them on unlimited websites, go ahead and get the Social Wall Pro bundle here.
The cool part about Smash Balloon’s pricing method is its 100% no-risk money-back guarantee so you can try out the plugins first and see if it’s a good fit for you.
Also, some of the world’s biggest brands use Smash Balloon plugins like Custom Twitter Feeds Pro, so you know you’re in great company.