How to Add Click to Tweet Boxes in Your WordPress Posts

Have you seen beautiful quote boxes on popular sites which encourage users to Tweet? These click to tweet quote boxes are very effective in increasing your site engagement and getting more shares on Twitter. In this article, we will show you how to add click… Read More »

To leave a comment please visit How to Add Click to Tweet Boxes in Your WordPress Posts on WPBeginner.

Have you seen beautiful quote boxes on popular sites which encourage users to Tweet? These click to tweet quote boxes are very effective in increasing your site engagement and getting more shares on Twitter. In this article, we will show you how to add click to tweet boxes in your WordPress posts and pages.

Click to Tweet

First thing you need to do is install and activate the Click To Tweet plugin. Upon activation, simply visit Settings » Click to Tweet to configure the settings.

Click to Tweet Settings

On the settings screen, you would need to provide your Twitter username without @ symbol. This Twitter username will be added to outgoing Tweets as ‘via @username’. Don’t forget to hit the save changes button to store your settings.

Next, you need to create a new post or edit an existing one. In the post, you can add the quote you want to use in the shortcode like this:

[Tweet "Text you want to use as a quote goes here..."]

Once you are done with the post, click the save button and preview your post to see the click to Tweet quote in action.

If you want to change the appearance of the quote box, then you will need to edit the plugin’s CSS file. It is loocated at /wp-content/plugins/click-to-tweet-by-todaymade/assets/css/styles.css directory. You can access it using an FTP client and open it in a text editor like Notepad. You can also access it directly through your web browser.

Editing plugin files directly is not recommended at all. You will lose your changes as these files will get overwritten whenever you update the plugin.

That’s why we recommend copying the contents of the CSS file and paste them in your theme or child theme‘s stylesheet.

Now you can make any changes you want to the appearance of the quote box by editing your theme’s stylesheet.

We hope this article helped you add click to tweet boxes in your WordPress blog posts. You may also want to take a look at this beginners guide on how to add Twitter cards in in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Google+.

To leave a comment please visit How to Add Click to Tweet Boxes in Your WordPress Posts on WPBeginner.