How to Embed a Twitter Feed Carousel on WordPress (Easy)

By Lianne Laroya on December 22, 2020

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.

Plus, a photo or video carousel can also make your website more engaging to your visitors and encourage sales.

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!

twitter feed carousel gopro

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:

  1. 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.
  2. 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.

Also, if you use the manual method, you’d need advanced technical skills and knowledge in HTML, CSS, JavaScript, or other coding languages to customize your Twitter feed’s design.

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 Twitter 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!

twitter feed carousel using best twitter feed plugin for wordpress

Designed with its users in mind, the plugin is also lightning fast, so it won’t slow down your website. And that means much better SEO for your site.

As the best Twitter feed plugin for WordPress, Custom Twitter Feeds Pro looks great right out of the box.

So you can have beautiful Twitter feeds including images and videos to engage your website visitors.

Plus, it automatically copies your website’s existing theme and style, so your social media integration is done seamlessly and effortlessly.

What if you want to have more control over your Twitter feed’s design?

By simply checking or unchecking options, you can style your Twitter feed and make it consistent with your site’s visual branding.

Because of all these amazing features, Custom Twitter Feeds Pro is trusted by over 100,000 users worldwide — with a solid rating of 4.9/5 stars on average.

custom twitter feeds pro rating and reviews

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 to 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 the 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.

twitter feed carousel connect twitter account

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.

twitter feed carousel feed types

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 your Twitter profile 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.

twitter feed carousel how many tweets

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.

twitter feed carousel customize

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.

twitter feed carousel layout

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 for your Twitter feed. That way, your feed will be displayed horizontally, like this Twitter carousel example:

twitter feed carousel example

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.

twitter feed carousel style

On this page, you can change the color, background color, and font of all the 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 social 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.

add new page

Using the classic WordPress editor? Just paste this shortcode directly into your editor: [custom-twitter-feeds]

twitter feed carousel shortcode

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.

twitter feed carousel block editor

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.

twitter carousel feed 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:

twitter feed carousel sidebar area

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 showing positive social proof about your brand.

Get started with Custom Twitter Feeds Pro today.

Or if you want unlimited access to Smash Balloon plugins so you can use them on unlimited websites, go ahead and get the All Access 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.

brands using smash balloon

If you want a head start when it comes to marketing on Twitter, check out our post on the best types of tweets to grow your business.

Want to use social proof to help market your business? Then take a look at these amazing examples of social media testimonials that you can copy.

Finally, 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.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Leave a Reply

Your email address will not be published. Required fields are marked *