Sharing Customization

Facebook Like Button

Use the following code as a template for displaying a Facebook Like button.

Default Facebook Like button

<div class="a2a_kit a2a_default_style">
    <a class="a2a_button_facebook_like"></a>
</div>

<script async src="//static.addtoany.com/menu/page.js"></script>

Add the following HTML code, for example, to the "Service Buttons HTML code" box in Drupal Configuration > Web services > AddToAny > Buttons > Service Buttons.

<a class="a2a_button_facebook_like"></a>

In WordPress, the Facebook Like button is available by clicking the "Add/Remove Services" button in Settings > AddToAny > Standalone Buttons.


Custom Facebook Like button

Each Facebook Like button is independently customizable by specifying any Facebook Like button attribute as a data attribute. For example, you can change the Like button to a Recommend button, display the number of shares above the button, target a specific URL to share, and much more.

In WordPress, the Facebook Like button is available by clicking the "Add/Remove Services" button in Settings > AddToAny > Standalone Buttons. Click the down arrow alongside the Like button to choose "Recommend".

<div class="a2a_kit">
    <a class="a2a_button_facebook_like" data-action="recommend" data-href="http://example.com/" data-layout="box_count" data-width="55"></a>
</div>

<script async src="//static.addtoany.com/menu/page.js"></script>
<a class="a2a_button_facebook_like" data-action="recommend" data-layout="box_count" data-width="55"></a>

This is Facebook's Recommend button in the box count layout.


<div class="a2a_kit">
    <a class="a2a_button_facebook_like" data-href="http://example.com/" data-layout="standard" data-show-faces="true" data-width="450"></a>
</div>

<script async src="//static.addtoany.com/menu/page.js"></script>
<a class="a2a_button_facebook_like" data-layout="standard" data-show-faces="true" data-width="450"></a>

This is Facebook's Like button set to show faces, which requires a standard layout with a wide width.