What gets shared

Share a URL other than this page

By default a kit shares the page it is on. Give it data-url and it shares that instead — which is what you want on a listing page, where every row shares its own link.

The code

<div class="ats_kit ats_kit_size_32"
     data-url="https://addtosite.com/docs/"
     data-title="Getting started with AddToSite">
  <a class="ats_btn_facebook"></a>
  <a class="ats_btn_x"></a>
  <a class="ats_btn_linkedin"></a>
  <a class="ats_btn_email"></a>
  <a class="ats_dd"></a>
</div>

Both attributes are optional

Without data-title the widget falls back to the og:title of the page, then to its <title>. Without data-url it uses the canonical link if there is one, then the current address.

Many kits on one page is normal

Each kit reads its own attributes and counts against its own URL, so a page of twenty rows with twenty kits behaves exactly as twenty separate pages would.

Live demo

Demo ↗

An article worth passing on

These buttons share the documentation page, not this one. Open one and check the address it carries.

Services (4 selected)

Button size

Shape

Behaviour

snippet.htmlOpen in builder ↗

<div class="ats_kit ats_kit_size_32"
     data-url="https://addtosite.com/docs/"
     data-title="Getting started with AddToSite">
  <a class="ats_btn_facebook"></a>
  <a class="ats_btn_x"></a>
  <a class="ats_btn_linkedin"></a>
  <a class="ats_btn_email"></a>
  <a class="ats_dd"></a>
</div>

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

Share counts