The buttons

Default share buttons

Start with a row of share buttons and a More menu. Add the script once, then place as many kits as your page needs.

The code

<div class="ats_kit ats_kit_size_32">
  <a class="ats_btn_facebook"></a>
  <a class="ats_btn_x"></a>
  <a class="ats_btn_whatsapp"></a>
  <a class="ats_btn_email"></a>
  <a class="ats_dd"></a>
</div>

Let the widget choose the row

An empty kit uses the default service selection. Name individual anchors when you want to control the order.

<div class="ats_kit ats_kit_size_32"></div>

Live demo

Demo ↗

An article worth passing on

These buttons share the current page. More opens the full service menu.

Services (4 selected)

Button size

Shape

Behaviour

snippet.htmlOpen in builder ↗

<div class="ats_kit ats_kit_size_32">
  <a class="ats_btn_facebook"></a>
  <a class="ats_btn_x"></a>
  <a class="ats_btn_whatsapp"></a>
  <a class="ats_btn_email"></a>
  <a class="ats_dd"></a>
</div>

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