Skip to content

Add Share Buttons to your Blog

There are a few different options out there to add share buttons, like the ones displayed above, to your blog posts. The option we will go over here is by using a free platform called ShareThis

To start, you will need to go to ShareThis' website and create the different share buttons you would like.

  • Please go to this link to get started. https://sharethis.com/onboarding/
  • Here, you have a few choices as to what kind of ShareTool you would like to use. For the purpose of blogs, it is recommended that you use the Inline Share Buttons, which has been programmed to work with the Impressa Theme. If you want to use the Sticky Share Buttons, please contact us

Share Options

  • To customize your Share Buttons, Click the Customize the Inline Share Buttons dropdown. 
    Customize Share Options
  • Here, you can do everything from changing your social networks, change the alignment of the icons, change the size, add or remove labels, change the colors, add spacing, round the corners of the icons, and show the number of share counts. It is recommended that you don't have labels for your buttons for responsive purposes. 
  • Share This Styling Options
  • Once you are done setting up and styling your share buttons, click the Next button. Next button
  • You will be prompted to create an account, or login to a current account if you have one. Sign Up or Login to your existing account you would like to use. Share This Sign Up

 

  • Now you will be given instructions in order to add your share buttons to the site. Copy the head code as instructed. 
    Copy Head Code

 

  • Go into your Hubspot Settings, and go to the Tools section. Under the Website dropdown, click Blog. 
    Edit Blogs  in HubSpot
  • Click the templates tab.  Blog Template Settings HubSpot
  • Scroll to the Header HTML. Under Blog post header HTML, click on Use custom header HTML for blog posts, then paste your code. Use custom Header HTML for Blog posts
  • Then click the Save button
    Save button
  • The other code has already been added into the file for Blog Posts. To test if it works, create a blog post, and view that the share buttons are displayed. Test that Share Buttons Work
  • Great! Now that you have the share buttons on your blog, you will want to configure your domain for analytic purposes. Go to platform.sharethis.com. If prompted, login. It may still already be logged in from your previous steps. 
  • It will request that you add your new domain. Enter your domain for your website
    Add your Domain to Share This
  • The platform will then ensure that the code you had pasted in your head is there. If so, it should automatically show that the code is activated, and now you can view the Social Analytics of your share buttons. 

 

Want to make a comment?

HubSpot Branding Settings

Editing the Branding Settings

Image of Darla Maestas
Darla Maestas

Before you get started with your Impressa theme, it is recommended that you set up your branding...

Editing Theme Settings in HubSpot

Navigating & Editing Theme Settings

Image of Darla Maestas
Darla Maestas

There are a few ways to edit/view your theme settings. If you just came from getting the Impressa...

Creating a Form in HubSpot

Setting up subscriber form

Image of Darla Maestas
Darla Maestas

Here, you are going to set up the subscriber form that is displayed in the footer, and can also be...