← All platforms

Ends up

Under the post content, on every post.

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_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>

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.