Olivier de Lamotte
- You are using AddThis or ShareThis and want to add "Follow" buttons to your Qualifio campaigns to increase your number of followers on Facebook, Instagram, Twitter, Youtube or many other social network? That is totally possible.
This tutorial will explain how to do so in AddThis and then in ShareThis.
AddThis
In AddThis
To do so, you can either use one of your current AddThis "Tools" or create a new one. For the sake of this FAQ, let's create a new one:
- Add a new tool
- Choose "Follow buttons"
- Select "Inline"
- Define your "Sharing services"
- Design them the way you want. We suggest to keep Button color and White Icon color for UX as well as keeping them horizontal
- Do not hide on any device
- Do not hide on any page and define (if needed) a "Follow Up Message"
Keep the first line of code nearby:
1. The script that should be looking like this:
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5d25eb7e62836d40"></script>
2. The you will also need to insert a <div>. Copy the one underneath:
<div class="addthis_inline_follow_toolbox"></div>
In Qualifio
- Edit the campaign you want to add this in
- Go to the step you want to publish the "Follow buttons" in. We suggest the Exit Screen.
- Go to source mode and paste the <script> and <div> defined above
- Save and go to the Look & Feel of the campaign
- Edit the Look & Feel and add this code in the CSS tab:
.addthis_inline_follow_toolbox {
text-align: center;
}
div.addthis-animated {
display: inline-block !important;
}
- Save and check your campaign, you should have the buttons displayed in the Exit Screen as such
BONUS
You want to publish these "Follow" widgets on all your Qualifio campaigns? That's even easier!
- Go to "Website Managemet"
- Go to 'Tags'
- Add the following bit of code WHILE CHANGING the one that match your AddThis widget
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5d25eb7e62836d40"></script></p>
<div class="addthis_inline_follow_toolbox" style="text-align: center;"></div>
<style>
.addthis_inline_follow_toolbox {
text-align: center;
}
div.addthis-animated {
display: inline-block !important;
}
</style>
- Save, and it's done. You will automatically have the Follow buttons on all pages of all your campaigns.
ShareThis
In ShareThis
Register and add a new "Follow buttons"
- Select the channels you want (Facebook, Instagram, etc.)
- Define the profile urls
- Define the alignment and customize your buttons
Keep the first line of code nearby:
1. The script that should be looking like this:
<script src="https://platform-api.sharethis.com/js/sharethis.js#property=5d2f3236bce6d60012be8dfc&product=inline-follow-buttons"></script>
2. The you will also need to insert a <div>. Copy the one underneath:
<div class="sharethis-inline-follow-buttons"></div>
In Qualifio
- Edit the campaign you want to add this in
- Go to the step you want to publish the "Follow buttons" in. We suggest the Exit Screen.
- Go to source mode and paste the <script> and <div> defined above
- Save and check your campaign, you should have the buttons displayed in the Exit Screen as such
BONUS
You want to publish these "Follow" widgets on all your Qualifio campaigns? That's even easier!
- Go to "Website Managemet"
- Go to 'Tags'
- Add the following bit of code WHILE CHANGING the one that match your AddThis widget
<script src="https://platform-api.sharethis.com/js/sharethis.js#property=5d2f3236bce6d60012be8dfc&product=inline-follow-buttons"></script>
<div class="sharethis-inline-follow-buttons"></div>
- Save, and it's done. You will automatically have the Follow buttons on all pages of all your campaigns.
What is AddThis?
AddThis' is a FREE social bookmarking service that can be integrated into a website with the use of a web widget. Once the widget is added, visitors to the website can bookmark or share an item using a variety of services, such as Facebook, Youtube, Pinterest or Twitter. The site reaches 1.9 billion unique visitors monthly and is used by more than 15 million web publishers.
AddThis is the prorperty of Oracle Corporation.
What is ShareThis?
The ShareThis button is a FREE all-in-one widget that lets people share any content on the Web with friends via e-mail, AIM, or text message.
ShareThis is an OpenSource project.
You are using an alternative to AddThis or ShareThis? Please contact us to let us know and we'll make the tutorial with you!
DISCLAIMER
Qualifio is in no way affiliated to any of the providers quoted here-above.
Pay attention to the privacy policy of those companies who 'mostly' place cookies on their follow/share buttons to generate their turnover.
