Tutorial: How to add ‘Click to Tweet’ to a Blog Post

By Laura Christianson

When I was reading “5 reasons literary agents don’t explain their rejections” by Rachelle Gardner, I spotted a sub-heading labeled “Tweetables” at the end of her article.

I hadn’t seen that particular Twitter tool before, so I immediately investigated. Turns out ClickToTweet is undergoing public beta testing. It’s free and you don’t have to create an account, so I tried it. And mastered it. (I hope.)

How to create a clickable “teaser” tweet

Go to http://clicktotweet.com/

In the form field, type or paste in the “teaser” for your blog post. I recommend composing your tweet in your word processor so you have a backup.

When you write your teaser, be sure to include the permanent link to your blog post (use a URL shortener such as https://bitly.com, http://tinyurl.com/ or HootSuite’s htl.y or ow.ly.

If you want your Twitter handle to display in the teaser, add @YourUserName after the link.

Here’s a sample of a teaser I created for this post:

Make it super easy for your readers to tweet your blog posts with ClickToTweet http://www.bloggingbistro.com/?p=13158 via @bloggingbistro

Paste your tweet in the form field:


Notice the big red “3” below my tweet? That shows me that I used up all but 3 of my 140 characters. That doesn’t allow folks enough room to re-tweet it, so I’m going to create a second, shorter teaser.

But first, I want to generate a link for the first teaser. I clicked “Generate Link!”

My teaser disappeared from the form field, and below it, where it says, “Here’s your URL” a link to my teaser displays. I copied that link into my original Word document.


If you click “Here’s a preview” link, it displays a preview of exactly what your tweet will look like, and you can either tweet it right then, or if you have Buffer set up, you can Buffer it to tweet at a pre-scheduled time.


How to add your teaser tweet to a blog post

I love the way Rachelle set up “Tweetables” in her blog post, so I am borrowing her structure (thanks, Rachelle!).

Create a sub-head in your blog post so people will know what you want them to do. Rachelle calls hers “Tweetables.”  I’m calling mine “Tweet It!”

Paste in your teaser text, but leave out the URL and the “via” part. In parentheses, type “Click to tweet” and embed the clicktotweet URL into that anchor text.

It’ll look like this:

Make it super easy for your readers to tweet your blog posts with ClickToTweet (Click to tweet)

How to embed a hyperlink into anchor text

Type your anchor text into your blog’s text editor. For my teaser, the anchor text into which I’ll embed the link is ClickToTweet.

Highlight the anchor text with your mouse and then click the “Insert/Edit Link” icon (the one that looks like a tiny chain link) in your text editor.

Insert Edit Link

Paste in the ClickToTweet link that you generated at ClickToTweet.com. In my case, the link is http://clicktotweet.com/YN33u.

From the dropdown “Target” tab, select “open link in new window.”

Insert Edit Link2

Click “Insert.”

Bonus Tips

After I composed my teaser tweet, I realized that I repeated “ClickToTweet” at the end of my teaser. Could confuse readers. So I decided to compose alternate teasers so my readers will have more than one to choose from (Rachelle did this, too – she listed four “tweetables” at the end of her post).

Hopefully, providing readers with a few ready-made tweets will make it a true no-brainer for them to tweet out links to my blog posts to their tweeps. Here are 3 teaser tweets for this post:

Tweet It!

New tool, ClickToTweet, helps your fans share your blog posts (Click to tweet)

Make it super easy for your readers to tweet your blog posts with ClickToTweet (Click to tweet)

Illustrated tutorial from @bloggingbistro: How to add ClickToTweet to a blog post (Click to tweet)

The cool thing — when you click the links above, you can edit my teasers to suit your own needs or add your own comment.

Does ClickToTweet work?

You tell me. Click one of my teaser links and I’ll report back on whether this post gets more tweets than my other articles. Thanks for the tweet!

This entry was posted in Social Networking, Twitter and tagged , , , . Bookmark the permalink.
  • Alana Terry

    Thanks, this will be neat to try!

  • http://bloggingbistro.com/ Laura Christianson

    Let me know how it works for you, Alana.

  • Elaine Stock

    This sounds very eye-appealing to a blog viewer. And fun! I want to try it for an upcoming blog guest, but I have a question: you say to include a permanent link to my blog post within the teaser. But, how do I do this with Blogger when that permanent link isn’t produced until I go to publish that particular blog segment?

    Any help you offer is greatly appreciated.

  • http://bloggingbistro.com/ Laura Christianson

    Elaine, I haven’t used Blogger in quite some time, so I didn’t realize they didn’t allow you to generate a URL for the post until after it’s published. Hmmm… in that case, you would need to add your “Click to Tweet” teasers immediately after publishing the post. Inconvenient, but it could work. Blogger users… any suggestions for Elaine?

  • Elaine Stock

    That’s what I was thinking. I’ll check back again to see if anyone else adds anything.

  • http://bloggingbistro.com/ Laura Christianson

    Elaine – Just had a thought. Doesn’t Blogger allow you to schedule posts for later publishing? If you schedule it, it should generate a permalink/permanent URL to the post that you should be able to view.

  • Elaine Stock

    Laura, I do pre-format my blog segments ahead of time, but I’m not sure about generating a link ahead of time. However, after I did publish the new segment this early evening, I just went back & generated 3 Tweetables. Seems like it works. Thanks so much for your help on this really cool idea. If by chance you’d like to check this out, my blog is Everyone’s Story, http://elainestock.blogspot.com In a few minutes I will also be adding your blog to my column March’s Favorite Blogs :)

  • http://bloggingbistro.com/ Laura Christianson

    I am so proud of you for mastering this, Elaine! It is a tad tricky and requires multiple steps, but if it helps readers share content, why not give it a shot. I tried yours and it worked. Love your title: “Ah-hahs to tweet.”

  • Elaine Stock


  • Bill Wides

    Bonus link: http://hrefshare.com/
    It’s clicktotweet on steroids (with Facebook, Google+ and LinkedIn besides Twitter).

  • http://bloggingbistro.com/ Laura Christianson

    Bill – Sweet! This looks even better and more user-friendly than Click to Tweet.

  • Thomas

    Hi Laura, appears cumbersome, How about staying right in your blogger and with single click get the tweetable. But this is a Chrome extension and works only on Chrome browser


  • http://bloggingbistro.com/ Laura Christianson

    If I used either Blogger or Chrome, that might be a viable option. But since I use WordPress and Firefox, I’ll stick with Click to Tweet for now. I’ve tried other Twitter sharing tools, as well, and so far, Click to Tweet is the best I’ve found (even though I agree with you… it is a bit cumbersome).

  • Pingback: 'Click to Tweet' for Authors: Create Tweetable Quotes on Your Blog()

  • Pingback: 'Click to Tweet' for Musicians: Create Tweetable Quotes on Your Blog DIY Musician Blog()

  • http://abiro.com/ Anders Borg

    Take TweetLink for a spin. It’s similar to Clicktotweet, but also generates full markup for situations where that is more appropriate. It’s still in alpha, but has been verified to generate stable results. Expect more features over time. Let us know if you miss anything. http://tweetlink.abiro.com

  • http://bloggingbistro.com/ Laura Christianson

    Anders – Thanks for the tip. We’ll give it a whirl.

  • http://abiro.com/ Anders Borg

    It’s been updated. Still a free service, and I don’t know if it will ever become commercial.

  • Pingback: Tutorial: How to Create Ready-made Tweets Using TweetLink | Blogging Bistro()

  • Pingback: How Pinterest Can Inject New Life to Old Blog Posts | Blogging Bistro()