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

by Lianne Laroya on December 15, 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.

Showcasing your tweets on WordPress helps boost user interaction by showing fresh and engaging content to your site visitors. It’s also a great way to encourage sales — especially if your Twitter feeds 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.

That’s why in this post, we’ll show you the easiest way to embed a Twitter feed carousel to your website — no technical knowledge needed. Following the steps in this tutorial, you can add your Twitter feed 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 feed into a carousel layout. Or, you can hire an expensive developer to do this for you instead.
  2. Automatic: Use a WordPress plugin to connect your Twitter account 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 since 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 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.

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!

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

twitter feed carousel plugin reviews

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 who are 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 do this, 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.
  • Hashtag: Displays a Twitter feed based on specific 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.
  • 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 option 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 displayed horizontally, like this:

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

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. Start by navigating 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 cross-promoting your Twitter content on your site.

Get started with Custom Twitter Feeds today.

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.

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 *