Popular

Follow buttons

A follow kit points at your own profiles instead of sharing the page. Same tiles, different template: give a button a handle and the widget builds the profile address for you. Nothing is counted and no window opens — the reader is simply leaving to go and follow someone.

The code

<div class="ats_follow ats_kit_size_32">
  <a class="ats_btn_instagram" data-handle="you"></a>
  <a class="ats_btn_youtube" data-handle="you"></a>
  <a class="ats_btn_x" data-handle="you"></a>
  <a class="ats_btn_github" data-handle="you"></a>
</div>

The kit is a different class

A follow kit is ats_follow, not ats_kit. Sizing and shape classes work exactly as they do on a share kit; the buttons are the difference.

<span class="ats_follow ats_kit_size_32">
  <a class="ats_btn_instagram" data-handle="you"></a>
  <a class="ats_btn_youtube" data-handle="you"></a>
</span>

A handle, or a whole address

Most profiles fit the shape /handle and a bare handle is enough; a leading @ is stripped for you. Paste a full https address instead when yours does not fit — company pages and RSS feeds usually do not. A button with no handle is removed rather than left pointing at a profile that is not there.

Twenty-seven services can be followed

Six of them exist in the catalog for this alone: nobody shares to Instagram, YouTube or TikTok, and plenty of people follow there. The configurator lists all of them.

Live demo

Demo ↗

Find us on your favorite network

Four profiles, each built from a handle. These carry the placeholder handle "you", so they lead nowhere in particular — put your own in and they lead to you.

Button size

Shape

Behaviour

snippet.html

<div class="ats_follow ats_kit_size_32">
  <a class="ats_btn_instagram" data-handle="you"></a>
  <a class="ats_btn_youtube" data-handle="you"></a>
  <a class="ats_btn_x" data-handle="you"></a>
  <a class="ats_btn_github" data-handle="you"></a>
</div>

<script async src="//static.addtosite.com/widget.js"></script>

Size Shape