AddToSite

← Customize

Customize

Button labels

Any button can carry a word. Give it the text you want and the button grows to hold it; leave the attribute off and it stays a square icon.

Live demo

Running on this page

Three labelled buttons and one that is not, so you can see how they sit together.

The code

This is the demo above, verbatim. Nothing is shortened for the page.

<div class="ats_kit ats_kit_size_32">
  <a class="ats_button_facebook" data-label="Share"></a>
  <a class="ats_button_x" data-label="Post"></a>
  <a class="ats_button_email" data-label="Email"></a>
  <a class="ats_dd"></a>
</div>

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

Labels are per button

There is no option that labels everything. That is deliberate: a row where every button carries its own name is wider than most columns and reads as a list, not a row of buttons.

Next