Do you need to add Twitter share and retweet buttons to your WordPress website?
Including social buttons to your posts and pages is an effective way to encourage readers to share and retweet your content material. This may get you extra followers, engagement, and guests.
On this article, we’ll present you how one can add Twitter share and retweet buttons in WordPress.
Why Add Twitter Share and Retweet Buttons in WordPress?
In keeping with our advertising and marketing statistics analysis, Twitter has over 217 million month-to-month lively customers. That makes it an excellent place to advertise your web site.
Nevertheless, sharing your content material on social media solely reaches customers who’re already following your account. If you wish to attain a brand new viewers, then it’s essential get individuals to share and retweet your content material.
This may improve your weblog site visitors by introducing your model to individuals who could not have been conscious of your web site. Reposting your content material can also be a robust type of social proof. When somebody shares a publish or tweet with their followers, it’s usually seen as an endorsement.
That stated, let’s take a look at how simple it’s so as to add Twitter share and retweet buttons in WordPress. Merely use the fast hyperlinks under to leap straight to the tactic you need to use:
Technique 1: Utilizing Shared Counts (Fast and Simple)
The best manner so as to add a Twitter share button to WordPress is by utilizing the Shared Counts plugin. Shared Counts is likely one of the finest social media plugins for WordPress that allows you to add all types of sharing buttons to your website.
Not like another social sharing plugins, Shared Counts makes use of a singular caching methodology, so it gained’t have a huge impact in your web site’s pace and efficiency.
First, you’ll need to put in and activate the plugin. For those who need assistance, then please see our information on how one can set up a WordPress plugin.
Upon activation, go to Settings » Shared Counts to configure the plugin’s settings.
To start out, scroll to ‘Share Buttons to Show’.
By default, Shared Counts provides sharing buttons for Fb, Pinterest, and Twitter.
If you wish to delete the Fb or Pinterest sharing button, then merely click on on its ‘x’ icon.
You can too add social sharing buttons for different platforms by typing into the sphere. For step-by-step directions, please see our information on how one can add social share buttons in WordPress.
With that accomplished, you’ll need to decide on what kind of button to make use of in your WordPress weblog. There are 8 kinds to select from, and you’ll see examples of every button over on the Shared Counts plugin web page.
When you may have determined, simply open the ‘Share Button Fashion’ dropdown and choose the type you need to use.
After that, you should select the place to point out the Twitter button in your WordPress theme by opening the ‘Theme Location’ dropdown menu.
Right here, you’ll be able to choose Earlier than Content material, After Content material, or Earlier than and After Content material.
For those who add the button to the highest of the web page, then extra guests will see it. Nevertheless, most individuals will need to learn a publish earlier than sharing it. With that being stated, it’s possible you’ll need to select ‘After Content material’ or ‘Earlier than and After Content material’.
Lastly, it’s essential determine whether or not so as to add the Twitter button to your pages or posts.
By default, Shared Counts solely provides the button to your posts. Nevertheless, it’s possible you’ll need to add it to your pages, too, particularly in the event you create a number of touchdown pages or gross sales pages.
In that case, you’ll be able to test the field subsequent to ‘Web page.’
When you’re pleased with how the Twitter share button is ready up, click on on ‘Save Adjustments’.
Now, in the event you go to your WordPress web site, then you will note the sharing button in motion.
Technique 2: Utilizing Twitter Feed Professional (Finest for Getting Retweets)
If you wish to add a easy share button to a web page or publish, then Shared Counts is an efficient choice. Nevertheless, you may additionally need to encourage guests to retweet your latest tweets. This may get you extra engagement and unfold your content material even additional.
The easiest way to get extra retweets is by utilizing Smash Balloon Twitter Feed Professional. This plugin permits you to add your complete Twitter feed to any web page, publish, or widget-ready space.
Every tweet has its personal row of Twitter actions.
This implies guests can merely repost a tweet by clicking its ‘retweet’ button.
Even higher, the feed updates robotically, so there are all the time new tweets for guests to interact with. This might help maintain your website recent and fascinating, even for normal guests.
Set Up Twitter Feed Professional
First, you should set up and activate Smash Balloon’s Twitter Feed Professional. For those who need assistance, then please see our information on how one can set up a WordPress plugin.
After you may have put in the plugin, head over to Twitter Feed » Settings. Now you can enter your Smash Balloon license key into the ‘License Key’ discipline.
You’ll find this info within the affirmation electronic mail you bought whenever you bought Smash Balloon and in your Smash Balloon account.
After including your license key, go forward and click on on the ‘Activate’ button.
Create a Dwell Twitter Feed for WordPress
After you have accomplished that, you’re able to create a customized Twitter feed. To get began, go to Twitter Feed » All Feeds after which click on on the ‘Add New’ button.
Smash Balloon will now present all of the several types of Twitter feeds you’ll be able to create.
Because you need extra retweets, simply choose ‘Consumer Timeline’ and click on ‘Subsequent’.
On the subsequent display screen, it’s essential kind within the @ image adopted by the identify of your Twitter account.
When you’re prepared, click on on ‘Subsequent’ to open the primary Smash Balloon editor.
Subsequent, you’ll be able to select the template to make use of in your Twitter feed.
For instance, you would possibly present your tweets in a responsive slider by choosing ‘Easy Carousel’. For those who solely need to promote your most up-to-date tweet, then you’ll be able to choose the ‘Newest Tweet’ template as a substitute.
We are going to use the ‘Default’ template in all our pictures, however you’ll be able to select any template you need.
After making your determination, click on on ‘Subsequent’.
Smash Balloon will now present a preview of the social media feed, prepared so that you can customise.
Customise Your WordPress Twitter Feed
Not pleased with how the template seems? To alter it, merely choose ‘Template’ from the left-hand menu.
You may then click on on the ‘Change’ button.
This opens a popup the place you’ll be able to select a brand new structure.
Merely choose a brand new template after which click on on ‘Replace’.
With that accomplished, it’s essential click on on the ‘Customise’ hyperlink.
This may take you again to the primary Smash Balloon settings.
The subsequent choice within the left-hand menu is ‘Feed Structure’, so give it a click on.
Right here, you’ll be able to change the peak of the Twitter feed and the variety of tweets the customer initially sees. You can too change between a Grid, Masonry, or Carousel structure.
As you make modifications, the preview will replace robotically, so you’ll be able to attempt completely different settings to see what seems the most effective.
Relying on the structure you’re utilizing, you might be able to change what number of columns Smash Balloon shows on desktop, pill, and cellular units.
Smartphones and tablets sometimes have smaller screens and fewer processing energy, so it’s possible you’ll need to present fewer columns on cellular units.
To do that, merely use the dropdown menus within the ‘Columns’ part.
When you’re pleased with how the feed structure is ready up, click on on the ‘Customise’ hyperlink once more to return to the primary settings display screen.
Right here, you’ll be able to click on on ‘Coloration Scheme’.
By default, Smash Balloon makes use of the colours inherited out of your WordPress theme, however you’ll be able to change to a ‘Mild’ or ‘Darkish’ shade scheme as a substitute.
Another choice is to create your individual shade scheme by choosing ‘Customized’ after which utilizing the controls to vary the background shade, change the textual content shade in WordPress, and extra.
When you’re blissful together with your modifications, click on on the ‘Customise’ hyperlink as soon as once more. Again on the primary settings display screen, it’s essential click on on ‘Header.’
By default, Smash Balloon provides a ‘Normal’ header to the feed, which exhibits a ‘Comply with’ button and your Twitter bio, if obtainable.
If you wish to cover the Twitter bio, then click on to disable the ‘Present Bio’ toggle.
Another choice is to pick ‘Textual content,’ which provides a ‘We’re on Twitter’ header to the feed.
You may change this with your individual messaging by typing it into the ‘Textual content’ field.
When you’re pleased with the messaging, you’ll be able to change the header’s dimension and shade.
After that, return to the primary Smash Balloon settings display screen and choose ‘Tweets’. Right here, you’ll be able to select between ‘Tweet Fashion’ and ‘Edit Particular person Parts’.
If you choose ‘Tweet Fashion,’ then you’ll be able to select between boxed and common layouts.
For those who choose ‘Boxed’, then you’ll be able to create a coloured background for every tweet. You can too make the border radius bigger to create curved corners or add a field shadow.
For those who select ‘Common’, then you’ll be able to change the thickness and shade of the road that separates your completely different social media posts.
When you’re blissful together with your modifications, merely click on on ‘Tweets’.
This takes you again to the earlier display screen.
This time, you’ll be able to click on on ‘Edit Particular person Parts’.
You’ll now see all of the content material that Twitter Feed Professional consists of in every tweet, such because the writer, tweet textual content, Twitter brand, and extra.
To get as many retweets as attainable, it’s a good suggestion to make the retweet icon stand out. To do that, click on on the arrow subsequent to ‘Tweet Actions’.
Right here, you may make the tweet actions larger utilizing the ‘Measurement’ dropdown and alter the colour.
Simply bear in mind that Smash Balloon will apply these modifications to all of the tweet actions and never simply the ‘retweet’ icon.
When you’re pleased with how the tweet actions look, simply click on on the ‘Parts’ textual content.
This may take you again to the earlier display screen.
Merely repeat this course of to customise any of the opposite particular person components.
You can too cover a component by unchecking its field.
Hiding pointless content material is one other trick that may assist the retweet motion stand out.
When you’re pleased with how the tweets look, you’ll be able to return to the primary Smash Balloon settings display screen and choose ‘Load Extra Button.’
Because it’s such an necessary button, it’s possible you’ll need to customise it by altering its background shade, hover state, label, and extra to match your website’s design.
You can too change the default ‘Load Extra’ textual content with your individual messaging by typing it into the ‘Textual content’ discipline.
Another choice is enabling infinite scroll in order that new tweets seem robotically when guests attain the top of the feed. This encourages guests to discover extra of your tweets and should get you some additional retweets.
To allow this function, merely click on on the ‘Infinite Scroll’ slider so it turns from gray (disabled) to blue (enabled).
You can too change the ‘Set off Distance’, which tells Smash Balloon when to load new tweets. Nevertheless, the default settings ought to work nicely for many WordPress web sites.
After that, the ultimate choice on the primary Smash Balloon settings display screen is ‘Lightbox’.
By default, Twitter Feed Professional permits guests to scroll by means of the feed’s pictures and movies in a lightbox popup.
This may get you some additional retweets, as guests can get a more in-depth take a look at the feed’s pictures and watch your movies with out leaving the web site.
With that in thoughts, we suggest leaving the lightbox enabled.
Nevertheless, if you wish to disable this function, then merely click on on the blue ‘Allow’ toggle in order that it turns gray.
When you’re pleased with how the Twitter feed seems, don’t neglect to click on on ‘Save’. After that, you’re able to embed the Twitter feed and retweet buttons in your WordPress web site.
The way to Add Your Twitter Feed to WordPress
You may add the feed to your web site utilizing both a shortcode or the Twitter Feed block. Because it’s the simplest methodology, let’s first see how one can add the feed to any web page or publish utilizing the Smash Balloon block.
In case you have created multiple feed, then you’ll need to seek out the code for the feed you need to embed.
To get this info, go to Twitter Feeds » All Feeds and duplicate the code within the ‘Shortcode’ column. You have to so as to add this code to your website, so make a remark of it.
Within the following picture, we might want to use [custom-twitter-feeds feed=2]
After that, merely open the web page or publish the place you need to embed the Twitter feed. Then, click on on the ‘+’ icon so as to add a brand new block and begin typing ‘Twitter Feed’.
When the proper block seems, click on so as to add it to the weblog publish.
The block will present one among your Twitter feeds by default. If you wish to use a distinct feed, then discover ‘Shortcode Settings’ within the right-hand menu.
Right here, merely add the shortcode after which click on on ‘Apply Adjustments’.
The block will now present your Twitter feed, and you’ll merely publish or replace the publish to make it stay in your web site.
Another choice is so as to add the feed to any widget-ready space, such because the sidebar or comparable part. This enables guests to retweet your newest posts from any web page of your web site.
Merely go to Look » Widgets within the WordPress dashboard after which click on on the blue ‘+’ button.
After you have accomplished that, it’s essential kind in ‘Twitter Feed’ to seek out the proper widget.
Then, simply drag it onto the world the place you need to present the feed and retweet buttons.
The widget will present one of many feeds you created utilizing Smash Balloon.
To point out a distinct Twitter feed as a substitute, kind the feed’s code into the ‘Shortcode Settings’ field after which click on on ‘Apply Adjustments’.
Now you can click on on the ‘Replace’ button to make the widget stay. For extra info, please see our step-by-step information on how one can add and use widgets in WordPress.
Lastly, you’ll be able to embed the feed and retweet buttons on any web page, publish, or widget-ready space utilizing a shortcode.
Merely go to Twitter Feed » All Feeds and duplicate the code within the ‘Shortcode’ column. Now you can add the shortcode to any widget-ready space in your website.
For extra info, please see our detailed information on how one can add a shortcode in WordPress.
We hope this text helped you add Twitter share and retweet buttons in WordPress. You may additionally need to try our information on how one can create an electronic mail e-newsletter or see our knowledgeable picks for the most effective net push notification software program.
For those who appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can too discover us on Twitter and Fb.