How to Add a Twitter Slideshow to Your WordPress Site (Easy Guide)
Home Blog How to Add a Twitter Slideshow to Your WordPress Site (Easy Guide)

How to Add a Twitter Slideshow to Your WordPress Site (Easy Guide)

How to Add a Twitter Slideshow to Your WordPress Site (1)

Looking for an easy way to show your Twitter slideshow on your WordPress website?

Displaying your Twitter feeds on your website helps you show relevant social media content to your visitors. Plus, it’s also a refreshing way to boost your brand exposure and customer engagement.

But Twitter doesn’t allow you to customize your feed’s layout. And it’s a bit tricky to customize Twitter code without hiring a developer.

That’s why we’ll show you how to add a Twitter slideshow to your site with ease — even if you’re not tech-savvy.

First, let’s look at the simplest way to embed a Twitter slideshow.

Or you can click here to directly skip to the tutorial.

Ready? Let’s get started.

Easiest Way to Add a Twitter Slideshow

If you want, you can show your Twitter feeds on your site by embedding them manually. But, this method comes with lots of difficulties and risks:

  • Difficult to set up: If you’re not comfortable with coding, it’s not easy to set up since you have to manually embed lots of code and switch between different webpages.
  • Takes a lot of time: Missed a line of code? Or did something wrong? You’d need lots of time to figure out what went wrong.
  • Confusing and prone to error: Since you’re embedding manually, you carry the risk of accidentally breaking your site just because of tiny mistakes.
error twitter publish website
  • No customization choices: Want to show a Twitter slideshow? You can’t. When you manually add your feed to WordPress, you can’t freely customize your feed’s layout and style.
  • No filters: You can’t also filter your feed’s content. So if you want to moderate the tweets you’ll show in your feed, it’s not possible.

If this is the case, what’s the best way to embed a Twitter slideshow in your WordPress? By using the highest-rated Twitter feed plugin for WordPress: Twitter Feed Pro.

twitter feed pro homepage

This non-techie plugin makes creating Twitter slideshows in WordPress so easy — even complete newbies can freely use it.

Don’t just take our word for it: with a solid star rating of 4.9/5 stars, Twitter Feed Pro is happily recommended by over 150,000 users.

If you use Twitter Feed Pro to add Twitter slideshows to your website, you get to enjoy its features, like:

  • Super easy to set up: Once installed, you can set everything up and display your Twitter feed easily. Even if you’re not an IT guru.
  • Tons of feed types: You can hashtag Twitter feeds, user timelines, Twitter lists, search results, and much more.
  • Time-saving and efficient: Show your Twitter slideshow feed in just under 5 minutes with our simple guided flow!
  • User-friendly: No need to tweak codes or risk accidentally breaking your site. It just takes several clicks to customize your Twitter feed and control the tweets you show.
  • Lots of customization choices: Want to show a horizontal Twitter feed in a slideshow layout? With the plugin’s live feed editor, you can do this in a single click — no confusing code needed.
  • Control your content: The plugin allows you to filter tweets so you can only show the feeds you want to. This is especially helpful when you want to show social media testimonials to use social proof for increased conversions.

And did we mention the best part? When you get your own copy of Twitter Feed Pro, you have access to a friendly and fast support team of WordPress experts who can guide you.

So if you find yourself needing help, just send them a message, and they’ll do their best to give you a hand.

Ready to increase your Twitter followers by showing your engaging Twitter feed? Check out the step-by-step tutorial to embed your Twitter feed in a slideshow below:

Step 1: Install and Activate Twitter Feed Pro Plugin

First, get your own copy of the Twitter Feed Pro plugin here. After that, install and activate the plugin on your WordPress website.

Confused about how to do this? Just check out this user-friendly tutorial on how to install a WordPress plugin on your website.

After you install and activate the plugin, you can move on to step 2 below.

Step 2: Create a New Twitter Feed

In this step, you can use Twitter Feed Pro’s guided flow and create a new feed on your website.

From your WordPress dashboard area, go to the Twitter Feed » All Feeds menu to get started.

After that, click on the Add New button at the top.

add new custom twitter feed

After you do that, you can specify which type of Twitter feed you want to create.

With Twitter Feed Pro, you can choose from the following feed types:

  • User Timeline: Shows tweets from your own Twitter timeline
  • Hashtag: Embed tweets that have specific hashtags
  • Home Timeline: Display tweets from yourself and the accounts you follow
  • Search: Shows tweets based on the results of an advanced Twitter search
  • Mentions Timeline: Embed tweets that mention your Twitter handle
  • Lists: Shows tweets from your specific Twitter lists

For our example, we’re using the hashtag feed type here.

After you pick your Twitter feed type, click on Next to continue.

pick hashtag twitter feed

Now that you’ve created a Twitter feed, you can connect this feed to your Twitter account in step 3.

Step 3: Connect Your Twitter Account

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

First, click on the Connect button on the popup to get started.

connect twitter account to wordpress

After you do that, the plugin will ask you to give read-only access to your Twitter account.

It’s completely safe since Twitter Feed Pro won’t be able to use that access to make any changes.

To give read-only access to the plugin, click on the Authorize app button.

authorize twitter read only access.jpg

Doing that will bring you back to your website, where you can choose the source for your Twitter feed.

To do that, you can just enter the user accounts, hashtags, search terms, or any other source type that you want to display on your site.

Just write in the Twitter source on the popup and then click on Next.

As an example, we’re using the hashtag “#KEEB_PD” for our Twitter feed.

select your twitter feed hashtags

With that, you’ve created a new Twitter feed on your WordPress website.

In the next step, you can turn this Twitter feed into a slideshow.

Step 4: Choose Your Twitter Slideshow Feed Template

Done connecting your Twitter account to the plugin? Great!

Now, Twitter Feed Pro will ask you to choose the feed template that you want to use.

If you want to show lots of tweets at once on your slideshow, pick the Simple Carousel template and click on Next.

select carousel option twitter feed

If you want the Twitter slideshow to have just one tweet at a time, click on the Showcase carousel instead.

Then, click on the Next button to proceed.

pick the showcase carousel layout

Just like that, you now have a Twitter slideshow feed on your website.

Plus, your new feed looks great right out of the box since it automatically copies your website’s design.

simple carousel template example twitter

If you want more control over your Twitter feed’s design, you can customize it in the next step.

Step 5: Customize Your Twitter Slideshow Feed

With the Twitter Feed Pro plugin, you get a user-friendly live feed editor to help you design your Twitter feeds easily.

Here, you can find all the customization options on the left panel. Using these, you can change your feed template, layout, colors, size, header style, number of posts, feed size, and much more.

live feed editor twitter feed pro visual preview

On the right, you can find a real-time preview of your Twitter feed so you can easily track your changes.

To get started with the customization, click on the Feed Layout option.

pick the feed layout option create twitter feed

From here, you can change how the tweets appear on your Twitter feed. You can even show the tweets as a list or in a masonry gallery.

To change the options for your Twitter slideshow, simply scroll down on the left and look for the Carousel Settings section.

You can then choose to enable or disable the navigation arrows, pagination dots, and autoplay for your Twitter slideshow.

Plus, you get to change the number of rows, type of loop, height of the slideshow, interval time, and more.

customize horizontal twitter feed options

Once you’re done setting up your Twitter slideshow, click on Save to keep the changes.

Now, click on the Customize button at the top to continue designing your Twitter feed.

return to main menu live feed editor

Next, click on the Color Scheme option so you can set the colors of your Twitter slideshow.

pick the color scheme option twitter feed

With Twitter Feed Pro, you can simply pick a color scheme to instantly change all the colors of your Twitter feed at once.

You have 4 color schemes to choose from:

  • Inherit from Theme: Use the same colors as your website
  • Light: Show a light background along with a darker font color
  • Dark: Display a dark background with a light color for the font
  • Custom: Select the colors of your Twitter feed manually
color scheme options for your twitter feed

After picking the color scheme for your Twitter slideshow, click on Save to confirm your changes.

As you can see, it’s super easy to customize the rest of your Twitter feed using the live feed editor.

All you have to do is click a few buttons, and your feed will look just how you want it to. This means you don’t need to deal with confusing code snippets or hire a developer to help you.

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

You can then continue to the final step below and embed your Twitter feed.

Step 6: Display Your Twitter Slideshow Feed to Your WordPress

You’ve now learned how to create and customize your Twitter slideshow feed. Great! The final step is learning how to display it on your website.

With Twitter Feed Pro, there are 2 ways you can do this:

Not sure which way is better for you? Don’t worry. You can check out both methods below:

Add Your Twitter Slideshow Feed to Your WordPress Page

To make things easy, you can use the live feed editor to embed your Twitter slideshow in a few simple clicks.

First, click on the Embed button at the top to get started.

click on embed live feed editor twitter

Then, a popup will ask where you want to embed the Twitter feed.

Since you’re showing your Twitter slideshow on a WordPress page, click on the Add to a Page button.

add to a page

After that, the popup will show you a list of WordPress pages on your site. Select a page from this list and click on Add to start embedding your feed.

add twitter feed to a new page

Twitter Feed Pro will now open that page in the WordPress editor. You can now add a new WordPress block by clicking on the plus (+) icon.

add new wordpress block

Next, write “twitter feed” in the search box, and from the search results, click on the Twitter Feed block.

embed twitter feed on your wordpress site

Finally, click Publish or Update to save your changes, and your Twitter slideshow will finally be online.

You can now open your website and see how it looks.

example of horizontal twitter feed on your website

As you can see, Twitter Feed Pro makes it easy to embed Twitter content.

Now, let’s take a look at the second way to display Twitter slideshow feeds on your site.

Add Your Twitter Slideshow Feed to Your Site’s Sidebar or Footer

To embed your Twitter slideshow feed on your website’s sidebar or footer areas, you can simply use the live feed editor

First, go to the Twitter Feed » All Feeds menu from your admin dashboard and click on your Twitter slideshow feed.

open hashtag twitter feed

Now, you can see the live feed editor once again.

To start embedding this Twitter feed, click on the Embed button in the top right corner.

click on embed live feed editor twitter

Using the popup, you can now pick the location of your new Twitter slideshow feed.

Since you’re embedding it on your widget areas, click on the Add to a Widget button.

add twitter feed to widget

Twitter Feed Pro will now send you to your website’s Widgets page so you can embed the Twitter feed as a widget.

If you want to show your Twitter slideshow on the sidebar, click on the Sidebar panel.

open sidebar panel

To embed your Twitter slideshow widget on the footer, click on the Footer panel instead.

For this guide, we’ll embed the feed on the WordPress footer.

open footer panel

To create a new widget, click on the plus icon (+) at the bottom.

Now, click on the Twitter Feed widget from the options to embed your Twitter slideshow feed.

add a twitter feed widget to wordpress

Finally, click the Update button to save your new Twitter widget and you’re good to go!

If you open your website, you can now see a Twitter slideshow feed on your sidebar or footer area, just like this:

embed twitter feed on your footer example

And there you have it.

By reading through this step-by-step guide, you’ve now learned how to add a Twitter slideshow feed to your WordPress site.

Now, you can easily increase your Twitter followers, build an engaging community and grow your business over time.

Ready to embed Twitter slideshows? Get started with Twitter Feed Pro today!

For related reading, you may also want to check out this post on the best types of tweets proven to grow your business right now.

And if you enjoyed this article, connect with us on Twitter and Facebook for more helpful tutorials.

author avatar
Lianne Laroya Content Marketing Manager
Lianne serves as the Content Marketing Manager at Smash Balloon, drawing upon more than 12 years of experience in WordPress content, social media marketing, user-generated content (UGC) and search engine optimization (SEO).

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.