How to Embed Tweets in WordPress Without Code (Beginner’s Guide)

Chưa được phân loại

Learning how to embed tweets in WordPress only takes a few simple steps and maybe a plugin if you want more advanced features.

The goal of this tutorial is to help you feel comfortable embedding a tweet for your blog, allowing you to add live, interactive Twitter conversations from your own account or from others around the internet.

You can choose to place one tweet in a post as a resource or even have a constantly updated feed from your account. Keep reading to learn how!

How to embed tweets in WordPress with the default editor

The default WordPress editor offers a large collection of drag-and-drop blocks to incorporate elements into your WordPress pages and posts.

This includes a dedicated block to embed tweets!

This is the simplest option to place a tweet or short Twitter feed into a post or page. There aren’t any fancy customization or design tools, but it does the trick for instantly displaying a tweet on your website and not having to worry about embed code or plugins.

Here’s how to use it…

1. Add a Twitter block

To begin, go to your WordPress dashboard and either create a new post or page or edit an existing piece of content where you want to add a tweet.

posts or pages to embed tweets

Go to the area where you want to add your tweet and click the + icon to add a new block:

add block button

Search for/select the Twitter block to add it to your post:

use Twitter block to embed tweets

2. Paste in the URL to your tweet

Now it’s time to go to Twitter. It’s possible to publish anyone’s public tweets on your website, as long as it’s not a Twitter feed with a collection of tweets.

Therefore, locate the tweet you’d like to embed and go to the specific page for that tweet only.

The browser search bar shows a unique URL for the tweet. Copy the website URL to your computer’s clipboard.

copy url

Go back to the WordPress dashboard.

You should now see a Twitter URL block asking for a link from the desired tweet.

In the empty field, paste the tweet you copied from before.

Click the Embed button to complete the process.

paste url

You should then see a live preview of the embedded tweet in the editor. There are some settings for mobile-friendliness and CSS, but that’s about it.

embed tweets shown in the dashboard

To make sure everything looks good, go to the frontend of that WordPress post or page to see the tweet prior to publishing. You’ll notice that when you embed tweets they offer interactive elements, like links, hashtags, and buttons to see the full tweet on Twitter or to visit the account.

new post article

Bonus: Embed full “Tweetstorms”

One extra element that comes with the Twitter block is for embedding what are called “Tweetstorms.” A Tweetstorm is a series of related posts, usually published in succession.

You can publish Tweetstorms, but you must be the owner of the Twitter account.

To do so, click on the previously embedded tweet and push the Unroll option.

This reveals several posts in a row, but only if the Tweetstorm is from your account, is recent, and the posts relate to each other. Otherwise, you’ll get an error.

unroll

How to embed Twitter user or hashtag feeds in WordPress with a plugin

Quite a few plugins are available online for you to embed tweets with more advanced features.

For instance, you may want a running feed from your Twitter account on your website, or maybe some tools to customize how those tweets look when embedded.

We recommend testing out the myriad of plugins with these capabilities, but we mainly recommend the Smash Balloon Custom Twitter Feeds plugin, which is what we’ll use in the tutorial below.

1. Install the plugin

To get started, install and activate the Smash Balloon Twitter Feeds plugin. If you have any questions about that, learn how to install a plugin here.

2. Connect the plugin to your Twitter account

Select the new Twitter Feeds tab in your WordPress dashboard.

Twitter feeds tab

The plugin’s setup area has four steps.

The first is the Configure tab.

Click on the button to Log in to Twitter, which gives the plugin permission to import feeds using your Twitter account.

login to Twitter

Click the Authorize app button to give the Smash Balloon Twitter Feed plugin access to your Twitter account.

authorize app to embed tweets

This should link to your Twitter account. If not, you can select to manually retrieve your Access Token and Access Token Secret by following the plugin’s instructions.

Save your changes after the account is linked.

tokens

3. Configure feed settings

While still in the Configure tab, scroll down to modify your Feed Settings. For instance, you can choose to have a feed from a user account or from a hashtag.

There are other free and premium settings, like how many tweets to display or advanced feed types.

feed settings

4. Configure the layout for your feed

Save the changes and go to the Customize tab.

Here you have settings to change the design of the Twitter feed.

customize tab to embed tweets

You can adjust everything from the layout to what’s included in the tweets. You can also tell the plugin how many tweets you want to appear.

layouts

5. Configure the design/style of your feed

The Style tab is for other appearance modifications such as colors and text.

Feel free to change things to match your brand.

Remember to save your settings before going to another tab.

style

6. Display your feed

The final step is to Display Your Feed.

There are two ways to display the feed, but the only one listed on this page is the shortcode method. Therefore, copy the given shortcode to your clipboard.

copy the shortcode

Navigate to a new or old post or page in WordPress.

The first option for displaying the feed is pasting the shortcode into a Shortcode block.

shortcode to embed tweets

The easier method is to search for and insert the Twitter Feed block. This block is from the Smash Balloon Twitter Feed plugin.

Twitter feed module to embed tweets

There’s no need for any further customization, since you already configured your feed in the settings area.

Publish the post or page, and go to the frontend to see the tweets in action. For this tutorial, I opted for a hashtag feed, but you can choose your own account as well.

embed tweets

Embed tweets in WordPress today

Embedding a tweet doesn’t have to be a chore. Instead, utilize one of the methods outlined above – either with the native editor or a plugin – to embed tweets in WordPress without any problems.

For some other ideas to integrate Twitter into your WordPress site, we also have some other useful guides:

Still have any questions about how to embed tweets in WordPress? Ask us in the comments!

Free guide

5 Essential Tips to Speed Up
Your WordPress Site

Reduce your loading time by even 50-80%
just by following simple tips.

Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai.