How to Add a Twitter Widget in WordPress

How to Add a Twitter Widget in WordPress

by Stacey Corrin on July 16, 2020

Looking for an easy way to show Twitter content on your website? Adding a Twitter widget is one of the most effective ways to serve your visitors fresh, engaging Twitter content. With so many methods for adding widgets to WordPress, it’s hard to know where to start.

In this article, we’re going to show you how to add a Twitter widget in WordPress using 3 different methods:

  1. Adding Twitter widgets to WordPress posts and pages with a plugin
  2. Adding a Twitter widget to your WordPress sidebar
  3. Embedding Twitter widgets in WordPress with Twitter Publish

Before we dive in, let’s clarify what we mean when we say “Twitter widget.”

What is a WordPress Twitter Widget?

Twitter widgets in WordPress can mean 2 different things.

First, “widget” is a collective term WordPress users have for blocks of content you can add to your site’s sidebar, footers, and other areas.

Have you ever visited a blog and seen a sign-up form or social buttons in the sidebar? Both of those are widgets. Each widget adds a feature or function to your site, without the need to write any code.

So a Twitter widget in this sense is a block of Twitter content you can add to your sidebar areas.

WordPress widget example

The second definition of a Twitter widget is a tool designed to show Twitter content on your website specifically. Often this tool comes in the form of an embed code you can add to your site’s posts or pages. Yet they also come as WordPress plugins you can add to your site, which removes the need to mess around with code.

example of a twitter widget

In short, here are the 2 different definitions of a Twitter widget:

  1. Blocks of any type of content added to WordPress sidebars to enhance site functionality
  2. Twitter-specific content added to your site with an embed code or a WordPress plugin

Should You Use a Twitter Plugin for WordPress?

Now that you know what a Twitter widget is, it begs the question, “Should I use a Twitter plugin to add a Twitter widget in WordPress?”.

If you’re not comfortable working with embed codes and would like an easy way to customize your widget, using a Twitter plugin is a smart decision.

The best Twitter plugins come with tons of features to help you tweak your Twitter widget’s design. For instance, you can click a few settings to match the widget to your site’s theme and branding.

They also help you display specific Twitter content like hashtag feeds, custom searches, and user timelines.

Customizations like these can’t be done easily with a standard Twitter embed unless you get help from a developer. So using a Twitter plugin for WordPress will make getting your widget looking how you want easier.

Methods to Add a Twitter Widget in WordPress

Now it’s time to look at the different methods for adding a Twitter widget in WordPress. Below we explore two methods that use a WordPress Twitter plugin and one that uses the official Twitter Publish website to add a widget using an embed code.

1. Add Twitter Widgets to WordPress Posts and Pages With Plugin

To add a Twitter widget in WordPress posts and pages, you’ll need to download the Custom Twitter Feeds plugin from Smash Balloon.

As the highest-rated Twitter feed plugin for WordPress, it lets you seamlessly integrate your Twitter content into your website. As a result, you’ll have beautifully clean, customizable, and responsive feeds that increase engagement on your site and adds valuable social proof.

Click here to get started with Custom Twitter Feeds.

Then after downloading the plugin to your computer, follow these instructions to install a WordPress plugin on your website.

Now click the Twitter Feeds link from your WordPress dashboard area to view the configuration page. This is where you can link your Twitter account to your website.

To do that, click the big blue button and follow the on-screen prompts to authorize the app.

Log in to your Twitter account

Once your account is connected, scroll to the Feed Settings section to choose the type of content you want to show in your Twitter widget.

Twitter feed types

The options available for displaying your content include:

  • A timeline of specific Twitter user’s content
  • Feeds of content filtered to specific public hashtags
  • The results from an advanced Twitter search displayed in a Twitter widget
  • A timeline of tweets from yourself and people you follow
  • Feeds containing tweets that mention your handle
  • A timeline of tweets from people on specific Twitter lists

Click your preferred feed type, and beneath that, select how many tweets you want to show in your widget.

Choose how many tweets to display in your widget

When you’re happy with those settings, click the Save Changes button.

At this point, you can add your Twitter widget to WordPress without configuring any other settings. Your widget will display a standard full-width list of tweets and adapt to the WordPress theme you’re currently using.

Here’s an example of how that would look without adjusting your Twitter widget further:

Example of a twitter widget without any customization

However, clicking the Customize tab reveals several options for changing the appearance of your widget.

Twitter feed layout types

In this section, you can customize your widget to show:

  • A list, carousel, or masonry layout
  • Specific tweet information like dates, logos, media, and more
  • A header for your feed complete with bio information
  • Buttons to load more tweets automatically

You can also set the widget to include or exclude specific terms and phrases to keep your content user-friendly.

twitter feed moderation settings

Clicking the Style tab gives you the ability to customize your widget’s colors, fonts, links, and buttons. This is a great way to make your widget stand out from the rest of your content.

Styling options for your twitter widget

When you’re happy with how your Twitter widget looks, you’re ready to add it to a post or page in WordPress.

To do that, create a new page by navigating to Pages » Add New from the WordPress dashboard.

Now click the Plus (+) icon to add a new WordPress block. Under the Widgets section, you’ll see the Twitter Feeds block.

Twitter feeds WordPress block

Clicking it adds your Twitter widget directly into your content editor. It’ll include a preview of your feed so you can check that everything looks great before publishing.

Then after you publish your page, you’ll see your Twitter feed widget live on your website.

Twitter feed widget embedded in WordPress

2. Adding a Twitter Widget to Your WordPress Sidebar

You can also use the Custom Twitter Feeds plugin from Smash Balloon to add a Twitter widget in WordPress sidebars.

All you need is to set up your widget, as suggested in the instructions above. Then navigate to Appearance » Widgets from your WordPress dashboard.

From there, find the Custom Twitter Feeds WordPress widget and drag it to your chosen sidebar.

Add your twitter feed as a sidebar widget in WordPress

Then click Save to preserve your settings.

Now when you navigate to your website, you’ll see your Twitter widget displayed in your sidebar.

A custom Twitter feed added to a WordPress widget ready area

3. Embed Twitter Widgets in WordPress with Twitter Publish

Our final method uses the Twitter Publish tool to add a Twitter widget in WordPress. This option lets you embed a single tweet, timeline, or Twitter buttons on your website.

The drawback of using this method is that you have less control over how the widget looks on your site. Plus, you’re not able to filter the content to show specific tweets like hashtags, advanced searches, and more.

To add a Twitter feed using this method, head to the Twitter Publish website and choose the type of content you want to embed.

We’ll use the Embedded Timeline option.

Twitter Publish embedded timeline option

Next, enter the URL of the timeline you want to display and click Preview.

Enter your Twitter timeline URL

The next step is to copy the code shown at the top of the preview. Then you can go ahead and create a new post or page in WordPress.

Copy the twitter timeline embed code

To embed the code, add the Custom HTML block to your page, which you can find by clicking the Plus (+) icon, and scrolling to the Formatting section.

add the custom html WordPress block

Then paste your embed code directly into the block.

Add the embed code to the custom html WordPress block

Now when you preview your new page, your Twitter widget will look similar to the example below:

A twitter widget embedded in WordPress using the Twitter Publish method

It’s possible to embed your feed in a widget in your sidebar using this method. Simply navigate to Appearance » Widgets and drag the Custom HTML widget to your chosen sidebar area.

Then paste your embed code inside the widget, and click Save.

add twitter to worpress using the custom html widget

When you navigate to the front of your website, your feed will look similar to the example below:

Twitter WordPress widget embedded in a sidebar area

And there you have it.

You now know how to add a Twitter widget in WordPress. The critical thing to remember is that with the 3rd method, you’ll have less control over the design, layout, and content of your Twitter feed.

To unlock the full power of deeply customizable Twitter widgets…

…click here to get started with Custom Twitter Feeds by Smash Balloon.

And if you enjoyed this article, feel free to follow us on Twitter and Facebook for more social media marketing 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 *