Adding "AddThis" share buttons

I am having a time adding the share buttons to my product page.

Below is the instructions

Just Copy ...
Here's your unique Code snippet. Click this code to copy it right to your clipboard.

Paste the above code right above the closing </body> of the HTML in your website on every page you want AddThis to work.
Setup Inline Tools
If you'd like to activate an inline tool or Tip Jar, add this additional code withing the body of your page. Copy and paste the code below to the places on your page where you want the tools to appear.

Inline Share Buttons

That's the instructions. I have emailed back and forth with thier help dept and they just keep instructing me to add this above the body tag.

I added the first code to the tpl_header.php file within ?> and <?php The inline tools in the tpl_product_info_display.php right below the star rating section.

Anyone have this working? :unsure:

Thanks

Well yes I had this working until a couple of years ago
Removed it as it had quite a "large" impact on the loading of the page
(and never had any positive impact on sales)
So my recommendation is "Don't Bother" wasting your time

Thanks gilby

I went to the Google:D

Looks like most gurus agree waste of resources and not worth the effort. They are ugly and do not help in adding to revenue.

So Never mind:smile:

In case this wants to be revisited, on my product page I have a fairly unobtrusive share icon linked to a popup of share icons using this addtoany code

HTML

<div id="zenBookmarking">
<span class="zenBookmarkingWidget">
<!-- ADDTOANY CUSTOM SHARE BUTTON -->
<a class="a2a_dd" rel="external nofollow" href="#"></a><script>
var a2a_config = a2a_config || {};
a2a_config.icon_color = "#21B2A6";
a2a_config.num_services = 6;
a2a_config.no_3p = 1;
a2a_config.color_link_text = "#a0a0a0";
a2a_config.color_link_text_hover = "#666666";
a2a_config.prioritize = ["facebook", "twitter", "pinterest", "whatsapp", "email", "linkedin"];
</script><script src="https://static.addtoany.com/menu/page.js"></script>
</span>
</div>

CSS

#zenBookmarking {margin:28px 0 -25px;text-align:center;}
.zenBookmarkingWidget {display:inline-block;}
#zenBookmarking a{border-bottom:none;display:block;padding:0 0px;float:left;background:url(../images/sprite_1.png) no-repeat -214px 0px;height:30px;width:30px;}

The icon (in my sprite) is a

Admittedly I haven't assessed its usefulness, but as I'm happy with my page load times I'm inclined to keep it for the time being.

Oops, just noticed the OP referred to AddThis not AddtoAny

rjspomer:

I am having a time adding the share buttons to my product page.

Below is the instructions

Just Copy ...
Here's your unique Code snippet. Click this code to copy it right to your clipboard.

<!-- Go to <https://www.addthis.com/dashboard> to customize your tools --> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=remops"></script>

Paste the above code right above the closing </body> of the HTML in your website on every page you want AddThis to work.
Setup Inline Tools
If you'd like to activate an inline tool or Tip Jar, add this additional code withing the body of your page. Copy and paste the code below to the places on your page where you want the tools to appear.

Inline Share Buttons

<!-- Go to <https://www.addthis.com/dashboard> to customize your tools --> <div class="addthis_inline_share_toolbox"></div> <!-- Go to <https://www.addthis.com/dashboard> to customize your tools --> <div class="addthis_inline_share_toolbox"></div>

That's the instructions. I have emailed back and forth with thier help dept and they just keep instructing me to add this above the body tag.

I added the first code to the tpl_header.php file within ?> and <?php The inline tools in the tpl_product_info_display.php right below the star rating section.

Anyone have this working? :unsure:

Thanks

I put this in to show up in the Add to Cart box of each product - this in the tpl_product_info_display - placed just before the 'end of add to cart box'.

<!-- bof AddThis -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=" async="async"></script>
<div class="addthis_sharing_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_pinterest_share"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_compact"></a>
</div>
<!--eof AddThis-->
<!--eof Add to Cart Box-->

I'm currently using clone of Responsive Classic and zc 1.5.5f. But I copied this bit of code out of previous site which I used various Picaflor templates in zc 1.5.4 and 1.5.5 up to version e. It hasn't caused me page loading issues that I can tell. I haven't determined if having this is helpful/harmful to sales.

(you can view on my site in sig file)