How to Add a Twitter Feed to WordPress Without a Plugin

How to Add a Twitter Feed to WordPress Without a Plugin

Are you looking for an easy way to add a Twitter feed to WordPress without a plugin? Adding Twitter to your site is a great way to display valuable social proof and keep your audience engaged. Yet, embedding a Twitter feed manually is challenging if you lack the technical expertise.

In this article, we’ll show you how to add a Twitter Feed to WordPress without a plugin.

Here’s a table of contents on what we’ll cover today:

Let’s dive in!

Is It Best to Add a Twitter Feed With or Without a Plugin?

You’ve probably heard that the fewer WordPress plugins you have, the better it is for your site. While it’s true that poorly coded plugins can slow your site down, professional, lightweight plugins can save tons of time without negatively impacting your website.

The truth is, the number of plugins on your site, has almost no direct impact on its speed and performance. It’s the quality of the plugin that matters most of all.

The best WordPress plugins are tested and optimized for speed. This means adding a Twitter feed to your site using the Custom Twitter Feed plugin from Smash Balloon won’t negatively impact your site.

If you like, you can learn more about how WordPress plugins affect your site’s speed here.

Before we explain how to add a Twitter feed to WordPress without a plugin, let’s explore why this may not be such a good idea.

  • Not as easy: It’s much harder to add a Twitter feed to WordPress without a plugin. With Custom Twitter Feeds, the best Twitter feed plugin for WordPress, you can set up your social feed with a few simple clicks.
  • You may lose your embed code: Manually embedding Twitter feeds requires adding code to your site, putting you at risk of losing it. If you switch WordPress theme, you might forget to add the code to your sidebar again, or your new theme may not support it. With a plugin, you won’t have that problem, as it handles all that for you.
  • You miss powerful customization features: Manual Twitter embeds are limited by how much you can customize them. To tailor your feed to your site’s branding, you’d likely need to hire a developer. With a WordPress plugin, you’ll have a full range of easy customization options at your fingertips, no coding required.

If you’re looking for an easier way to add a Twitter feed to WordPress, you can use Custom Twitter Feeds from Smash Balloon instead.

With the Custom Twitter Feeds plugin, you can easily embed Twitter content in your site, and completely tailor your feed using the following features:

  • Multiple unlimited Twiter feeds: Show as many feeds as you like on the same page or throughout your website without any limitations.
  • Multiple feed types: Display posts from users, hashtags, mentions, lists, and even advanced search terms in stunning Twitter feeds.
  • Multiple feed layouts: Show your feed in a multi-column masonry layout, scrolling carousel, or a single column list.
  • Code-free customization: Control your feeds’ colors, fonts, buttons, padding, and more without writing a single line of code.

There’s a lot more, too – see the full list of Twitter Feed features here.

Add a Twitter Feed to WordPress Without a Plugin

As you can see, using a plugin to set up your Twitter feed is a smart idea. But if you’d rather add a Twiter feed without a plugin, follow the steps below.

Step 1: Visit the Twitter Publish Website

Twitter publish

The first step is to go to the Twitter Publish website. This is a site maintained by Twitter that lets you generate an embed code for your website.

Step 2: Select Your Embed Options

Next, scroll down the page to view the different embed options, which include:

  • Embedded Tweet: A single tweet or Twitter thread
  • Embedded Timeline: A full user timeline
  • Twitter Buttons: Twitter follow buttons

Twitter publish embed type

Now click your preferred embed option. For this example, we’ll use the Embedded Timeline option.

Step 3: Enter Your Twitter URL

After clicking your preferred embed option, a lightbox popup appears asking you to paste a URL.

Twitter timeline URL

In this box, enter the URL of the Twitter feed you’d like to show on your website and click the Preview button.

Step 4: Copy the Twitter Embed Code

On the next screen, you’ll see a preview of your Twitter stream. Above the preview, is a box containing the Twitter embed code you’ll need to add to your website.

Twitter feed html code

Click the blue Copy Code button to save the embed code to your clipboard.

Step 5: Add the Twitter Embed Code to WordPress

The final step is to paste your Twitter embed code on your WordPress website. You can do this by adding the code to a new post or page, or in a sidebar widget.

To add your Twitter feed to a new post or page, navigate to Pages » Add New from your WordPress dashboard.

If you’re using the WordPress block editor, click the Plus (+) icon to add a new WordPress block. Then under the formatting section, click the Custom HTML block to add it to your content editor.

Choose the custom html block

Inside your new block, paste your Twitter embed code.

Paste your twitter embed code

Then after you’ve published your page, your Twitter feed will look similar to the example below.

Example of adding your twitter feed to WordPress without a plugin

If you’re still using the classic WordPress editor, you’ll need to paste the embed code into the Text section of your content editor, as we demonstrate below.

Add your twitter feed to WordPress classic editor without a plugin

You can also embed your Twitter Feed manually in your WordPress sidebar by using a widget.

To do that, navigate to Appearance » Widgets and find the Custom HTML WordPress widget. Then drag the Widget over to your desired sidebar area and paste your Twitter embed code.

use the custom html widget to add your twitter feed to WordPress sidebars without a plugin

Remember to click Save to preserve your settings. Then when you preview your published Widget, it’ll look something like this:

Example of adding your twitter feed to a sidebar area without using a plugin

Add a Twitter Feed to WordPress the Easy Way

If you’d like to take the easier route of using a plugin to add a Twitter feed to WordPress, we’ve got that covered.

Simply follow the step-by-step guide below to create a fully customized WordPress Twitter feed.

Step 1: Download and Activate Custom Twitter Feeds Plugin

To begin, click here to get started with Custom Twitter Feeds from Smash Balloon and download the plugin to your computer.

After that, you’ll need to upload the plugin to your WordPress website. For help with that, see this guide on installing a WordPress plugin.

Step 2: Link Your Twitter Account

The next step is to link the plugin to your Twitter account. From your WordPress dashboard, click the Twitter Feeds link in the left-hand panel. This will take you to the feed Configuration page.

Here you can either manually connect your Twitter account or uses the quick connect option. The quick-connect option is the easiest method, so go ahead and click the blue button labeled, “Log in to Twitter and get my Access Token and Secret.”

Connect your Twitter account

Once your account is connected, you can choose the type of Twitter feed to show on your website. Your User Timeline is shown by default, however, you can choose any of the following feed types:

  • Hashtag: Show a feed of public hashtags from Twitter
  • Search: Display a feed based on an advanced Twitter search
  • Home Timeline: A feed of Tweets from your account and the people you follow
  • Mentions Timeline: Show a feed of tweets where other users have tagged you
  • Lists: Display tweets from users on specific Twitter lists

Choose a Twitter feed type

Click the feed type you’d like to show on your website, then choose the number of Tweets to display in your feed below that.

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

Step 3: Choose Your Customizations

If you were to go ahead and publish your Twitter feed now, it would look fantastic right out of the box. This is because the Custom Twitter Feed plugin adapts to your current website’s design.

If you’d like to tailor your feed to stand out on your site, there are plenty of options for you to choose from.

To customize your Twitter feed, click the Customize tab at the top of your screen.

Immediately you can see options to change your feeds’ width and height, disable the lightbox popup for media, and add custom CSS classes.

Below that, you can give your feed a different layout to help it stand out from the rest of your content. The default layout is a list of tweets in a single column.

Twitter feed layout types

You can also choose a sliding carousel layout or a masonry layout with multiple columns. Depending on which you choose, you’ll see other options for the number of columns, and so on.

The section below gives you the ability to show or hide information from your feed. For example, you can hide the text from retweets, hide avatar images, hide your Twitter header, and so on.

customize your twitter widget

Simply tick or untick the checkbox next to each option and click Save Changes.

Further down the same page, you can add terms and phrases to exclude certain posts from your Twitter feed, and access advanced CSS customizations, Javascript, caching options, and more.

Now that you’ve customized your feed let’s move on to changing your feeds’ style settings.

Step 4: Style Your Twitter Feed

To style your Twitter feed in WordPress, click the Style tab at the top of your screen. On this page, you can control the following style options:

  • General feed and tweet background color
  • Header color and text
  • Timezone and date format
  • Author information
  • Link text and color
  • Retweet box author text size and weight
  • Tweet actions color and text
  • Load more button color and text

Styling options for your twitter widget

With these settings, you can either make your Twitter feed minimalistic and straightforward or so that it pops from the screen. The choice is yours!

Click Save Changes when you’re happy with how everything looks.

Now you’re ready to publish your Twitter feed in WordPress. Keep reading to find out how.

Step 5: Publish Your Twitter Feed

There are 3 ways to add your Twitter feed to WordPress with the Custom Twitter Feed plugin, including:

  1. Twitter Feed WordPress Block: This lets you add your feed to a post or page using the new WordPress block editor.
  2. Twitter Feed Shortcode: Using the shortcode, you can add your feed to posts or pages in the classic WordPress editor.
  3. Twitter Feed Widget: The built-in widget lets you add your feed to your WordPress sidebar area.

To embed your Twitter feed in a post or page using the WordPress block editor, first navigate to Pages » Add New.

Then click the Plus (+) icon to add a new WordPress block and find the Widget’s section. From there, click the Twitter Feed WordPress block to add it to your page and see a preview of your feed.

Twitter feed content block

Now when you preview your page, you’ll see your published Twitter feed in WordPress.

add your twitter feed to WordPress with a plugin

If you’d prefer to use the classic WordPress editor, start by creating a new post or page. Then in the content editor, paste the Twitter feed shortcode as we demonstrate in the example below.

Add twitter feed to classic WordPress editor using the shortcode

You can view all of the different shortcode options available by clicking the Display Your Feed tab from the Configuration page.

Lastly, to add a Twitter feed to WordPress sidebar area, start by navigating to Appearance » Widgets from your WordPress dashboard to view all available widgets.

From there, find the Twitter Feed widget and drag it to your desired sidebar area. For this example, we’ll use our Primary sidebar area.

Custom twitter feed WordPress widget

Remember to click Save to preserve your settings.

When you navigate to a page that displays your sidebar, your Twitter feed will look similar to this example:

Example of adding twitter to WordPress using a twitter widget

There you have it!

You’ve just learned how to add a Twitter feed to WordPress without a plugin.

But if you’re looking for a simpler solution, using a WordPress plugin will make things much easier. Custom Twitter Feeds from Smash Balloon is the easiest way to add Twitter feeds to WordPress.

So what are you waiting for?

Click here to get started with Custom Twitter Feeds today.

If you enjoyed this article, please follow us on Twitter and Facebook for more helpful tutorials.