How to Embed Your Tweets in WordPress Easily (Newbie-Friendly)
Home Blog How to Embed Your Tweets in WordPress Easily (Newbie-Friendly)

How to Embed Your Tweets in WordPress Easily (Newbie-Friendly)

How to Embed Your Tweets in WordPress Easily

Want to learn how to embed tweets in WordPress? We’re going to show you just how simple it is.

When it comes to social media marketing, a great way to do it is simply to show your tweets on your website. This way, you can lead interested people from your site to your Twitter profile.

Plus, your embedded tweets can make your site more engaging for your visitors. For example, you can just add tweets of people enjoying your products to help boost your sales.

It’s easy and effective, and just about anyone can do it. And in this post, we’ll show you how to embed tweets in WordPress easily.

Ways to Embed Tweets in WordPress

First of all, you need to know there are 2 ways to embed a tweet in WordPress.

  • Manually: You can copy the URL of the tweet and paste it on your website. This way, WordPress will automatically embed it. Sadly, it can be time-consuming if you want to embed multiple tweets.
  • Easy Way: With the Custom Twitter Feeds Pro plugin, you can easily add as many tweets as you want to your site. You can even add Twitter feeds that you can set to automatically update as you make new tweets.

How to Embed Your Tweets in Your WordPress (Manually)

To manually embed a tweet, first, open the tweet on your browser. Here, just copy the URL from the address bar.

copy tweet URL

Now, go to Pages » Add New from your dashboard to open up the WordPress editor.

add new page wordpress

You can also use a WordPress post if you like. To do that, go to Posts » Add New.

We’ll use a WordPress page for our example.

add new post wordpress

Then, you can go to your WordPress site and then paste that URL from earlier, and WordPress will automatically embed it.

embed a tweet in wordpress

Or you can use the Twitter WordPress block instead. First, click on the small plus icon (+) and type “twitter” in the search bar. Then just select the Twitter block.

add twitter blog to wordpress

Now you can just paste the Twitter URL in that field and then click on embed.

copy twitter url on wordpress block

Once you do that, WordPress will embed the tweet for you.

show embeded tweet on your site

While it can be a simple way to embed a tweet on your WordPress blog posts, there are a lot of limitations here.

  • For every tweet, you’ll have to go and copy the URL and come back to paste it. And if you make a new tweet, you’ll have to repeat it again. So, you’re wasting lots of your valuable time just to embed multiple tweets.
  • You can’t really customize or change how the tweets look. As a result, the tweets can clash with your own branding style.
  • If you want to add multiple tweets from a specific hashtag, you’ll have to manually add them all yourself.

How to Embed Your Tweets in WordPress (Easy Way)

Great news: there’s a better way to embed your tweets where you don’t have to deal with all those limitations.

With Twitter Feed Pro, it will be super easy for you.

twitter plugin smash balloon

This top-rated WordPress plugin can help you embed tweets in no time, so you can go ahead and engage your users. And you can do it all without pasting the link for each tweet. You can just embed entire Twitter feeds at once.

And unlike the manual way, Custom Twitter Feeds Pro comes with lots of customization options. So, you can change the layout, size, colors, font, and more to switch up the looks of your tweets.

In fact, the plugin will automatically copy the design of the website for your tweets. As a result, your Twitter feeds are going to match the look of your brand — with no extra effort on your part.

Still on the fence? Well, here are a few more features you’ll get with this plugin:

  • Lots of Feed Types: You can post more than just single tweets here. Custom Twitter Feeds Pro can post a user timeline, hashtag feed, search results, mentions, Twitter lists, and more.
  • Lightweight: Don’t worry about all your tweets slowing your site down. Custom Twitter Feeds Pro has been built for speed, so your feeds will load super fast. Plus, a fast website is great for SEO as well.
  • Live Customizer: To help you create beautiful Twitter feeds with ease, you can simply use the live feed customizer — no coding needed!
  • Lightbox for Media: When you embed a tweet with an image or video, your visitors won’t have to leave your site to open it. You can show the media content with a beautiful lightbox.
  • Custom Support: If you ever run into any issues with your Twitter embeds, then you’ll have a team of WordPress experts ready to help you out at any time

All these great features have made Custom Twitter Feed Pro the best Twitter feed plugin for WordPress. Its rating of 4.9/5 stars with over 150,000 active users speaks for itself.

user reviews custom twitter feeds pro

And it’s even trusted by some of the biggest brands in the world out there.

smash balloon brands

All in all, there’s a lot to love about this plugin. With it, it’ll be super easy to get more Twitter followers and post tweets that engage your visitors.

So, let’s get started and show you how to embed multiple tweets in WordPress with Custom Twitter Feeds Pro.

Step 1: Install and Activate Twitter Feed Pro

First things first, you can go and get your copy of Twitter Feed Pro here.

Once you have it, just install and activate it on your website.

Not sure how to do that? Well, you can just take a second to look at this helpful guide on installing WordPress plugins

In step 2, you can use the plugin to create a Twitter feed for your website.

Step 2: Create a Twitter Feed

After you install and activate the plugin, you can use the guided flow to create Twitter feeds.

To get started, navigate to the Twitter Feed » All Feeds menu from your WordPress dashboard.

Then, click on the Add New button at the top.

add new custom twitter feed

Once you do that, Twitter Feed Pro will ask you to pick the type of Twitter feed you want for your site. There are 6 options that you can pick from:

  • User Timeline: Pick this option if you simply want to embed tweets from a specific Twitter profile
  • Hashtag: You can go for the hashtag option that embeds tweets with a specific hashtag
  • Home Timeline: If you want to embed content from your own Twitter timeline, you can pick this option
  • Search: Using this feed type, you can show Twitter search results on your site
  • Mentions: Choose this option to display a Twitter feed that embeds all the tweets that mention your brand
  • Lists: This feed type can help you embed tweets from your chosen Twitter lists

Plus, you can even select multiple options here to combine different feed types into a single feed.

After you select your Twitter feed type, click on the Next button.

For our tutorial, we’ll use the hashtag Twitter feed.

pick hashtag twitter feed

With that, you have a new Twitter feed on your website. Now that you have your feed ready, you can connect it to your Twitter account in step 3.

Step 3: Connect Your Twitter Account

With Twitter Feed Pro, you can easily connect your Twitter account in a couple of clicks.

First, click on the Connect button on the page.

connect twitter account to wordpress

Once you click that, the plugin will redirect you to Twitter. Here, you will have to give the plugin access to your account.

Since it’s read-only access, the plugin can only look at the information on your account and can’t actually change anything.

Here, just click on the Authorize app button, and you’ve connected your account.

authorize twitter read only access.jpg

Then, the plugin will send you back to your website so you can finish setting up your Twitter feed.

To do that, you can simply pick the user profile, hashtag, search term, and more that you want to use as a source.

Just add the source on the popup and click on Next.

select your twitter feed hashtags

After you’ve done that, you can now move on to the next step: customizing the looks of your tweets.

Step 4: Customize Your Tweets

Once you connect your Twitter feed to a source, you can pick which feed template you want to use.

By picking a feed template, you can instantly pick a unique look for your Twitter feed. You can choose from 7 options here:

  • Default
  • Masonry
  • Simple Carousel
  • Simple Cards
  • Showcase Carousel
  • Latest Tweets
  • Widget

After picking your Twitter feed template, click on Next to continue.

choose a feed template

For more in-depth customization, you can now use the live feed editor.

Here, you can find customization options to set your feed layout, header style, lightbox option, color schemes, and much more on the left panel.

Towards the right, you can see a live preview of your Twitter feed so you can track your changes.

live feed editor twitter feed pro visual preview

First, click on the Feed Layout option on the left to start the customization.

pick the feed layout option create twitter feed

From here, you can pick from 3 different layout options: list, carousel, and masonry.

feed layout options twitter aggregator

The list layout will show all your tweets in a neat list that’s close to the Twitter layout.

Plus, your Twitter feed can make each tweet more visible this way.

list layout twitter feed pro

And if you want to show your tweets in columns, then you have the masonry option. As a result, you can show a lot of tweets at once.

masonry layout twitter feed

For something more dynamic, there’s the carousel layout.

This way, you can add a Twitter slider and make your website more interactive.

carousel layout twitter

Once you pick the layout for your Twitter feed, click on Save.

To customize the other parts of your Twitter feed, click on the Customize button at the top.

return to main menu live feed editor

Now, click on the Color Scheme option to go ahead and set the colors of your Twitter feed.

pick the color scheme option twitter feed

You have 4 colors schemes that you can use for your tweets:

  • Inherit from Theme: Copy the colors of your website’s theme
  • Light: Use a light background and dark font for your tweets
  • Dark: Pick a light color for the font and a dark color for the background
  • Custom: Manually pick all of your colors

Select your color scheme and click on Save.

color scheme options for your twitter feed

As you can see, you can easily customize your feed in lots of different ways. You can set the size, header style, font, media layout, and much more.

Finally, click on the Save button to confirm your changes.

Once you’re happy with how your Twitter feed looks, you can move on to the final step and embed your feed.

Step 5: Embed Your Tweets in WordPress

Finally, you can go and embed your tweets in WordPress. You can embed your Twitter feeds in 2 different ways using this top-rated plugin:

  • Embed your tweets in WordPress pages
  • Embed your tweets in a WordPress sidebar or footer

Embed Your Tweets in WordPress Pages

First, you can add your tweets to your WordPress pages directly from the live feed editor.

To do this, click on the Embed button in the top right corner.

live feed editor embed button twitter

On the popup, you can pick the location for your new Twitter feed. To continue, click on the Add to a Page option.

add to a page

Next, you’ll see a list of WordPress pages on your site. Select your page from this list and then click on the Add button.

add twitter feed to a new page

Once you do that, Twitter Feed Pro will open that page in the WordPress editor so you can start embedding your feed.

First, just click on the plus icon (+) to add a new content block.

add new wordpress block

Finally, search for the “twitter feed” block and then just click on Twitter Feed from the results below.

embed twitter feed on your wordpress site

And that’s it! Now you can check your website and see all the tweets embedded on your website.

twitter feed on website example

Let’s go ahead and check out the next way to embed your tweets.

Embed Your Tweets in a WordPress Sidebar or Footer

You can also embed your tweets on your WordPress footer as a Twitter widget using the live feed editor.

First, click on the Twitter Feed » All Feeds menu from your WordPress dashboard, and you can see all of your Twitter feeds listed.

Then, click on the Twitter feed that you created earlier.

open hashtag twitter feed

From your live feed editor, click on the Embed button in the top right corner.

live feed editor embed button twitter

After you do that, click on the Add to a Widget button on the popup to start managing the widgets of your WordPress website.

add twitter feed to widget

From this page, you can add, remove, or manage your WordPress widgets.

To start managing your sidebar widgets, click on the Sidebar panel.

open sidebar panel

Or, you can click on the Footer panel to manage your footer widgets.

For this tutorial, we’ll use the sidebar option.

open footer panel

After that, click on the plus icon (+) to add a new widget, and then click on Twitter Feed.

add a twitter feed widget to wordpress

And you’re done! Just go to your site, and you should see a feed of Twitter content on the widget area.

embed twitter feed on wordpress sidebar

And there you go!

You now know how to embed your Twitter feeds in WordPress the easy way. No coding, no shortcode.

With this, you can now easily drive your site traffic to your Twitter and gain followers. And at the same time, it helps convert the visitors on your site.

So what are you waiting for? Just go and grab the amazing Custom Twitter Feed Pro!

Looking for immediate results for your business? Then check out our article on the best types of tweets to grow your business.

If this article helped you out, follow us on Twitter and Facebook, and stay tuned for more social media marketing tips and tricks.

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.

[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]