Blog I: Sharing widget

Edit this module at the top of your Act21 Blog I template to change the sharing widget type:

Act2 Template Builder Blog I Options Edit HubL

Act2 Template Builder Blog I Options Post Sharing Type

Default sharing widget

You can type default for the HubSpot built-in blog sharing widget:

Act2 Template Builder Blog I Options Post Sharing Type Default

This will appear at the top and bottom of your blog post body:

Act2 Blog I Post Sharing Type Default Sample

Act2 Blog I Post Sharing Type Default Sample | Bottom

For that please also make sure the blog Social Sharing icons are enabled in your Blog Settings:

Act2 Content Settings Blog Social Sharing Icons

No sharing widget

You can also type none for no sharing widget:

Act2 Template Builder Blog I Options Post Sharing Type None

AddThis sharing widget

Or you can type addthis for an AddThis custom widget (we used this one as the default option because it's much more customizable and performant. HubSpot Blog too is using this kind of widget):

Act2 Template Builder Blog I Options Post Sharing Type

This will appear as a fixed widget on the left:

Act2 Blog I Post Sharing Type AddThis Top

And as a static widget at the bottom of your blog post:

Act2 Blog I Post Sharing Type AddThis Mobile

Set up AddThis share widget

Go to https://www.addthis.com/ and login or create your account, then go to the Tools to choose or create a Share Buttons widget:

Act2 is using a simple AddThis widget, so please make sure you create exaclty the same type of widget as we did, with the same options, otherwise the styles will not work.

Choose the Inline widget:

Click the Continue button:

Choose your desired social networks:

Click the Design tab:

And use these settings:

Click the Share Counters tab:

Set Share Counters Type to None:

Go to the Position tab and make sure the Hide on These Devices is set to Neither

Leave the other options to default and click Activate Tool when you're ready:

From the next screen copy the code:

And replace it in this module:

Act2 Template Builder Blog I Paste Your AddThis code

Act2 Template Builder Blog II Paste Your AddThis code

Back to your AddThis page scroll down the page and copy this class from the Setup Inline Tools code (please copy only the class, nothing else. Example: addthis_inline_share_toolbox):

This class may be different for you, depending on how many sharing widgets you have in your AddThis account. To make sure, you can access your Tools:

Then click the GET THE CODE button next to your widget:

Once you copy the class go back to your template and replace it in this module if it's different:

Act2 Template Builder Blog I AddThis Class Module

Act2 Template Builder Blog I AddThis Class Module Variable Value

Publish your changes and you're done.

Act2 Template Builder Blog I Publish Button