Overview

The Follow button is a small button displayed on your websites to help users easily follow a X account. A Follow button consists of two parts: a link to a follow web intent page on x.com and the X for Websites JavaScript to transform the link into our recognizable Follow 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 X 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 X for Websites JavaScript using our loading snippet. The script will initialize the Follow button after your page content loads.

Button customization

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