Do you wish to show your latest tweets in WordPress?
Integrating X/Twitter along with your WordPress web site helps enhance person engagement. Your weblog guests can simply uncover your tweets, which may additionally make it easier to get new followers on Twitter.
On this article, we are going to present you how you can show latest tweets in WordPress.
Why Show Latest Tweets on Your WordPress Web site?
X/Twitter is without doubt one of the hottest social media platforms in the marketplace. Displaying latest tweets in your WordPress web site can improve your on-line presence and engagement in a number of methods.
For starters, when customers go to your web site and see your social media feed, they is perhaps intrigued sufficient to click on by to your Twitter account and observe you, growing your attain.
Plus, tweets can function a real-time replace about what’s taking place in your web site or firm. This could encourage engagement amongst your viewers, as they will work together along with your tweets instantly.
Latest tweets also can act as social proof in your WordPress website. You’ll be able to retweet constructive critiques or individuals recommending your merchandise, serving to construct belief with subscribers or prospects.
With this in thoughts, let’s have a look at the totally different strategies of displaying latest tweets in your WordPress web site. You should use the fast hyperlinks under to skip to a particular technique:
Technique 1: Manually Embed Tweets within the Gutenberg Block Editor (No Plugin)
The primary technique to show your latest tweets in WordPress is by manually embedding your Twitter profile or timeline in your WordPress web page, publish, or widget (for traditional theme customers).
Similar to including a YouTube video, WordPress makes it simple to embed Twitter content material like a single tweet or a timeline. Its oEmbed characteristic can mechanically flip a content material URL into an embed code when pasted into the block editor.
First, it’s essential to discover and duplicate the URL of the Twitter profile or tweet that you simply wish to embed.
For instance, the Twitter profile URL of WPBeginner is https://twitter.com/wpbeginner
In the meantime, the URL of a single tweet seems like this: https://twitter.com/wpbeginner/standing/1604852592827326464
Subsequent, simply observe one of many strategies under:
Displaying Latest Tweets in a WordPress Submit or Web page
First, log into your WordPress dashboard and open the block editor for a WordPress publish or web page.
If you wish to create a brand new publish or web page, you are able to do this by going to Posts/Pages » Add New.
Then, merely paste the Twitter profile URL that you simply copied earlier within the ‘Kind / to decide on a block’ space.
You’ll be able to see this highlighted under.
When you’ve finished that, the block will instantly flip right into a Twitter timeline block displaying latest Tweets from that individual account.
Within the block settings sidebar, you possibly can select to resize the block for smaller units to make it extra responsive for cell viewing.
Moreover, be happy so as to add extra blocks to the web page or publish to encourage customers to observe your Twitter account.
As soon as finished, merely click on ‘Replace’ or ‘Publish’ to make the modifications dwell.
This technique provides your latest tweets inside a field with a vertical slider. The field contains the 20 most up-to-date tweets and the ‘View extra on Twitter’ button on the finish.
Here’s what our Twitter timeline seems like:
Should you use a WordPress block theme, then you can too use this identical technique to embed a Twitter feed within the Full Web site Editor and show latest tweets in a sample or template half.
You’ll be able to study extra about this in our full information to WordPress Full Web site Modifying.
Displaying Latest Tweets in a WordPress Widget Space
Should you use a traditional WordPress theme and wish to show your newest tweets in a widget space (like a sidebar), then simply observe these steps.
First, go to Look » Widgets. Then, click on the ‘+ Add New’ button in your chosen widget space and choose the Twitter widget.
From right here, simply paste the Twitter account or publish URL within the acceptable area.
Then, click on ‘Embed.’
You’ll be able to then replace your widgets and preview the Tweets widget dwell in your website.
Right here’s how the timeline seems in our WordPress sidebar:
Technique 2: Show Latest Tweets Utilizing a Twitter Feed Plugin (Beneficial)
The second technique so as to add latest tweets to your WordPress website is with a Twitter plugin. The rationale why we suggest this technique is that it provides much more customization choices than the earlier technique, permitting you to regulate the feed to your web page design.
For this, we are going to use Smash Balloon Customized Twitter Feeds. This plugin helps to create lovely social feeds of various varieties. You’ll be able to present tweets based mostly on hashtags, search phrases, mentions, timelines, and extra.
Be aware: Whereas there’s a free Customized Twitter Feeds plugin, this text will use the Customized Twitter Feeds Professional model. It comes with far more superior options like timeline filtering and mixing a number of Twitter feeds into one.
You’ll first must set up and activate the WordPress plugin. As soon as it’s energetic, go to your WordPress admin space, navigate to Twitter Feed » Settings, and paste your license key into the suitable area.
After that, it’s essential to activate the license and click on ‘Save Adjustments.’
Now, simply go to Twitter Feed » All Feeds.
Then, click on the ‘+ Add New’ button.
If that is your first time including a Twitter feed utilizing Smash Balloon, then you may be requested to confirm your electronic mail deal with.
Simply go forward and click on the ‘Join’ button to do this and observe the on-screen directions.
As soon as you’re finished, you’ll return to the Customized Twitter Feeds plugin web page and be requested to pick a feed sort.
With Customized Twitter Feeds, you possibly can select to embed a person timeline feed, a hashtag feed, or a search feed. For the sake of this instance, we are going to use the primary possibility. When you’ve made your selection, simply click on ‘Subsequent.’
On the following display screen, you possibly can sort within the Twitter deal with you wish to embed in your WordPress web site.
After that, click on ‘Subsequent’ once more.
Let’s now decide a Twitter feed template. There are 7 to select from, and you may all the time change it later in the event you don’t suppose it fits your web page design.
After you could have made your selection, go forward and click on ‘Subsequent.’
At this stage, it’s best to arrive on the Twitter feed modifying interface. You will notice a dwell preview on the precise aspect of the web page and a left-hand panel the place you possibly can configure how the feed seems.
There are two tabs: ‘Customise’ and ‘Settings.’
Let’s begin with Customise. Should you select the ‘Feed Format’ possibility, then you possibly can decide between the accessible feed layouts (like checklist, masonry, or carousel) set the variety of tweets to show, tweak the feed top, and so forth.
Be aware: Due to API limitations, Smash Balloon can solely show 1 to 30 tweets at first, however extra will accumulate over time.
As soon as you’re finished with these settings, merely click on the ‘Customise’ button on the prime to return to the principle menu.
One other factor you are able to do is allow the Load Extra button, which is able to seem under your displayed tweets. It’s a helpful characteristic you probably have tons of tweets however can not present all of them on the identical web page.
Simply click on the ‘Load Extra Button’ possibility, adopted by the ‘Allow’ button. After that, you possibly can customise the button’s look.
Should you swap to the ‘Settings’ tab, then you possibly can see choices so as to add extra feed sources, apply tweet filters, and use superior options (like including customized CSS).
You may also click on the ‘Clear Feed Cache’ button to take away the earlier feed cache. The following time the plugin must show your Twitter feed, it should retrieve the most recent tweets from X/Twitter’s servers as a substitute of utilizing the previous cached information.
Let’s attempt including filters to your tweets by clicking the ‘Filters’ possibility.
Right here, you possibly can select to incorporate replies and retweets, present tweets based mostly on which phrases are allowed or blocked, or disguise particular tweets.
As soon as you’re proud of how the Twitter Feed seems, you possibly can click on the ‘Save’ button.
So as to add the Twitter Feed to your web page or widget space, simply click on on the ‘Embed’ button on the top-right nook.
After that, a popup will seem, displaying you how you can show the Twitter Feed: with a shortcode, a block, or a widget.
Whatever the technique you select, the very first thing it’s essential to do is copy the shortcode as a result of you will want it.
Then, if you wish to embed the Twitter feed on a web page, click on the ‘+ Add to a Web page’ button.
When you try this, you possibly can choose an current web page out of your WordPress web site and click on ‘Add.’
You’ll then be directed to the WordPress block editor of your chosen web page.
Click on the ‘+’ add block button wherever on the web page and choose the Twitter Feed block.
Now, the Twitter Feed you created earlier might not present up immediately.
If this occurs to you, simply paste the shortcode into the ‘Shortcode Settings’ area within the block settings sidebar.
After that, click on ‘Apply Adjustments.’
As soon as finished, you possibly can go forward and click on ‘Replace’ to make the modifications dwell.
Here’s what the Twitter Feed seems like on our demo website:
If you wish to show your Twitter Feed in a widget space, then simply click on the ‘+ Add to a Widget’ possibility. You’ll be redirected to the widget editor subsequent.
Then, merely discover and choose the ‘Twitter Feed’ widget.
Much like the earlier technique, simply paste the shortcode within the block settings sidebar and click on ‘Apply Adjustments.’
You’ll then see your newly created Twitter Feed within the dwell preview.
Lastly, click on ‘Replace’ to make the modifications last.
You’ll be able to then go to your dwell web site to see what the feed seems like:
Technique 3: Show Newest Tweets in WordPress With Twitter Publish (No Plugin)
The final technique permits you to add latest Twitter posts utilizing the Twitter Publish characteristic.
Twitter Publish permits you to simply create the embed code for varied forms of Twitter content material, together with a tweet, a video, a timeline, or a button (like a Comply with or Share button).
This technique lets you customise how the embedded aspect seems earlier than including it to your WordPress weblog or web site. It’s not as highly effective because the second technique, but it surely’s price mentioning as a result of it’s free.
For this tutorial, we are going to present you how you can use Twitter Publish to embed a timeline. First, it’s essential to go to the Twitter Publish web site after which paste your Twitter profile URL into the ‘What would you prefer to embed?’ field.
As soon as that’s finished, click on on the arrow icon.
After that, you may be requested to decide on a show possibility: Embedded Timeline or X/Twitter Buttons.
It’s best to select the ‘Embedded Timeline’ possibility, as you wish to present your Twitter timeline with latest tweets.
Upon deciding on the show possibility, it’s going to immediately create the embed code in your latest tweets. You’ll be able to go forward and click on ‘Copy Code’ to embed the customized HTML code immediately.
Alternatively, click on ‘Set customization choices’ to customise how the embedded timeline seems.
Right here, you possibly can customise the timeline’s top and width, select a light-weight or darkish mode, and allow a language translation for the tweets if wanted.
You’ll be able to see what the embedded aspect will appear to be under the settings. As soon as finished, simply click on ‘Replace.’
The embed code will now embody the customization settings you could have chosen for the timeline.
Merely click on ‘Copy Code’ to proceed.
Now, return to your WordPress dashboard and open the block editor for a web page, publish, or widget space.
After that, simply click on the ‘+’ add block button wherever within the editor and choose the Customized HTML widget or block.
Now, go forward and paste the embed code from earlier within the area.
As soon as finished, you possibly can click on the ‘Preview’ button to see what the feed seems like.
After that, be happy so as to add extra parts to the web page, publish, or widget space. Then, simply replace or publish it.
Right here’s what our demo web site seems like:
Bonus Tip: Add Extra Social Media Feeds to WordPress
Do you run different social media platforms in your model or enterprise? In that case, you then would possibly wish to show different social feeds apart from Twitter in your web site.
By displaying totally different social feeds in your WordPress website, you possibly can let guests know what platforms they will observe you on, growing your follower depend.
Displaying off your social feeds additionally has a key benefit over displaying the standard social icon buttons. It may present guests what content material they might miss by not following you in your social networks, making a ‘worry of lacking out.’
With Smash Balloon, you possibly can show and customise every kind of social media feeds in your WordPress web site. This fashion, the entire feeds look good with the theme you’re utilizing.
Simply try the tutorials under on how you can show totally different social feeds in WordPress:
Tips on how to Create a Customized Fb Feed in WordPress
Tips on how to Create a Customized Instagram Picture Feed in WordPress
Tips on how to Present Newest Movies From YouTube Channel in WordPress
Tips on how to Embed TikTok Movies in WordPress (Simple Strategies)
Tips on how to Present Google, Fb, and Yelp Opinions in WordPress
We hope this text helped you to discover ways to present latest tweets in WordPress. You may additionally wish to see our final information to WordPress search engine marketing (search engine marketing) or our knowledgeable decide of the finest WordPress social media plugins.
Should you preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You may also discover us on Twitter and Fb.
The publish Tips on how to Show Latest Tweets in WordPress (Step by Step) first appeared on WPBeginner.
Subscribe to MarketingSolution.
Receive web development discounts & web design tutorials.
Now! Lets GROW Together!