Cannot get AddThis buttons to appear on my landing page

SOLVE
micaelamartinez
Participant

I'm trying to have my AddThis buttons appear on my landing page. Here are the steps I've taken trying to figure this out:

- Entered the AddThis code into a custom module (in the HTML+HUBL section)

- Added the custom module to my landing page template. No matter where I place it on the template (header, body, footer), it does not show up anywhere. 

I've found no successful answers thus far from Googling and HubSpot Support says asking the dev forums would be my best bet. Does anyone know how to properly implement AddThis buttons?

0 Upvotes
1 Accepted solution

Accepted Solutions
micaelamartinez
Solution
Participant

@Kevin-C Thank you, that was the problem! A colleague provide the AddThis code snippet, but I guess an AddThis tool was never actually created. Went in, created my share tool, copied the code snippet from the "Get the Code" section in AddThis and pasted it into the "Additional markup before </body>" section of my HubSpot drag and drop template.

 

Thanks so much! The share buttons look great on my landing page 🙂 

View solution in original post

7 Replies 7
Kevin-C
Recognized Expert

Hey @micaelamartinez 

 

Can you post some of the code you're working with?

0 Upvotes
micaelamartinez
Participant

@Kevin-C sure! Here is my AddThis code: 

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

Below is an image of my code in the HTML+HUBL section of the custom module.

Screen Shot 2020-08-13 at 12.27.01 PM.png

0 Upvotes
micaelamartinez
Participant

@Kevin-C I put it in the HTML+HUBL section because I saw an example of it on this page

 

Also for some more context, I'm trying to implement my custom module into a drag and drop template.  And no matter where I place the module in the template, the set of social buttons never show anywhere. I've tried adding it to the header, the body, and the footer sections. 

0 Upvotes
Kevin-C
Recognized Expert

Hey @micaelamartinez 

 

So after reviewing AddThis documentation I don't know if a custom module will be the best implementation and possibly the issue. Rather you can add the code to the tamplate its self.

 

When using the drag and drop template builder, at the bottom of the Edit panel you can paste the code into "Additional markup before </body>" sections. Image below:

Screeenshot - 2020-08-13 at 2.31.48 PM.png

 

If using Html/Hubl templates you can just paste it inside the body tag.

0 Upvotes
micaelamartinez
Participant

@Kevin-C I just tested out your suggestion and I'm not seeing the buttons pop up yet.  Here is a preview to a template I am testing this out on and screenshots attached of my AddThis code pasted in the "Additional markup before </body>" section.

 

Screen Shot 2020-08-13 at 2.41.15 PM.pngScreen Shot 2020-08-13 at 2.39.36 PM.png

 

Kevin-C
Recognized Expert

Hey @micaelamartinez 

 

Thanks for the preview.

I am seeing the script dropped into the page correctly! But I'm not seeing any error causing it not to run. This leads me to wonder if the setup on addthis.com is complete/live?

0 Upvotes
micaelamartinez
Solution
Participant

@Kevin-C Thank you, that was the problem! A colleague provide the AddThis code snippet, but I guess an AddThis tool was never actually created. Went in, created my share tool, copied the code snippet from the "Get the Code" section in AddThis and pasted it into the "Additional markup before </body>" section of my HubSpot drag and drop template.

 

Thanks so much! The share buttons look great on my landing page 🙂 

View solution in original post