How to embed tweets in wordpress

New Page

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.

How to easily embed tweets in WordPress blog posts How to Easily Embed Tweets in WordPress Blog Posts

Video tutorial

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.

Copy link to tweet Copy link to tweet

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.

Add a Twitter embed block in the WordPress editor Add a Twitter embed block in the WordPress editor

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.

Integrating Twitter into WordPress Post Editor Integrating Twitter into WordPress Post Editor

WordPress will now automatically fetch and display the actual tweet in your post content.

Real tweet embedded in WordPress post Real tweet embedded in WordPress post

You can save your post or publish it to see a live preview. This is how it looked on our demo website.

Real tweet embedded in WordPress blog post preview Real tweet embedded in WordPress blog post preview

Pro Tip: You can also paste the Tweet URL in a paragraph block and WordPress will automatically convert it into a Twitter embed block.

Automatically embed tweets by simply pasting the URL Automatically embed tweets by simply pasting the URL

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.

Add Twitter URL in WordPress Classic Editor Add Twitter URL in WordPress Classic Editor

Once done, it will immediately load the actual tweet in your post editor.

Tweet embedded in the classic WordPress editor Tweet embedded in the classic WordPress 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.

Enter your Smash Balloon license Enter your Smash Balloon license

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.

Connect your Twitter account 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.

Authorize App Authorize App

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.

Add a Twitter feed to the page Add a Twitter feed to the 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.

Twitter feed on the page Twitter feed on the page

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.

Paramètres du hashtag Smash Balloon Paramètres du hashtag Smash Balloon

Make sure to save your changes, and then check your site. You’ll see a list of Tweets using the hashtag you chose.

Flux de hashtag Twitter Flux de hashtag Twitter

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.

Personnaliser la mise en page Personnaliser la mise en page

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.

Choisissez votre mise en page Choisissez votre mise en page

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.

Flux Twitter Disposition de maçonnerie à 2 colonnes Flux Twitter Disposition de maçonnerie à 2 colonnes

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.

Ajouter le flux Twitter à la barre latérale Ajouter le flux Twitter à la barre latérale

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.

Affichez votre flux Affichez votre flux

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.

Widget de raccourci Twitter Widget de raccourci Twitter

From there, add the shortcode inside the block settings and save your post or page.

Insérer le shortcode Twitter Insérer le shortcode Twitter

You can now save or publish your post and visit your website to see it in action.

Flux Twitter OptinMonster Flux Twitter OptinMonster

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

How to Embed Your Tweets in WordPress Easily How to Embed Your Tweets in WordPress Easily

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.

copy tweet URL copy tweet URL

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.

add new page wordpress add new page wordpress

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.

add new post wordpress add new post wordpress

Then, simply paste that URL from earlier into the editor, and WordPress will automatically embed it.

embed a tweet in wordpress 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 add twitter blog to wordpress

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

copy twitter url on wordpress block copy twitter url on wordpress block

Once you do that, WordPress will embed the tweet for you. Don’t forget to click on Publish to save your progress.

show embeded tweet on your site 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 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, 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!

live feed editor for twitter live feed editor for twitter

  • 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.

user reviews custom twitter feeds pro user reviews custom twitter feeds pro

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.

add new custom twitter feed add new custom twitter feed

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.

pick 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 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.

Click on the Authorize app button here, and you’ve connected your account!

authorize twitter read only access.jpg 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 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.

select your twitter feed hashtags 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 have a unique look for your Twitter feed. You get to 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 choose a feed template

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.

live feed editor twitter feed pro visual preview 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 pick the feed layout option create twitter feed

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.

feed layout options twitter aggregator 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 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 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 for your visitors.

carousel layout twitter carousel layout twitter

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.

return to main menu live feed editor return to main menu live feed editor

Now, simply click on the Color Scheme option on the left panel to start setting up the colors of your Twitter feed.

pick the color scheme option twitter feed pick the color scheme option 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

color scheme options for your twitter feed color scheme options for your twitter feed

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.

live feed editor embed button twitter 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 here.

add to a page 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 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, click on the plus icon (+) to add a new content block.

add new wordpress block add new wordpress block

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

embed twitter feed on your wordpress site embed twitter feed on your wordpress site

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.

twitter feed on website example 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 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 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 add twitter feed to widget

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.

open 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 open footer panel

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

add a twitter feed widget to wordpress add a twitter feed widget to wordpress

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.

embed twitter feed on wordpress sidebar 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 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

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.

Name *

Email *

Δ

How to Add a Twitter Feed to Your WordPress Site [Plugin/Manual Solutions]

Jamie Juviler

Jamie Juviler

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.

person using a smartphone to use a website with an embedded twitter feed

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.

the configuration screen in the Custom Twitter Feeds twitter feed plugin

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.

the configuration screen in the Custom Twitter Feeds twitter feed 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.

the feed settings menu in the Custom Twitter Feeds twitter feed plugin

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.

the customize screen in the Custom Twitter Feeds twitter feed plugin

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.

the style screen in the Custom Twitter Feeds twitter feed plugin

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.

el menú de opciones de visualización en el plugin de feeds de Twitter Custom Twitter Feeds

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.

un código abreviado de feed de Twitter colocado en un bloque de gutenberg

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.

le bloque de gutenberg du flux de twitter

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.

el código abréviado del feed de Twitter colocado en un widget de pie de página

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).

une vue d'ensemble d'un flux de twitter incrusté dans une publication de wordpress

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.

la page d'accueil de publication de twitter

3. Choose Embedded Timeline as your display option.

options de visualisation pour publication sur twitter

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.

code d'insertion proporcionado por la publicación de Twitter

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.

código d'incrustation de flux de twitter pegado en un bloque html gutenberg en wordpress

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 .

código d'incrustation de flux de twitter pegado en un widget html personnalisé en wordpress

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.

preview of a twitter feed embedded in a wordpress post

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.

Use HubSpot's tools on your WordPress website and connect the two plateforms without having to deal with code. Click here to pour saber plus.

Themes: WordPress add-ons

Don’t forget to share this post!

Google Google translator

Google Google Translate


Video How to embed tweets in wordpress

Related Posts

How to add seo keywords in wordpress

Contents1 Cómo agregar palabras clave de SEO en WordPress (aumentar el CTR y las clasificaciones)1.1 Post Title1.2 Headline1.3 Header Tags1.4 Introduction and Conclusion1.5 Body Copy1.6 URL1.7 Meta…

How to embed google calendar into wordpress

Contents1 How to Add a Google Calendar in WordPress (Step by Step)2 Add a Google calendar to your website3 calendario de Google3.1 Versatile plans and pricing4 Video…

How to change the logo in wordpress

Contents1 How to Add a Custom Logo to Your Site Header2 Site Logo2.1 Planes y precios versátiles3 Add, remove or edit a custom logo4 Video How to…

How to add a popup on wordpress

Contents1 Easily create a WordPress emergent form (2 forms)1.1 ¿Por qué usar un formulario emergente de WordPress?1.2 Método #1: Crear un formulario emergente con OptinMonster + WPForms1.3…

How to roll back wordpress version

Contents1 How to Revert WordPress: Undo WordPress Updates (Easy Way)2 How to Downgrade WordPress & Roll Back to a Previous Version2.1 1. A WordPress update included significant changes…

How to rollback wordpress version

Contents1 How to Downgrade WordPress and Revert to an Older Version1.1 1. A WordPress update included significant changes that are not compatible with your theme or plugins1.2…