- 1 How to embed real tweets in WordPress blog posts
- 2 How to Embed Your Tweets in WordPress Easily (Newbie-Friendly)
- 3 How to Add a Twitter Feed to Your WordPress Site [Plugin/Manual Solutions]
- 4 Video How to embed tweets in wordpress
How to embed real tweets in WordPress blog posts
Last Updated on November 4, 2020 by Editorial Team | Reader Disclosure Disclosure : Our content is endorsed by the reader. This means that if you click on some of our links, we may earn a commission. See how WPBeginner is funded, why it’s important, and how you can support us.
Share 362 Share Tweet Share Facebook Messenger WhatsApp Email
¿Quieres embed individual tweets in your WordPress blog posts? Embedding the tweets in his blog posts allows him to easily quote the tweets as part of his posts and other more attractive ones.
You may have access to many popular news blogs and websites that incorporate tweets from organizations and individuals in addition to articles.
It makes dating more authentic and allows users to follow entire conversations for more information.
In this article, the mostraremos cómo easily embeds tweets in WordPress blog posts and pages.
Subscribe to WPBeginner
If you prefer written instructions, read on.
Embed Real Tweets in WordPress Posts – Step by Step
WordPress makes it easy to incorporate third-party services and blog posts. This includes YouTube videos, tweets, and other social media and posts.
This feature uses a method called oEmbed. Basically, you can simply aggregate the URL from a third-party website, and WordPress will solicit an insertion code.
You can only whitelist oEmbed services in WordPress, and Twitter is one of those services.
The WordPress blocker editor comes with an inbuilt Twitter blocker that makes it easy to insert tweets into its posts and pages.
First, you need to go to Twitter and find the tweet you want to embed. After that, click on the down arrow icon on the right and then select the “Copy link to Tweet” option.
Next, you need to edit the WordPress post or page where you want to embed the tweet.
Sur l’écran d’édition de publication, cliquez sur l’icône + pour ajouter un nouveau bloc, puis sélectionnez le bloc Twitter dans la section Embeds.
You’ll now see the Twitter Embed block added into the post edit area. You need to paste the tweet URL that you copied earlier in the block settings.
WordPress will now automatically fetch and display the actual tweet in your post content.
You can save your post or publish it to see a live preview. This is how it looked on our demo website.
Pro Tip: You can also paste the Tweet URL in a paragraph block and WordPress will automatically convert it into a Twitter embed block.
How to Embed Tweets in Classic WordPress Editor
If you are still using the old WordPress classic editor, then you will need to copy and paste the tweet link directly in the post editor.
Unlike the block editor, the classic editor is a single text box for your whole content. That’s why you need to paste the tweet URL in a separate line in the editor.
Once done, it will immediately load the actual tweet in your post editor.
Don’t forget to update or save your changes and preview your post or page.
How To Automatically Embed Latest Tweets in WordPress
By default, WordPress allows you to manually embed tweets in your articles, and you can only add one tweet at a time.
What if you wanted to showcase recent tweets from your account, another user, or a hashtag?
This is where Smash Balloon Custom Twitter Feeds comes in. It allows you to easily embed a twitter feed with beautiful layouts and tons of customization options.
First, you need to install and activate the Smash Balloon Custom Twitter Feeds plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Note: there’s a free version of custom Twitter feeds plugin available as well. We’re showcasing the pro version because it has more features.
Upon activation, you need to visit Twitter Feeds » License page and enter your license key. You can find this information under your account on the Smash Balloon website.
Next, you need to click ‘Activate License’ and then click on Save Changes.
After that, you can go to Twitter Feeds » Configure and click the big blue button to connect your Twitter account.
This will take you to the Twitter website and you’ll be asked to login. Once logged in, you need to click on the ‘Authorize App’ button to continue.
After that, you’ll be redirected back to your website where you’ll see the Access Token and Access Token Secret fields filled out. Make sure you save your changes.
Displaying Your Twitter Feed in WordPress
Once you have set up the plugin, you can add your recent tweets to any WordPress post or page.
Simply edit the post or page where you want to display the Twitter feed. On the post edit screen, click on the (+) button to add the Twitter Feed block to your page.
As soon as you add the block, it will automatically load recent tweets from your Twitter account. You can now save your post or page and visit it to see your Twitter feed in action.
Now you have a feed of your Tweets that is automatically updated every time you Tweet.
You can even set up your feed to show a particular hashtag if you want. Here’s how you’d do it.
Go back to Twitter Feeds » Twitter Feeds and scroll down to your Feed Settings. Then select the option for ‘Hashtag’ and enter your hashtag of choice into the field.
Make sure to save your changes, and then check your site. You’ll see a list of Tweets using the hashtag you chose.
Now, let’s look at how you can easily customize your feed.
Customizing Your Twitter Feed in WordPress
Smash Balloon Twitter Feed allows you to display Twitter feeds in various layouts with several customization options.
Simply head over to the Twitter Feeds » Customize tab, and you’ll see your first set of options to display your feed. You have quick links at the top to navigate to the section you want to customize.
Let’s start by clicking on the layouts section. From here, you can choose from a number of options including list, carousel, and masonry styles.
You can also show and hide different items like header, twitter links, reply and retweet actions, and more. Once you are finished, don’t forget to click on the Save Changes button to store your settings.
You can now visit your Twitter feed page to see your changed applied to the feed.
If you are using the classic editor, then you’ll need to copy and paste the shortcode [custom-twitter-feeds] where you want your feed to be in your page or post.
You can also use the shortcode or the Twitter Feed widget to add your Tweets in your sidebar or footer. Just go to Appearance » Widgets and drag the Twitter Feed widget to your sidebar, or wherever you want.
Creating Multiple Twitter Feeds in WordPress
What if you want to display multiple Twitter feeds on one page or post? You can do this easily using the shortcodes available.
Just head over to Twitter Feeds » Twitter Feeds and then select the ‘Display Your Feed’ tab.
On this page, you will see a bunch of shortcode examples that you can use.
For instance, you could simply use this shortcode: [custom-twitter-feeds screenname=optinmonster num=6] to display 6 recent tweets from OptinMonster.
Change the ‘screenname’ to any Twitter name you want to use. And then choose whatever number you want in the ‘num=6’ option to display the number of Tweets.
Next, you’ll add it to your post using the shortcode block by clicking the (+) and then choosing the shortcode widget.
From there, add the shortcode inside the block settings and save your post or page.
You can now save or publish your post and visit your website to see it in action.
We hope this article helped you to learn how to embed actual Tweets in WordPress blog posts. You may also want to see our guide on how to create an email newsletter to grow your traffic, and our expert pick of the best Twitter plugins for WordPress to get more followers.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Comparte 362 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico
Home Blog How to Embed Your Tweets in WordPress Easily (Newbie-Friendly)
How to Embed Your Tweets in WordPress Easily (Newbie-Friendly)
Last Updated by Sajjan Sharma June 20, 2022
Share on Facebook Share Share on Twitter Tweet Share on LinkedIn Share Share on Pinterest Pin
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 Twitter Feed 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. Then look for the URL in the address bar at the top and copy it.
Once you do that, return to your website so you can go ahead and embed the tweet.
From your WordPress dashboard, navigate to the Pages » Add New menu to open up the WordPress editor.
You can also use a WordPress post if you like. To do that, go to the Posts » Add New menu from your dashboard instead.
We’ll use a WordPress page for our example.
Then, simply paste that URL from earlier into the editor, and WordPress will automatically embed it.
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.
Now you can just paste the Twitter URL from earlier in that field and then click on embed.
Once you do that, WordPress will embed the tweet for you. Don’t forget to click on Publish to save your progress.
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.
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, Twitter Feed 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. Twitter Feed 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. Twitter Feed 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 Twitter Feed Pro the best Twitter feed plugin for WordPress. It’s rating of 4.9/5 stars with over 150,000 active users speaks for itself.
And it’s even trusted by some of the biggest brands in the world out there.
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 Twitter Feed 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 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 New Twitter Feed
After you install and activate the plugin, you can use the guided flow to create Twitter feeds with ease.
To get started, navigate to the Twitter Feed » All Feeds menu from your WordPress dashboard and click on the Add New button at the top.
Once you do that, Twitter Feed Pro will ask you to pick your Twitter feed type. There are 6 options here 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 specific hashtags
- 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.
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.
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.
Click on the Authorize app button here, and you’ve connected your account!
Then, the plugin will send you back to your website so you can finish setting up your Twitter feed.
To do that, you can add a source, which can be a 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.
For our hashtag Twitter feed, we’ve chosen the hashtag “KEEB_PD” as the source.
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 have a unique look for your Twitter feed. You get to choose from 7 options here:
- Simple Carousel
- Simple Cards
- Showcase Carousel
- Latest Tweets
After picking your Twitter feed template, click on Next to continue.
For more in-depth customization, you can now use the live feed editor.
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.
First, click on the Feed Layout option on the left to start the customization.
By changing your layout, you can choose how the tweets are arranged on your Twitter feed.
From here, you can pick from 3 different layout options: list, carousel, and masonry.
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.
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.
For something more dynamic, there’s the carousel layout.
This way, you can add a Twitter slider and make your website more interactive for your visitors.
Once you pick the layout for your Twitter feed, confirm your changes with the Save button.
To customize the other parts of your Twitter feed, click on the Customize button at the top.
Now, simply click on the Color Scheme option on the left panel to start setting up the colors of your Twitter feed.
You have 4 colors schemes that you can use for your feed:
- 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
After you select your color scheme, remember to click on Save.
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.
Once you’re happy with how your Twitter feed looks, click on the Save button to confirm your changes.
Finally, you can move on to the last step and embed your feed.
Step 5: Embed Your Tweets in WordPress
After customizing your feed, you can finally go and embed your tweets in WordPress. To do this, Twitter Feed Pro gives you 2 different options:
- Embed your tweets in WordPress pages
- Embed your tweets in a WordPress sidebar or footer
Embed Your Tweets in WordPress Pages
To make things easy, you can add your tweets to your WordPress pages directly from the live feed editor.
First, click on the Embed button in the top right corner.
On the popup, you can pick the location for your new Twitter feed. To continue, click on the Add to a Page option here.
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.
Once you do that, Twitter Feed Pro will open that page in the WordPress editor so you can start embedding your feed.
First, click on the plus icon (+) to add a new content block.
Finally, search for “twitter feed” and then click on the Twitter Feed block from the results below.
You can now click on Update to confirm your new Twitter feed, and that’s it!
Now you can check your website and see all the tweets embedded for your visitors to see.
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.
From your live feed editor, click on the Embed button in the top right corner.
After you do that, click on the Add to a Widget button on the popup to start managing the widgets of your WordPress website.
From this page, you can add, remove, or manage the WordPress widgets in your sidebar or footer areas.
To start managing your sidebar widgets, click on the Sidebar panel.
Or, you can click on the Footer panel to manage your footer widgets.
For this tutorial, we’ll use the sidebar option.
After you do that, click on the plus icon (+) to add a new widget, and then click on Twitter Feed.
Finally, click on Update and you’ve embedded your Twitter feed on your WordPress website.
Just go to your site, and you should see a feed of Twitter content on the widget area.
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 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 Cancel reply
How to Add a Twitter Feed to Your WordPress Site [Plugin/Manual Solutions]
Published: June 08, 2021
Twitter is a platform that few bloggers and online marketers can ignore — the reach is just too good to pass up. If you manage to build a sizable follower base on Twitter, you can use it to drive tons of traffic to your WordPress website.
However, this traffic can go both ways. If you have website visitors unaware of your Twitter presence, adding social media links or embedded tweets can fuel your following. Or, you could take things up a notch and add a full Twitter feed to your WordPress site.
With an embedded Twitter feed, you can show multiple tweets from one or more users or hashtags in a timeline display. Users can like tweets, share tweets, and go straight to your Twitter profile by interacting with these embeds. A Twitter feed also serves as a handy summary of your social activity for your visitors.
In this post, we’ll show you two simple ways to put a Twitter feed on your WordPress website. First, we’ll walk through the process with a popular Twitter feed plugin. Then, we’ll explain another approach for those who prefer to keep their plugin count to a minimum.
Grow Your Business With HubSpot’s Tools for WordPress Websites
How to Add a Twitter Feed to WordPress
If you want to embed a Twitter feed in a WordPress post, page, or sidebar, you can use either a plugin to handle the embedding for you, or get a piece of embed code straight from Twitter and manually insert it in your content.
Add a Twitter Feed to WordPress With a WordPress Twitter Feed Plugin
WordPress plugins exist to make your life easier, and Twitter feeds are no exception. There are several plugins that can add such a feed, but in this guide we’ll be using the Custom Twitter Feeds plugin from Smash Balloon. It’s by far the most popular solution for embedding Twitter feeds in WordPress. With this plugin, feeds can be easily placed with a shortcode, and the feed interface is customizable, responsive, and SEO-friendly.
We’ll cover how to use the free version of Custom Twitter Feeds, but note that there is a pro version of the plugin available starting at $49 annually for use on one website. Custom Twitter Feeds Pro lets you display Tweets from different accounts in the same feed, adds additional display options like carousels and slideshows, and gives you more control over moderating Tweets in your feed.
But for now, the core features in the free version are enough to get a live feed up and running on your site. Here’s how:
1. Install and activate the Custom Twitter Feeds plugin.
2. Click Twitter Feeds in your dashboard menu. This opens up the Configuration menu for the plugin.
3. In the Configuration panel, click the blue Log in to Twitter and get my Access Token and Secret button.
4. You will be temporarily taken to the Twitter site to authorize the Custom Twitter Feeds plugin to use your tweets. The plugin will not be able to post to Twitter, just read your tweets. Enter your Twitter credentials, then click Authorize app.
5. Back in the Custom Twitter Feeds Configuration panel, both the Access Token and Access Token Secret fields should be filled in for you. These codes are saved by the plugin.
6. Under Feed Settings, first select your feed type. You can create a feed that posts tweets from a user’s timeline (enter any handle with public tweets), a hashtag, or your home timeline, which includes your tweets and tweets from those you follow. Then, choose how many tweets you want to display in your WordPress Twitter feed and how often you want the plugin to fetch tweets.
7. When finished under Configuration, click the Customize tab at the top of the page. Under Customize, you can modify the contents of the feed display, including the width, height, and layout (in the pro version) of the feed, as well as add custom CSS. You can also choose to hide certain components of the tweet such as the avatar image, date, and Twitter logo.
8. When finished under Customize, click the Style tab at the top of the page. In the Style tab, you can modify more feed display settings like colors, date and time, and text size and weight. You can also opt to disable links in the tweet text.
9. When finished under Style, click the Save Changes button near the bottom of the page.
10. Click the Display Your Feed tab at the top of the page. This page lists shortcodes you can use to place your embedded Twitter feed on your site. For this example, we’ll just use the basic shortcode provided at the top: [custom-Twitter-feeds]. Copy this shortcode.
11. The Custom Twitter Feeds shortcode can be put in a page, post, or widget. To add your feed to a page or post, paste the shortcode in a Shortcode Gutenberg block.
Alternatively, you can insert a feed with the Twitter Feed Gutenberg block (added by the plugin) — search for and choose the block, and you’ll see the feed appear in the editor.
To place your feed in a widget, choose Appearance > Widgets, add a Text widget to your desired page area, paste the shortcode into the text box, and click Save.
12. Preview your new page/post with your Twitter feed activated. Here’s what HubSpot’s Twitter feed looks like with the plugin (no customizations added).
Add a Twitter Feed to WordPress Without a Plugin
If you’d rather avoid the plugin route, Twitter also lets you embed a feed with an embedding link. You have to handle most of the visual customizations with your own CSS, but the process is otherwise straightforward.
1. Go to Twitter Publish, a Twitter-owned website that provides URLs for embedding its content.
2. Paste the URL of the feed you want to embed in the box, then click the arrow icon.
3. Choose Embedded Timeline as your display option.
4. Twitter will generate embed code for your feed. To customize your feed display, click the set customization options link then set your width and height, theme, and language. Then, click the Update button.
5. Haga clic en Copier le code .
6. Para agregar su código de inserción a una página o publicación con el editor de Gutenberg, inserte un block HTML personalizado and pegue el código de inserción that acaba de copier.
Pour sélectionner la source dans un widget, elija Apariencia > Widgets , agregue un widget HTML personnalisé dans la zone de la page que vous souhaitez, pegue el código de inserción in el cuadro Contenido and haga click in Guardar .
7. Obtenez une vue d’ensemble de votre nouvelle page/publication avec votre flux Twitter activé. Así es come ve el feed de Twitter de HubSpot con el código d’insertion de Twitter.
Everything in moderation (and buy Twitter)
Whether you prefer a plugin or the manual approach, displaying a Twitter feed on your WordPress site is a great idea. Helps increase user engagement on your website and your Twitter followers.
As a final note, make sure you don’t go overboard with your diet. Unless your WordPress site is simply a funnel for your Twitter feed, your feed should be secondary to the main content of your site, whether you’re writing blog posts, selling a product, or both. Twitter feeds and social buttons are great for keeping visitors up to date, but they shouldn’t be distracting or get in the way of the user experience.
Editor’s Note: This post was originally published in January 2020 and has been updated for completeness.
Themes: WordPress add-ons
Don’t forget to share this post!