How to Add Twitter Share and Retweet Button in WordPress

I’ve learned that the easier you make it for people to share your content online, the more they’ll share it. And when it comes to social sharing, Twitter (X) is still one of the most powerful platforms for getting your content noticed.

That’s why the WPBeginner team is active on Twitter, and we make sure our content is easy to share! 🙌

What’s more, in my opinion, making your content shareable on Twitter isn’t just a nice addition to a solid marketing strategy, it’s a non-negotiable. That’s because it can have a bigger impact on your business than you might think.

How? Twitter shares don’t just expand your reach. They also send positive signals to search engines, showing them that people find your content valuable.

In this guide, I’ll show you 2 simple methods to add Twitter share and retweet buttons in WordPress (no coding required).

Why Add Twitter Share and Retweet Buttons in WordPress?

According to the WPBeginner team’s marketing statistics research, Twitter (X) has over 250 million monthly active users. That makes it a great place to promote your website.

However, sharing your content on social media only reaches users who are already following your account. If you want to reach a new audience, then you need to get people to share and retweet your content.

This can increase your blog traffic by introducing your brand to people who may not have been aware of your website. Reposting your content is also a powerful form of social proof. When someone shares a post or tweet with their followers, it’s often seen as an endorsement.

That said, let’s look at how easy it is to add Twitter share and retweet buttons in WordPress. Simply use the quick links below to jump straight to the method you want to use:

Method 1: How to Add a Twitter Share Button in WordPress With Novashare

In my experience, the easiest way to add a Twitter (X) share button to WordPress is by using the Novashare plugin. It’s one of the best social media plugins for WordPress that lets you add all kinds of sharing buttons to your site. This includes LinkedIn, Facebook, and X.

💡 Note: The WPBeginner team did extensive research on this plugin, and you can find out all about it in our comprehensive Novashare review.

Unlike other bulky plugins, Novashare is performance-focused and works great with many popular WordPress themes. This makes it perfect for site owners who care about page speed, style, and simplicity.

Step 1: Install and Activate Novashare

The first step is to install and activate the plugin.

You will need to purchase the Novashare plugin from the official Novashare website.​

After that, you can simply follow through the checkout process to get to your Novashare dashboard.

Then, you’ll see your purchase confirmation, where you can find the Novashare license key, as well as the .zip file.

Simply download the file, copy your license key, and store it somewhere safe.

Next, in your WordPress admin area, go to Plugins » Add New to install the plugin.

You can upload the Novashare .zip file and click ‘Install Now’ to start the process, followed by ‘Activate’.​ If you need help, then please see our guide on how to install a WordPress plugin.

Upon activation, you’ll want to activate your license key. You can do this by heading over to Settings » Novashare.​

On the next screen, you can click on ‘License.’

After that, simply enter your key into the field and click ‘Save License.’

With that done, you’re ready to create your Twitter share button with Novashare.

Step 2: Create Your Twitter Share Button

To create social media share buttons in Novashare, you can work in either the ‘Inline Content’ or ‘Floating Bar’ submenu.

Wondering what that means? Here are the main differences:

• Inline content: By default, these use the medium size and show the button at the top or the bottom (or both) — depending on what you choose. You can also place them anywhere on your page using a block or shortcode.

• Floating bar: These show up on the left side of the screen on desktop and stick to the bottom on mobile. They use the small button size by default, but the placement can shift a bit depending on your screen size.

For this guide, I’m going to use the ‘Inline content’ style, so I’ll switch the toggle to enable it.

Alternatively, you can go to the Floating Bar tab and enable it.

Once you’ve turned on your preferred share button, look for the ‘Social Networks’ section below it. Here, go ahead and click on the X icon to select it.

That’s it! But before you save this setting, you’ll want to customize your Twitter share button.

Step 3: Customize Share Button Appearance:

If you scroll down in the ‘Inline Content’ tab, you’ll find several options to customize how your Twitter (X) share button looks and where it appears on your site.

In the ‘Display’ section, you can choose which post types will show the Twitter share button. Just check the boxes you want. For example, for this tutorial, I’ll enable it for ‘Posts.’

Next, you can decide where the button appears – above the content, below the content, or both above and below the content.

The ‘Show in Feeds’ feature lets you display buttons inside RSS feeds as well.

Then, ‘Mobile Breakpoint’ sets when the mobile style kicks in, for example, 1200px. Meanwhile, the ‘Hide Above/Below Breakpoint’ setting controls button visibility based on screen size.

Further down the page, you’ll find the ‘Design’ subsection. Here’s what you can customize:

• Button Style: Solid, Inverse, Bordered Label, Bordered Button, Minimal Label, Minimal
• Button Layout: Auto-Width, 1-6 column(s)
• Button Alignment: Left, Right, Center
• Button Size: Small, Medium, Large
• Button Shape: Squared, Rounded, Circular

After that, you might want to change the button color. If so, simply move around the color picker tool to choose a color.

For this tutorial, I’ve enabled the ‘Inverse on Hover’ feature to make the button feel more interactive. This adds a hover effect, where the button’s colors flip when someone hovers over it — giving users a visual cue that it’s clickable.

To make it even more interesting, you can choose the button hover color using the color picker tool. There are settings to adjust the button margin and label display, too.

Just below the ‘Design’ subsection, you’ll find ‘Share Counts.’

Here, you can show the total number of shares across all networks. And then, you might want to change where it appears, like before or after the buttons. You can also tweak the color to match your WordPress site.

Want to show shares per platform too? Feel free to enable ‘Network Share Counts.’

That said, keep in mind that some social media platforms, don’t support share count data anymore. So, they might not display a number.

Lastly, you’ll find the ‘Call to Action‘ subsection.

It lets you add a short text label to guide readers on what the button does — like “Share this post” or “Tweet now.”

You can also customize the font size and color to match your site’s style.

After making your adjustments, you can click the ‘Save Changes’ button.​

And that’s it! Novashare will immediately show the Twitter (X) share button on your posts. Here’s an example from my test website:

Method 2: How to Let Users Retweet Your Tweets in WordPress With Smash Balloon

If you want to add a simple share button to a page or post, then Novashare is a good option. However, you may also want to encourage visitors to retweet your recent tweets. This can get you more engagement and spread your content even further.

The best way to get more retweets is by using Smash Balloon Twitter Feed Pro. This Twitter feed plugin allows you to add your entire Twitter (X) feed to any page, post, or widget-ready area.

💡 Note: For more information about the plugin, check out the WPBeginner team’s full Smash Balloon review.

Each tweet has its own menu for Twitter actions.

This means visitors can simply repost a tweet by clicking its ‘retweet’ button.

Even better, the feed updates automatically, so there are always new tweets for visitors to engage with. This can help keep your site fresh and interesting, even for frequent visitors.

Step 1: Set Up Twitter Feed Pro

First, you’ll need to install and activate Smash Balloon’s Twitter Feed Pro. If you need help, then please see the WPBeginner guide on how to install a WordPress plugin.

After you have installed the plugin, head over to Twitter Feed » Settings. You can now enter your Smash Balloon license key into the ‘License Key’ field.

You can find this information in the confirmation email you got when you purchased Smash Balloon and in your Smash Balloon account.

After adding your license key, go ahead and click on the ‘Activate’ button.

Step 2: Create a Live Twitter Feed for WordPress

Once you have done that, you are ready to create a custom Twitter feed. To get started, go to Twitter Feed » All Feeds and then click on the ‘Add New’ button.

If this is your first time adding a Twitter feed with Smash Balloon, then you will be asked to verify your email address.

Simply click the ‘Connect’ button to do that and complete the on-screen instructions.

Once done, you will return to the plugin page. Smash Balloon will now show all the different types of Twitter feeds you can create.

Since you want more retweets, just select ‘User Timeline’ and click ‘Next.’

On the next screen, you need to type in the @ symbol followed by the name of your Twitter (X) account.

When you are ready, click on ‘Next’ to open the main Smash Balloon editor.

Next, you can choose the template to use in your Twitter feed.

For example, you might show your tweets in a responsive slider by selecting ‘Simple Carousel. If you only want to promote your most recent tweet, then you can select the ‘Latest Tweet’ template instead.

I will use the ‘Default’ template for this tutorial, but you can choose any template you want.

After making your decision, click on ‘Next.’

Smash Balloon will now show a preview of the social media feed, ready for you to customize.

Step 3: Customize Your WordPress Twitter Feed

Not happy with how the template looks? To change it, simply select ‘Template’ from the left-hand menu.

You can then click on the ‘Change’ button.

This opens a popup where you can choose a new layout.

Simply select a new template and then click on ‘Update.’

With that done, you need to click the ‘Customize’ link.

This will take you back to the main Smash Balloon settings.

The next option in the left-hand menu is ‘Feed Layout,’ so give it a click.

Here, you can change the height of the Twitter feed and the number of tweets the visitor initially sees. You can also switch between a Grid, Masonry, or Carousel layout.

As you make changes, the preview will update automatically, so you can try different settings to see what looks the best.

Depending on the layout you are using, you may be able to change how many columns Smash Balloon displays on desktop, tablet, and mobile devices.

Smartphones and tablets typically have smaller screens and less processing power, so you may want to show fewer columns on mobile devices. This can help you keep your site mobile-friendly.

To customize this based on device, simply use the dropdown menus in the ‘Columns’ section.

When you are happy with how the feed layout is set up, click on the ‘Customize’ link again to return to the main settings screen.

Here, you can click on ‘Color Scheme.’

By default, Smash Balloon uses the colors inherited from your WordPress theme, but you can switch to a ‘Light’ or ‘Dark‘ color scheme instead.

Another option is to create your own color scheme by selecting ‘Custom’ and then using the controls to change the background color, change the text color, and more.

When you are happy with your changes, click on the ‘Customize’ link once again. Back on the main settings screen, you need to click on ‘Header.’

By default, Smash Balloon adds a ‘Standard’ header to the feed, which shows a ‘Follow’ button and your Twitter bio, if available.

If you want to hide the Twitter bio, then click to disable the ‘Show Bio’ toggle.

Another option is to select ‘Text,’ which adds a ‘We are on Twitter’ header to the feed.

You can replace this with your own messaging by typing it into the ‘Text’ box.

When you are happy with the messaging, you can change the header’s size and color.

After that, return to the main Smash Balloon settings screen and select ‘Tweets.’ Here, you can choose between ‘Tweet Style’ and ‘Edit Individual Elements.’

If you select ‘Tweet Style,’ then you can choose between boxed and regular layouts.

If you pick ‘Boxed,’ then you can create a colored background for each tweet. You can also make the border radius larger to create curved corners or add a box shadow.

If you choose ‘Regular,’ then you can change the thickness and color of the line that separates your different social media posts.

When you are happy with your changes, simply click on ‘Tweets.’

This takes you back to the previous screen.

This time, you can click on ‘Edit Individual Elements.’

You will now see all the content that Twitter Feed Pro includes in each tweet, such as the author, tweet text, Twitter logo, and more.

To get as many retweets as possible, it’s a good idea to make the retweet icon stand out. To do this, click on the arrow next to ‘Tweet Actions.’

Here, you can make the tweet actions bigger using the ‘Size’ dropdown and change the color.

Just be aware that Smash Balloon will apply these changes to all the tweet actions and not just the ‘retweet’ icon.

When you are happy with how the tweet actions look, just click on the ‘Elements’ text.

This will take you back to the previous screen.

Simply repeat this process to customize any of the other individual elements.

You can also hide an element by unchecking its box.

Hiding unnecessary content is another trick that can help the retweet action stand out.

When you are happy with how the tweets look, you can return to the main Smash Balloon settings screen and select ‘Load More Button.’

Since it’s such an important button, you may want to customize it by changing its background color, hover state, label, and more to match your site’s design.

You can also replace the default ‘Load More’ text with your own messaging by typing it into the ‘Text’ field.

Another option is enabling an infinite scroll so that new tweets appear automatically when visitors reach the end of the feed. This encourages visitors to explore more of your tweets and may get you some extra retweets.

To enable this feature, simply click on the ‘Infinite Scroll’ slider so it turns from gray (disabled) to blue (enabled).

You can also change the ‘Trigger Distance,’ which tells Smash Balloon when to load new tweets. However, the default settings should work well for most WordPress websites.

After that, the final option on the main Smash Balloon settings screen is ‘Lightbox.’

By default, Twitter Feed Pro allows visitors to scroll through the feed’s images and videos in a lightbox popup.

This can get you some extra retweets, as visitors can get a closer look at the feed’s images and watch your videos without leaving the website.

With that in mind, I recommend leaving the lightbox enabled.

However, if you want to disable this feature, then simply click on the blue ‘Enable’ toggle so that it turns gray.

When you are happy with how the Twitter feed looks, don’t forget to click on ‘Save.’ After that, you are ready to embed the Twitter feed and retweet buttons on your WordPress website.

Step 4: Add Your Twitter Feed to WordPress

You can add the Twitter feed to your website using either a shortcode or the Twitter Feed block. Since it’s the easiest method, let’s first see how you can add the feed to any page or post using the Smash Balloon block.

If you have created more than one feed, then you will need to find the code for the feed you want to embed.

To get this information, go to Twitter Feeds » All Feeds and copy the code in the ‘Shortcode’ column. You will need to add this code to your site, so make a note of it.

In the following image, you will need to use [custom-twitter-feeds feed=2]

After that, simply open the page or post where you want to embed the Twitter feed. Then, click on the ‘+’ icon to add a new block and start typing ‘Twitter Feed’.

When the right block appears, click to add it to the blog post.

The block will show one of your Twitter feeds by default. If you want to use a different feed, then find ‘Shortcode Settings’ in the right-hand menu.

Here, simply add the shortcode and then click on ‘Apply Changes.’

The block will now show your Twitter feed, and you can simply publish or update the post to make it live on your website.

Another option is to add the feed to any widget-ready area or site-wide design element such as the sidebar. This allows visitors to retweet your latest posts from any page of your website.

If you are using a block theme, you can add the Twitter Feed block directly to one of your Templates or Template Parts in the Full Site Editor, using the same approach I showed for a page or post.

For detailed instructions on how to do this, see our beginner’s guide to WordPress full-site editing.

If you’re not using a block theme, you’ll need to go to Appearance » Widgets in the WordPress dashboard and then click on the blue ‘+’ button.

Once you have done that, you need to type in ‘Twitter Feed’ to find the right widget.

Then, just drag it to the area where you want to show the feed and retweet buttons.

The widget will show one of the feeds you created using Smash Balloon.

To show a different Twitter feed instead, type the feed’s code into the ‘Shortcode Settings’ box and then click on ‘Apply Changes.’

You can now click on the ‘Update’ button to make the widget live. For more information, please see our step-by-step guide on how to add and use widgets in WordPress.

Finally, you can embed the feed and retweet buttons on any page, post, or widget-ready area using a shortcode.

Simply go to Twitter Feed » All Feeds and copy the code in the ‘Shortcode’ column. You can now add the shortcode to any widget-ready area on your site.

For more information, please see our detailed guide on how to add a shortcode in WordPress.

Bonus Tip: Sharing to Twitter with ClickSocial

ClickSocial is the best social media scheduling plugin for WordPress. It lets you schedule and publish posts to Twitter (X) right from your WordPress dashboard!

You can add your Twitter account, write a post using the tool’s intuitive editor, and either publish it immediately or schedule it for later using options like add to queue or custom time.

It also supports reviving old WordPress posts, so you can automatically re-share your evergreen content on Twitter without lifting a finger.

For more information, check out our guide on how to schedule WordPress posts for social media.

Learn More Ways to Use Twitter in WordPress

Do you want to make the most out of your Twitter (X) profile to promote your WordPress website? Or perhaps you want to add more Twitter content to your site? If so, then check out these guides below:

• Beginners Guide on How to Add Twitter Cards in WordPress
• How to Fix Broken Twitter Card Images in WordPress
• How to Promote Your Twitter Page in WordPress with a Popup
• How to Display Twitter Followers Count and More in WordPress
• How to Add Pay With a Tweet Button for File Downloads in WordPress

We hope this article helped you add Twitter share and retweet buttons in WordPress. You may also want to check out our article on the latest social media statistics that bloggers must know and our beginner’s guide on how to start a YouTube channel for your business.

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.