{"id":19150,"date":"2021-01-23T17:00:13","date_gmt":"2021-01-23T16:00:13","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=19150"},"modified":"2022-01-21T11:01:06","modified_gmt":"2022-01-21T10:01:06","slug":"how-to-add-click-to-tweet-to-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-add-click-to-tweet-to-wordpress\/","title":{"rendered":"How to Add a Click to Tweet Box to WordPress Posts"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]Twitter is one of the world\u2019s most popular social networks. With more than 330 million monthly active users<\/a>, it is also a powerful marketing tool that allows you to share information about your brand and engage with your target audience in real-time.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Aside from posting your content directly on the platform, another way of sharing it with the world is to add a Click to Tweet functionality to your WordPress website. If someone loves your content and is willing to tweet it, allow them to do it with ease by adding a Click to Tweet box to your posts. We will talk about the reasons why the Click to Tweet option is good for your brand and we will show you how to add it by using a plugin.
\n[\/vc_column_text][vc_empty_space height=”80px”][vc_widget_sidebar sidebar_id=”new-top-picks-banner”][vc_empty_space height=”81px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Benefits of Adding a Click to Tweet Box to Your Site<\/h2>\n

[\/vc_column_text][vc_column_text]Twitter is a fast-paced network where tweets easily get buried by the constant influx of fresh content. To stay relevant and have success with the platform, you need to tweet regularly. Another thing that helps boost your popularity is having other users share your content. And the easiest way to enable this option on your site is to add a Click to Tweet functionality to it.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Click to Tweet is a practical feature that facilitates your task of being constantly present on Twitter.<\/strong> Unlike the regular Twitter button that enables people to tweet about web pages, Click to Tweet allows you to put the focus on crucial parts of your posts that users can share on their profiles.<\/strong>[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]You can highlight information about your newest products, big achievements, some important statistics, or anything else you think may be of interest to potential customers and help raise your profile on the platform.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]The easiest way of adding a Click to Tweet box in WordPress is by using the Better Click to Tweet plugin.
\n[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

How to Add a Click to Tweet Box with the Better Click to Tweet Plugin<\/h2>\n

[\/vc_column_text][vc_empty_space height=”24px”]

\n
\n \"Better <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Better Click to Tweet<\/a> is a lightweight freemium plugin that lets you easily insert a Click to Tweet button into your posts.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Upon installing it, go to Settings > Better Click to Tweet<\/strong>.<\/em>[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Better <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]The first thing you should do is enter your Twitter handle into the designated box. There are also options to restyle BCTT boxes, and add UTM tags to the return URL to monitor the boxes\u2019 performance<\/strong>. Both are premium add-ons<\/a> and you can purchase them from BCTT\u2019s official website. If you wish, you can also use a custom short URL<\/strong><\/a>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Settings\" <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]If going premium is not an option for you and you know your way around CSS, use it to modify the appearance of the boxes.
\n[\/vc_column_text][vc_empty_space height=”72px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

How to Add a Better Click to Tweet Box to Your Post<\/h3>\n

[\/vc_column_text][vc_column_text]To add a BCTT box to your posts in Gutenberg<\/strong>, use a BCTT block.[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"Better <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]On the left-hand side of the screen, you\u2019ll find some settings regarding the block. You can add your username in tweets, change the \u201cClick to Tweet\u201d text and input your custom prompt to action, and include a post\u2019s URL in tweets or use a custom URL<\/strong>. Moreover, you can make links nofollow<\/a>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Better <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Once you tweak all the options to your requirements, press the Publish<\/strong><\/em> button.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]In the Classic Editor<\/strong>, head over to the visual editor<\/strong> of the new or an already-existing post, and look for the Twitter icon in the toolbar.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Better <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Place the cursor to the section of the post where you wish to add the BCTT box and then click on the BCTT Shortcode Generator icon. Next, paste the tweetable text to the Tweetable Quote<\/strong><\/em> box. If you wish, you can also enable the option to display the username below the tweet. And since you\u2019ve entered your Twitter name during the setup of the plugin, you will see it in the Which Twitter Username<\/strong><\/em> box. You can change it if you wish, or not show it at all by unchecking the appropriate box.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Better <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]If you\u2019d like to use the text editor<\/strong> and add some additional options to the box, you should format your shortcode like this:[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]<\/p>\n
[bctt tweet=\"The_text_you_wish_to_tweet_goes_here.\"]<\/pre>\n
[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Insert the shortcode into the text editor and paste the part of the post you wish to make tweet-able between quotation marks.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]To change the prompt text, go with this shortcode:
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]<\/p>\n
[bctt tweet=\" The_text_you_wish_to_tweet_goes_here.\u201d prompt=\"Your_Custom_Text\"]<\/pre>\n
[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]For example, you can change it from \u201dClick to Tweet\u201d to \u201cTweet Away\u201d or whatever else you like. And this is how the BCTT would look like on your site:
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n    
\n                                    \"Better                        <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Additionally, you can make a nofollow link<\/strong> by adding this:[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]<\/p>\n
[bctt tweet=\"The_text_you_wish_to_tweet_goes_here.\u201d nofollow=\"yes\"]<\/pre>\n
[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]To exclude the post URL from the tweet<\/strong>, go with this:[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]<\/p>\n
[bctt tweet=\"The_text_you_wish_to_tweet_goes_here.\u201d url=\"yes\"]<\/pre>\n
[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]And if you want to eliminate your Twitter handle from the tweet<\/strong>, this is what your shortcode should look like:[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]<\/p>\n
[bctt tweet=\"The_text_you_wish_to_tweet_goes_here.\u201d via=\"yes\"]<\/pre>\n
[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]If you would like to customize the appearance of the box but still use the free version of the plugin without purchasing premium add-ons, the only thing you can do is use CSS.
\n[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n
Conclusion<\/h2>\n
[\/vc_column_text][vc_column_text]Adding the Click to Tweet option to your posts is an excellent way of boosting your profile on Twitter, driving more traffic to your website, and ultimately, increasing your conversion rates. Make the focal points and important data tweetable, and use the Better Click to Tweet plugin to add the Click to Tweet box next to the highlighted content. While the free version of the plugin doesn\u2019t include a lot of customization options (especially appearance-wise), it\u2019s still an excellent, simple, fast, and practical plugin that lets users share your content to Twitter in a single mouse click. Alternatively, you can try the Social Warefare<\/a> plugin that is primarily used for adding social media sharing buttons to WordPress, but it also includes the Click to Tweet option.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"
Would you like to boost your Twitter profile and drive more traffic to your site? Discover the pros of a Click to Tweet box and learn how to add it to your site<\/p>\n","protected":false},"author":4,"featured_media":19285,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[15,26,4,13],"class_list":["post-19150","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-plugins","tag-social","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/19150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=19150"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/19150\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/19285"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=19150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=19150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=19150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}