Follow Button

The Follow button is a small button displayed on your websites to help users easily follow a Twitter account. A Follow button consists of two parts: a link to a follow web intent page on Twitter.com and the Twitter for Websites JavaScript to transform the link into our recognizable Follow button.

User interaction flow

Selecting the Follow Button will pop open a new window for the user, displaying a follow action.

Screenshot of a Twitter.com follow intent window

The viewer may click on the follow action displayed alongside the profile summary to follow Tweets from the account.

A follow event is triggered on your webpage when a user clicks the button.

How to add a Follow button to your website

The publish.twitter.com website includes a simple tool to generate the embed for a Follow button to copy-and-paste into your website template. Just enter a @screenName to get started.

Manually

1. Create an anchor element with a twitter-follow-button class name. Set the href attribute value pointing to a Twitter profile URL.

  <a class="twitter-follow-button"
  href="https://twitter.com/TwitterDev">
Follow @TwitterDev</a>

2. Customize Follow button parameters using data-* attributes.

  <a class="twitter-follow-button"
  href="https://twitter.com/TwitterDev"
  data-size="large">
Follow @TwitterDev</a>

3. Asynchronously load the Twitter for Websites JavaScript using our loading snippet. The script will initialize the Follow button after your page content loads.

Button customization

Hide followers count

Hide the number of Twitter accounts following the specified account by setting a data-show-count attribute value of false.

Default

Show count false

Hide username

Hide the username from the displayed Follow button by setting a data-show-screen-name attribute value of false.

Default

Show screen name false

Large button style

Add a data-size attribute value of large to display a larger Follow button.

Default

Large