Using AddThis Smart Layers

Yesterday AddThis CEO Ramsey McGrory introduced Smart Layers, an easier way to get more traffic and followers with one piece of code. In this post I’ll go into a little more detail about how to get Smart Layers, what to need to do if you already use AddThis tools (hint: nothing!) and some simple ways to customize Smart Layers for your site or blog.

smart_layers_blog

Getting Started

Smart Layers was designed with three objectives in mind: drive more traffic and followers with one piece of code, optimize that experience for mobile tablets and phones from the beginning, and help publishers and bloggers simplify their pages by offering social tools at the right time yet out of the viewer’s way.

Getting Smart Layers is easy – just go to http://addthis.com/smartlayers. The only information you need to provide is URLs for your social media profiles on Facebook, Twitter, and any other sites where fans can follow your brand.

smart_layers_blog

Be sure to include URLs to your social media profiles so fans can follow you!

 

Pro tip: Don’t forget to sign in if you’re already an AddThis member or create an account – all it takes is an email address – so you can get free analytics reporting on your site’s Smart Layers.

That’s it! Just copy the one piece of code, paste it into the HTML of your pages anywhere between the <BODY> and </BODY> tags, and you’re done. Optimized mobile experiences will instantly appear for visitors on tablets and phones. We’ll be releasing Smart Layers plugins for WordPress and other popular CMS platforms soon.

Already Use AddThis Tools?

If you’re already using AddThis tools and want to install Smart Layers, no problem. Smart Layers works seamlessly with other AddThis tools such as Sharing Buttons or our Welcome Bar.

Pro tip: You can compare how many shares, clicks, and follows your site gets with our in-page tools vs. Smart Layers (or even both). AddThis analytics reports are designed to help you monitor shares, clicks, and follows – even in real time – and understand which content is most effective at driving engagement. Here what’s called an “A/B test”: note how many shares, clicks, and follows your site got last week (“A”); now install Smart Layers and watch what happens for the following week (“B”). We’re confident you’ll see a big difference!

smart_layers_blog

Use AddThis analytics reports to measure traffic, followers and engagement

Customizing Smart Layers

There are several simple ways you can configure Smart Layers when you grab the code, such as turning layers on and off, placing the Share Layer on the right or left, and choosing from several color themes.

You can also use our Smart Layers API to select specific sharing services (though you’ll get better performance by allowing the Share Layer to auto-personalize), assign themes to individual layers, move the mobile Share and Follow buttons, and control which links show up as recommendations.

Send Us Feedback

Let us know what you think about Smart Layers, and how this new tool has performed on your site or blog. Send us some feedback – we’d love to hear from you.

  • http://www.uglyfashionmedia.com/ Eoin

    It was quite a while ago, I had an SSL certificate which wasn’t validating properly.

  • http://about.me/haabe Håvard Bartnes

    How can I decide where the Recommended Content appears? I’d like it to appear above the footer of my page, and preferably within a given DIV.

  • http://www.addthis.com/ AddThis

    Sorry, but at the moment it can only go at the bottom of your page.

  • http://about.me/haabe Håvard Bartnes

    I found a solution, though not a pretty one – I moved the div with class at4-recommended-outer after it was rendered.

  • http://www.addthis.com/ AddThis

    Yep, you can disable that by adding 'thankyou': false to your code. Here’s an example: http://pastebin.com/n2nLpPhL

    And thanks for the French translation suggestion! We’ll let the team know. :)

  • michaleen

    Is it possible to customize the tweet that is posted using smart layers?

  • http://www.addthis.com/ AddThis

    It is possible! This article might be able to help you with what you want to do: http://support.addthis.com/customer/portal/articles/683399-changes-to-how-twitter-works-with-addthis#.Um6GfpRATT1 But if you still have questions, feel free to send us an email (help@addthis.com) with your URL so we can take a look.

  • http://wztips.com/ Nguyễn Ngọc Tú

    I’ve installed the AddThis smart layer plugin for my WordPress website, but it doesn’t work (do not show share panel). Anybody help me, please

  • http://www.addthis.com/ AddThis

    We’re happy to help! Can you send an email to help@addthis.com with your URL, and version of WP you’re using?

  • giaoqua noelsg

    I have a problem, addthis smart layers doesnt working on my wordpress.
    http://giaoquanoelsg.com

    Could you check it for me, i already installed and actived the plugin but it’s just doesn’t work.

  • http://pestcontrolseo.wordpress.com/ Thos003

    So this allows us to take our existing site, add code, and then it’s mobile enabled? Am I getting this right? I am a pest control guy, but sounds too easy.

  • john

    Facebook Share possibly?

  • http://addthis.com/ AddThis

    Hi John, sorry, we don’t understand your question. Can you clarify?

  • John

    Are you adding the Facebook Share button to the rows of buttons in the customizing box? It would improve AddThis immeasurably. The code to manually add it is fine but the appearance seems off. It has been released and their is a desire for it.

  • http://addthis.com/ AddThis

    Gotcha. Good feedback. We’ll be reviewing it with the team soon. Thanks for taking the time!

  • John

    That would be amazing if you guys do the Share button. As it stands if you add the codes and the like the counters are the same and I’d like to go back to AddThis.

  • john

    That was confusing. If I add the buttons not using AddThis the Like and Share counters are the same. I imagine if you guys add it back they would be separate.

  • http://thecrypticbeauty.com/ The Cryptic Beauty

    If you have an underscore “_” in your Twitter handle, how can you get the smart layer widget to recognize it?

  • http://addthis.com/ AddThis

    The underscore won’t affect adding your Twitter handle to your tools. If you want your visitors to have something like “via @yourhandle” when they share from your tools, this article can help you set it up: http://support.addthis.com/customer/portal/articles/683399-changes-to-how-twitter-works-with-addthis#.UwumgkJdX2V

  • http://thecrypticbeauty.com/ The Cryptic Beauty

    Thank You!!!