How To Add “Click to Tweet” Boxes In WordPress

How To Add “Click to Tweet” Boxes In WordPress 1

Having a click-to-tweet box can help you get more tweets as well as traffic, right?

Yes, people want to share more than just the title of an article and the link to it.

Having a powerful quote in your post that makes your readers look good in their community will make them more willing to tweet about your post.

Also, these quotes tend to get more clicks than a headline with a link to your post.

But maybe you are worried that you’ll need a lot of time and some knowledge of codes to be able to implement an attention-grabbing click-to-tweet box that links to your post automatically, right?

In this post, you are going to discover how to do so with ease without touching a line of code. All you need to do is fill the spaces, and you are done. :)

Let’s get into the details. :)

How to Add Click-to-Tweet Boxes in WordPress

Adding a click-to-tweet box will not only make your post look better, but it can also help you get more tweets and traffic to your post.

Here is a simple step-by-step instruction on how to create one on your site without having any coding knowledge.

Step #1: Install & Activate Ultimate Blocks

The first step is to install the Ultimate Blocks plugin on your website.

Ultimate Blocks is a plugin that we created to add more blocks to the Gutenberg editor and help you format your post nicely to make it more enticing to the viewers.

You can learn more about the plugin here.

You can install it like any other plugin.

  1. Go to WordPress Dashboard > Plugins > Add New.
  2. Type the name of the plugin “Ultimate Blocks”.
  3. Install the first result that appears to you. Click on the install button and then click on Activate, and you are done.
How To Add “Click to Tweet” Boxes In WordPress 2

You can also download the plugin and then upload the zip file to your WordPress site.

Step #2: Insert ‘Click to Tweet’ Block 

Once you’ve installed the plugin & activated it, you can insert the click-to-tweet block in your WordPress editor. Here’s how to do it:

  1. Search for the Click to Tweet block.
  2. Add it to your post.
How To Add “Click to Tweet” Boxes In WordPress 3

And you are done. Now, you have the click to tweet box added to your post.

Here is a demo of how it would look like.

How To Add “Click to Tweet” Boxes In WordPress 4

Step #3: Configure Click to Tweet Block

Of course, you want to style the box to suit your needs without playing with codes. That is why you are here in the first place.

You can easily configure the box as you want in the settings of the block. Here is how it looks in the editor once you place it.

How To Add “Click to Tweet” Boxes In WordPress 5

As you can see, there are four settings that you could modify to suit your needs.

  • Twitter Username: To add your username so you get mentioned and more people follow your site 
  • Font Size: To modify the size of your font, to suit your format. Maybe you could make it bigger than your normal font to make it stand out.
  • Tweet Color: Don’t want to use the boring blue color? You can choose the color you want.
  • Border Color: You can also change the color of the border if you want it to be the same as your tweet color, or you want to use a different color.

You have enough options to customize the box as you want.

And of course, you can change the text inside the box to appear as you want.

Other WordPress Click to Tweet Plugins 

Here are other options to consider if you don’t want to use the Ultimate Blocks plugin, although, I don’t know why you wouldn’t.

Just in case, here are three other plugins that could help you create click-to-tweet boxes inside your content.

Better Click to Tweet

Better click-to-tweet is one of the first plugins that was created to help you create click-to-tweet boxes.

If you still prefer the classic editor, then you might want to use this plugin. You can easily create click-to-tweet boxes and then use the shortcode to place them in your content.

It also works with the Gutenberg editor. 

How To Add “Click to Tweet” Boxes In WordPress 6

You can add it as a block like the Ultimate Blocks plugin. But here, you installed a plugin to add 1 block. With the Ultimate Blocks plugin, you get 18 cool blocks and more under development.

Social Snap

Social Snap is more than just a click-to-tweet plugin. It helps you utilize the full power of social media to grow your website. One of those ways is adding a click-to-tweet box.

It helps you with sharing posts on your social channels, boost old posts, display social followers, add social login to your post, optimize social meta tags, and see the results in good, actionable analytics that is more than just showing you the size of your traffic.

And of course, it can help you add a click-to-tweet box.

How To Add “Click to Tweet” Boxes In WordPress 7

If you are serious about social media and you already plan to purchase this plugin, then you can use it to add a click-to-tweet box to your content.

Just so you know, it is a premium plugin that you pay a yearly fee to use it on your site. 

If you are serious about social media, then it is well worth the money.

If you don’t want the extra features, and just want a click to tweet box to your content, then Ultimate Blocks and Better Click to Tweet are more than enough for this job. 


Adding a click to tweet box can look like a minor thing but it adds to your post. It makes it look good, and help you get more traffic.

And if you are worried about if you can do it without playing with code and doing it with ease, then don’t. This post showed you exactly how to add it without touching a line of code and configure it out to suit your needs.

Let me know your experience adding it to your post, and which way did you use.

Leave a Reply

Your email address will not be published. Required fields are marked *