Setup Twitter Follow button as a widget in WordPress

Setup Twitter Follow button as a widget in WordPress

Today saw the official launch of the Twitter “follow” button which can be added to your website to increase engagement and create a lasting connection with your audience.

I reckon that this is going to be a great way to gain new followers organically through visits to your site or blog.

So you want to add the Twitter “follow” button to your site do you? If you’re using WordPress it’s a piece of cake. It will literally take you 5 minutes! Follow the steps below:

1. Go to http://twitter.com/about/resources/followbutton

2. It takes 4 steps – first add your Twitter username (e.g. my Twitter username is @pedrodasilvauk). Then select your background colour of preference and select whether you’d like to display a follower count or not. And lastly, select your language.

Setup Twitter Follow Button in WordPress

Setup Twitter Follow Button in WordPress - No Follower Count

If you choose not to display a follower count, your Twitter Follow button will look like this:

If you choose not to display a follower count, your Twitter Follow button will look like this:

Don't display Twitter follower count onTwitter Button

If you choose to display a follower count, your Twitter Follow button will look like this:

If you choose to display a follower count, your Twitter Follow button will look like this:

Display Twitter follower count onTwitter Button

3. Copy the Twitter Button code you’d prefer and paste it into Notepad or other text editor.

4. Login to your WordPress sites administrator panel.

5. Click on Appearance -> Widgets and drag a Text widget to your sidebar.

Add a text widget to your WordPress sidebar to display your Twitter Follower button

6. Paste the Twitter Follower Button code you copied earlier on into the WordPress text widget. Save the changes!

Paste the Twitter Follower Button code you copied earlier on into the WordPress text widget

7. Preview the result in your WordPress website or blog and test!

Twitter Follow Button widget for WordPress in action!

Note: Once you’re following a user that has the Twitter Follow button installed on their site and while you’re logged into Twitter, the Twitter Follow button should show you that you’re already following that relevant Twitter account.

What the Twitter Follow button looks like (when you're logged into Twitter) if you're already following a Twitter profile

Easy hey? Great. Go and setup the Twitter Follow button as a widget in WordPress…

The following two tabs change content below.

Pedro Da Silva

Online Marketing Junkie

My name is Pedro Da Silva. I have built-up a wide range of digital marketing skills over the last 15 years working in the web industry. From front-end web design and graphics, to SEO and online marketing. I'm creative, commercial and technically minded. South African born & bred, I work in the UK online marketing industry. I'm a proud dad & husband that loves music, photography and mixed martial arts.

Leave a Reply

Your email address will not be published. Please enter your name, email and a comment.