Free Webcast: How Mobile-First Thinking Builds and Maintains a Loyal Audience – Learn More ›
Popular Today in Social: All Popular Articles

How to Embed a Tweet Button in Your Blog

Have you ever wanted to embed a tweet button into your blog post?

Rather than tweet a link to the whole article, have you ever wanted to tweet just a quote or snippet?

In a previous post I explained how to get people to share your content through social networks. This article will help you to make it easier to get people to share parts of your content rather than just the traditional way and sharing the whole article.

Below is an example of a tweet button that I embedded into a previous post. This tweet button was designed to give readers a chance to tweet the quote that I had listed in the post.

How to Embed a Tweet Button in Your Blog image tweet button exampleExample of a tweetable quote with tweet button embedded into the post

Related Resources from B2C
» Free Webcast: How Mobile-First Thinking Builds and Maintains a Loyal Audience

When you click on the Tweet button it takes you straight into twitter with a pre-formatted tweet

How to Embed a Tweet Button in Your Blog image tweet previewThis is what the preformatted tweet would look like

The pre-formatted tweet includes the quote, the author’s twitter handle and a link to the article.

How to Embed a Tweet Button in Your Blog image screen shot of tweetThis is the actual result of the tweet button

As you can see the result is a tweet which links back to the author and the article.

How do you do it?

Find a button

Find a tweet button that you like using google image search. Alternatively you can make your own or use any other picture.

How to Embed a Tweet Button in Your Blog image tweetbuttonInsert into post

You need to insert the picture into your blog post as you would as if it was any other picture.

Find the link to your blog post

On WordPress, before I hit publish I go to the top of the page and hit “Get Shortlink”.

How to Embed a Tweet Button in Your Blog image get short linkThis is the button you need to press to get the short link

If you are not with WordPress there may be other ways to find the URL before posting. If you can not figure out how to do it, you can alway create the post and then go back in to edit the post and add the tweet button.

Once you click the button, it will show you this box.

How to Embed a Tweet Button in Your Blog image short link generatedThis is how the link will be generated

Once you have the link, you can copy and paste it to the clipboard and move onto the next step.

If you want to track the number of people who click on the link, you could use a URL shortening service which has built-in analytics.

Create the custom tweet link

Visit www.clicktotweet.com and create the custom message you want the tweet to contain.

How to Embed a Tweet Button in Your Blog image click to tweet step 1

When you have done this you can click generate and it will create a link

How to Embed a Tweet Button in Your Blog image click to tweet step 2

Once you have the link – in this case http://clicktotweet.com/v7Qc9, you just add the link to the tweet button that you inserted earlier and hey presto you have made your first tweet button!

This is the result of your hard work!

Comments on this Article: 0

Add a Comment

Add a Comment:


Thank you for adding to the conversation!

Our comments are moderated. Your comment may not appear immediately.