← All platforms

1. 01

   Load the script from Code injection

   Settings → Code injection → Site footer. This survives theme changes, which is what makes it the right place for it.

   html

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

2. 02

   Place the buttons in the post template

   Edit post.hbs in your theme and add the kit after {{content}}. Handlebars gives you the absolute URL, so posts share themselves rather than whatever page the reader happens to be on.

   handlebars

   {{content}}
   
   <div class="ats_kit ats_kit_size_32"
        data-url="{{url absolute="true"}}"
        data-title="{{title}}">
     <a class="ats_button_facebook"></a>
     <a class="ats_button_x"></a>
     <a class="ats_button_linkedin"></a>
     <a class="ats_button_email"></a>
     <a class="ats_dd"></a>
   </div>

3. 03

   No theme access? Use an HTML card

   In the editor, add an HTML card at the end of a post and paste the snippet. Per-post rather than automatic, but it needs no theme upload.