HOWTO: Add A Twitter Follow Button Or Tweet Button To Your Website

They’re almost required components of websites these days: The Twitter “Follow” button and/or the “Tweet” button. If you aren’t sure where to find the buttons themselves or how to add them to your sidebar and articles, we’ve got the answer.

Follow Button

You can create you own Follow button for your website or blog by visiting Twitter’s Resources page and choosing the “Follow Button” option.

From here, you will be able to design your follow button using a few simple selections. First, you must add the Twitter username you want to be attached to the button – the account that people will follow when they click on it. Next, you can select either a light or dark background, depending on the style of your website. And finally, you choose whether or not to display follower count next to the button.

After going through these simple options, you’ll be given a chunk of HTML code. This contains your Follow Button. You simply have to copy and paste this HTML into your website, wherever you want the button to appear. You can choose to have it sit in your footer, or in your right-hand sidebar, or beneath each article or piece of content you produce. It’s up to you.

Tweet Button

The Tweet Button creator is also on Twitter’s Resources page.

You’ll be asked to make a few point-and-click selections on this page, just like on the Follow Button page, before getting your code. First, you can choose which type of button you’d like: one which shows the number of tweets your content has received above the button, to the right of the button, or not at all. You can also include text that will automatically be included in the tweet when people share from your website, customize the URL which will be included, and choose your language.

The second option allows you to choose up to two accounts to recommend that your visitor follow after they’ve tweeted your content, the first of which will be included in the text of the tweet.

And that’s all there is to it! You’ll be able to preview your button at the bottom of the page, and you can even click on it to see the text that you’ve included. If you like what you see, grab the HTML code and paste it into your website wherever you want people to tweet your content – at the beginning or end of an article, video or image, at the top of your webpage, on your “About” page or anywhere you like!