Have you ever been reading through a blog post or website and seen a quote with a little Twitter bird icon next to it, suggesting you should tweet a phrase or sentence? These are called “click to tweet” links or buttons and are a very popular tool to add into blog posts and websites. When a blog reader clicks on a click to tweet button, a tweet box will automatically pop up, with a pre-composed message, which is set by the creator of the blog or website.

If you’ve been wondering what these are, how you create them, or why you should use them then you’ve come to the right place.

Here are a few reasons on why you’d want to add a click to tweet to your blog or website:

  • Encourage readers to share and engage with your content.
  • Highlight main points from your post.
  • Break up the post so it’s easier to digest
  • Drive links back to your website which is important to your SEO.

There are various ways of adding Click to Tweet buttons to your website or blog, depending on the platform you are using. Wordpress has the most ways of adding this as it has so many different plugins you can use.

We’ve recently been experimenting with two different methods that are not too difficult. We use Squarespace, however these methods work on any site that uses HTML.

Method 1: Click to Tweet ( https://clicktotweet.com/ )

One of the most user-friendly methods, Click to Tweet can be used with many different websites. You need to login using your twitter account and type the message you’d like to pop up for people to tweet in the box at the top of the page. The website will then generate a new link and embed code for you, which you can then copy and paste into your website/blog post. Click to Tweet also has plugins available for Wordpress, which can be easily downloaded and used.

If you are using other platforms such as Drupal, then we’ve found a link here for the Drupal plugin for adding Click to Tweet buttons to your website.

Using Squarespace? You will need to add in a ‘code’ content box and then paste the embed code into this. You can add more code to change the appearance of the click to tweet. For a detailed guide on how to change the appearance of your click to tweet click here. (Thanks Brand it Girl for the great tutorial!)

Here’s an example below of what a Click to Tweet can look like using Click to Tweet and Brand it Girl’s guide.  However, if you are clever with custom CSS and HTML codes then the creative opportunities are endless.

Method 2: Using HTML Coding

This method involves a lot of copying and pasting but is brilliantly packaged in  Muno Space’s blog here: http://www.muno.space/code-snippets/inline-tweeting.

Here’s a quick example of what this method of Click to Tweet will look like once all the codes are in the right places!

@@Adding a click to tweet link to your website via @ByThisRiver http://bit.ly/2lsI5pN@@

So here are just a couple of examples of how to enhance your posts with inline tweets and we hope you will find the method that is easiest for you.

If you know of any cool tips, then please share them in our comment box below.