Set up an AddThis integration

Follow

Learn how to integrate your Hub with AddThis to customize the social sharing buttons on your Hub.


 

Before you begin

  • To set up an AddThis integration, you need to be in the Account Admin, Content Manager or Demand Generation user group(s).
  • You will also need an AddThis account. You can sign up for a free account here.

 

About the AddThis integration

AddThis is a content sharing platform that offers share buttons alongside a variety of other website tools. Although your Hub has built-in share buttons (powered by AddThis), setting up an AddThis integration gives you access to customization and a variety of options for how your share buttons appear on your Hub. In addition, AddThis also has other tools that can help you to increase traffic to your web properties. To learn more about AddThis and what it can do, and to sign up for an account, see the AddThis website.

 

Prerequisite: Get your AddThis code snippet

To integrate AddThis with your Hub, you'll need to get the code snippet that allows the AddThis tools to appear on your Hub. For instructions on how to get the code snippet, see this article from AddThis:

AddThis: How to Install AddThis Code

Make sure to choose the option "An HTML Website". Your code snippet will look something like this:

<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/
addthis_widget.js#pubid=[YOUR ADDTHIS RA CODE]"></script>

 

Integrate AddThis with your Hub

How you integrate AddThis with your Hub depends on whether your Hub is running on Front End V1 or Front End V2. If you're not sure which version your Hub is running on, see this article for instructions on how to check.

For Front End V1 For Front End V2
  1. Before you begin, find your AddThis code snippet and copy just the "RA code" portion from it.
    • The RA code is the part of the code snippet that will appear where [YOUR ADDTHIS RA CODE] is shown in the example code snippet provided above.
  2. Log in to your Uberflip account and navigate to the Hub that you want to integrate with AddThis.
  3. In the sidebar menu on the left, click on Integrations.
    Hubs___Integrations_-_Uberflip.png
  4. On the right, you'll see a list of services that Uberflip can integrate with. Find AddThis in the list, then click on its Connect button on the right (under the Action column) to set up the integration:
    Hubs___Integrations_-_Uberflip.png
  5. A pop-up window will appear. Enter your AddThis RA code (from the code snippet) into the field provided:
    Hubs___Integrations_-_Uberflip.png
  6. Click on Connect. You'll see a confirmation message that you're connected to AddThis with the specified Profile ID (RA code):
    Hubs___Integrations_-_Uberflip.png
  7. Make sure that you check the box next to Hide Default Widget: this will prevent the default share buttons from appearing alongside the AddThis share buttons. If you leave this box unchecked, visitors will see two sets of share buttons on your Hub.
    Hubs___Integrations_-_Uberflip.png
  8. Click on Save, and you will be returned to the to the Integrations page in your Hub, where you'll now see the RA code listed next to AddThis.
  9. That's it! AddThis is now integrated with your Hub, and the share buttons (and any other tools you've configured) will begin appearing in your Hub:
    News_and_Hubs___Edit_Article_-_Uberflip.png

 

Next Steps

You can configure the share buttons and other AddThis tools, as well as view AddThis-related analytics, directly from the AddThis website. To do so, simply log in to your account

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.