Demo – Vertical Template

Main Settings

Template

Easy Social Share Buttons for WordPress comes equipped with 19 different themes. At this section have to be chosen default theme that will be used. Please choose from the list the template you would like to use.
For every single post/page can be set custom theme in its settings box (see on post/page settings).

Activate animations

  • Smooth colors – makes the color comes lightly when hoover the button;
  • Pop up – makes the button jump up when hoover on it;
  • Zoom out – makes the button bigger and appear infront of all other;
  • Flip – makes the button spin fast.
Use minified CSS files
Use minified JS files

These two options improve website’s loading speed. It’s recommended to switch them on.
BUT if you use any cache plugin, there is no need to activate them. The cache plugin is enough.

Load scripts in head element

This option is made specially for W3 Total Cache. If you use this plugin, it’s recommended to activate it to prevent issues with counters. This feature is related with data base loading, when W3 Total Cache is used.

I am using URL addresses with non latin chars (beta)

This option is designed for websites with non Latin letters in domain name or url address. It refers mainly to Chinese, Japanese, Hebrew and Arabic.
INPORTANT   Activate this option ONLY if you have any problem with social sharing. Do not take this as a default option.

Social Share Buttons

Social Networks

The first thing you have to do in this section is to choose from the list social networks that would like to display. With drag and drop rearrange them to complete the order you prefer them to appear.

More button function

If you tick off More Button on social networks list you will receive button with plus on it at your buttons on posts/pages. All networks marked as active located after More Button will appear on your screen when click on + button. This function provides great variety of social networks without any “crowd” effect.

  • Display all active networks after more button – click on +button will appear the extra social networks at same row or column (depends on custom template). Example: Mashable styledemo of more button
  • Display all social networks as pop up – click on +button will appear all social networks after more button in the list below in pop up window. There is no matter if they are marked with thick.
  • Display only active networks as pop up – click on +button will appear in pop up window only marked networks after more button in the list below.

Buttons Align

Choose how buttons to be align – leftrightcenter

FULL WIDTH SHARE BUTTONS

Full width share buttons – to arrange buttons according to website post content area (grid) tick off this option

IMPORTANT If you have activated a lot of social networks the buttons will try to fit in the hover and they will lap over one other. Also individual share counts will not display correctly with this option activated.

Full width share buttons width correction (number) – type a number from 1 to 100 to correct width of the buttons so they can fit in the content area. More buttons available require small number. There is no ready formula to work here. Play with numbers to find the right one.

Full width share buttons width correction mobile (number) – same as option above but dedicated for mobile.

Max width of buttons in full width display mode – here can be set custom with for buttons to be displayed to ensure enough empty space for total counter or custom share message. For example if the empty content area is 100 you can set 90 in this field and you can activate total counter without any display issues.

Twitter Additional Options

Twitter share short url – this will make Twitter shared link shorter. it’s recommended to activate this option because Twitter has symbol limitation when share link.
If you have activated global option for share short url skip short url section.

IMPORTANT

Please note that if you have start sharing your full address this will reset counters to zero because address will be different than address you have already used.

Short URL service

If you have activated Twitter share short url, choose one of the following short url services:

  • wp_get_shortlink – build in WordPress function for getting short links;
  • goo.gl – this is Google service for getting short addresses;
  • bit.ly – require valid bit.ly username and API key (API key is located in your profile of bit.ly).

Twitter username to be mentioned – fill the name that wish to be mentioned when tweet. Enter the username without @. This text will be appended to tweet message at the end.
IMPORTANT Please note that if you activate custom share address option this will be added to custom share message.

Add Twitter username to buffer shares – this option will add Twitter username into Buffer shares.

Twitter hashtags to be added – if you wish hashtags to be mention in tweet you can add them here, if more than one separate with comma.

Don’t use popup window for Tweeter Share – if you have another instance of twitter tweet button on your site this may cause to display it twice or reload page without opening tweet window. Activate this option to fix this issue.

Make Twitter always count full post/page address when using shorurl – if you have switched on short url when starting work with Easy Social Share Buttons but you want to restore the Twitter count number when sharing with full address, turn on this option.

Pinterest Additional Options

Disable Pinterest sniff for images – this option will disable Pinterest sniff for images on your site and featured post/page image will be used for default sharing

Facebook Additional Options

Use Facebook Advanced Sharing – According to latest changes of Facebook API previous existing methods for custom sharing with options are removed. To customize your share message you can do this with current page Open Graph tags or by activating Use Facebook Advanced Sharing. Facebook Advanced Sharing requires to have created Facebook Application which is used for sharing the message. After creating it you need to write Application ID in Facebook Application ID field.

Facebook Application ID – is needed to be activated when you use custom share message. Applications are specific for current site so if you don’t have application for current site go to http://developers.facebook.com/apps/ and create a new one.

Display Facebook Total Count – this option will include in total count number all Facebook activities – likes, shares, comments.

Flattr Additional Options

Flattr Username – your username at Flattr

Additional Flattr tags for your posts – you can add Flattr tags here

Default category for your posts – choose default category for your posts

Default language for your posts – choose default language from the list

StumpleUpon Additional Options

Do not generate shortlinks – mark to turn off the shortlinks. It’s recommended to activate this if you use StumbleUpon. This network do not accept shortlinks.

Print additional options

User prindfriendly.com service instead of default print function – if you activate this option your site will be print optimized. When you print content it will be well formatted to fit at print area.

WhatsApp

WhatsApp share short url  – it’s user friendly to have shorter address so it’s recommended to activate this option

Social Share Analytics

Click Log and Statistics

Activate Statistics – activate this option to see detailed information about your users activity. You can access this information from plugins menu Click Statistics

Analytics

Google Analytics Tracking

Activate Google Analytics Tracking – this option allows to keep an eye on social share statistic on Google Analytics – how many times every button is clicked on every page.

IMPORTANT     To work this option requires Google Analytics to be active on this site

Google Analytics Tracking Method

  • Simple – gives track clicks only by social networks, no matter where the buttons are located on the website;
  • Extended – gives track clicks for every single activated social network by button position. You can examine users behaviour on sidebar followers widget, particular article, post, page.

Add Custom Campaign parameters to your URLs – helps to inspect the effectiveness on social networks of every campaign. If you want to know how many times every share from any campaign is reached on Facebook for example, it’s necessary to fill in here your custom campaign parameters. Look here how to generate them.

 

Social Share Optimization (SSO)

Default share image – paste here address of a image that want to be used when the post doesn’t have featured image or any other custom setting for share image. It’s recommended this image to be upload on site where share will be done, otherwise it’s possible this image do not appear in share dialogue.

Extract full content when generating description – When you use any plugin or shortcode for content building – for example Visual Composer or Drop cap, these plugins leave traces at the code. And if you want to clear the content from any extra code, activate this option.

Facebook Open Graph

Automatically generate and insert open graph meta tags for post/pages – will insert at your website data base meta tags. These are specific types of information about your social sharing which gives you the opportunity to optimize and control the process of sharing information. Otherwise social networks will take content as they decide to.

IMPORTANT     If you use any other plugin which activated meta tags on your website do not turn on this option. More than once activated tags has the same effect as they aren’t activated at all.
Other plugins with meta tags are: SEO plugins, social media optimization plugins.

Facebook Page URL – paste here the Facebook page url that you want to connect with the website

Facebook Admins – this will connect website with particular account at Facebook that guarantee uniqueness of shared content.
IMPORTANT     It’s necessary to paste personal account ID. Enter your Facebook profile page, look at the address bar you will see something like https://www.facebook.com/profile.php?id=xxxxxxxxxxxxxxx. The numbers at the end at the address are your ID.

Facebook Application ID – this is necessary to activate Facebook Insights. You can find your Application ID at https://developers.facebook.com/apps. Under each aplication you have created you can find App ID.

Twitter Cards

Automatically generate and insert Twitter Cards meta tags for post/pages – this option will allow to customize tweet information. Under every tweet it will be displayed predefined description and image. It require Twitter verification before start working.
IMPORTANT     At Twitter there is no default tweet description. If you want the have any description activate Twitter Cards meta tags.

Twitter Site Username – tape here your Twitter username without @ in front of it. This username will be added at the end of the description.

Default Twitter Card type – choose the type of your customized description:

  • Summary – only text at the description;
  • Summary with image – both text and image at the description.

Google Schema.org

Google Authorship is no longer supported. To improve search results Google now use Rich snippets. At upcoming update the latest G+ changes will be included. 

Social Like, Follow and Subscribe Buttons

Display on same line – share buttons and native social network buttons will be on same line

Apply native buttons skin – This option will hide native buttons inside nice flat style boxes and show them on hover

Native buttons skin – choose Flat or Metro skin for  native buttons. It will be applied only when option above is activated

Display counters for native buttons – activate this option to display counters for native buttons

Drag and Drop change position of display – change the order of native button display whit drag and drop

Activate social privacy – This option is connected with the privacy of personal information of the users. Activating this option no information is shared without user’s permitting it. If you activate this option the native buttons will display like this.

Facebook Like/Follow Button

Facebook Like/Follow Button

  • Include Facebook Like/Follow Button – tick off if you want to activate Facebook Like button;
  • My site already uses Facebook Api – tick off if you already use Facebook Api with another plugin;
  • Load Facebook API asynchronous – it’s recommended to tick off this to avoid site load slow down.

If you have visualization issue use the field below to fix it:

  • First field – for width correction. First try with 100 and depends on result increase or reduce the number to fit the output.
  • Second field – for height correction.
  • Third field – to move up the button higher and line all native buttons.

Facebook Like/Follow button type – choose between Like and Follow button type:

  • Like – users can like content from particular post/page
  • Follow – users can follow your Facebook page

Facebook Follow Profile Page URL – paste the URL of your Facebook profile to ensure Facebook follow function

Skinned button color replace – you can choose custom color for Facebook Like button from the palette

Skinned button hover color replace –  you can choose custom hover color from the palette

Skinned button text color replace – you can choose custom text color from the palette

Skinned button width replace – Use this field if after customizing social button don’t display full. Standard width is 80 px.

Skinned button text replace – use to customize button text;

Privacy button text – tape here the text displayed when switch on Activate social privacy option. This text is visible when the button is not pushed from the user.

Privacy button width replace – use when the privacy text is not display full.

Google +1/Follow Button

Google Plus/Follow Button – tick off if you want to display Google+ Button

Google Plus/Follow button type – choose the type of the button – plus or follow

Google+ Profile Page URL – paste here the address of your Google+ profile page

Skinned button color replace – you can choose custom color for G+ button from the palette

Skinned button hover color replace – you can choose custom hover color from the palette

Skinned button text color replace – you can choose custom text color from the palette

Skinned button width replace – use this field if after customizing social button don’t display full. Standard width is 80 px.

Skinned button text replace – use to customize button text;

Privacy button text – tape here the text displayed when switch on Activate social privacy option. This text is visible when the button is not pushed from the user.

Privacy button width replace – use when the privacy text is not display full.

VKontankte (vk.com) Like

VKontakte (vk.com) Like Button – tick off if you want to display VKontakte Like button

VKontakte (vk.com) Application ID – paste here your VKontakte Application ID. To get your ID go to http://vk.com/dev.php?method=Like

Skinned button color replace – you can choose custom color for the button from the palette

Skinned button hover color replace – you can choose custom hover color from the palette

Skinned button text color replace – you can choose custom text color from the palette

Skinned button width replace – use this field if after customizing social button don’t display full. Standard width is 80 px.

Skinned button text replace – use to customize button text;

Privacy button text – tape here the text displayed when switch on Activate social privacy option. This text is visible when the button is not pushed from the user.

Privacy button width replace – use when the privacy text is not display full.

Twitter Tweet/Follow

Twitter Tweet/Follow Button – tick off if you want to display Twitter Tweet/Follow Button

Twitter Button Type – choose the type of the Twitter button you want to display – follow or tweet

Twitter Follow User – type here your username without @ in front

Skinned button color replace – you can choose custom color for the button from the palette

Skinned button hover color replace – you can choose custom hover color from the palette

Skinned button text color replace – you can choose custom text color from the palette

Skinned button width replace – use this field if after customizing social button don’t display full. Standard width is 80 px.

Skinned button text replace – use to customize button text;

Privacy button text – tape here the text displayed when switch on Activate social privacy option. This text is visible when the button is not pushed from the user.

Privacy button width replace – use when the privacy text is not display full.

YouTube Subscribe

YouTube Subscribe – tick off if you want to display YouTube Subscribe button

Channel Name – paste here your channel name

Skinned button color replace – you can choose custom color for the button from the palette

Skinned button hover color replace – you can choose custom hover color from the palette

Skinned button text color replace – you can choose custom text color from the palette

Skinned button width replace – use this field if after customizing social button don’t display full. Standard width is 80 px.

Skinned button text replace – use to customize button text;

Privacy button text – tape here the text displayed when switch on Activate social privacy option. This text is visible when the button is not pushed from the user.

Privacy button width replace – use when the privacy text is not display full.

Pinterest Follow/Pin

Pinterest Follow/Pin Buttons – tich off if you want to display Pinterest Follow/Pin

Pinterest Button Type – choose the type of the button – follow or pin

Display name on button – here you can write the text displayed on the Pinterest follow button

Pinterest User URL – paste here your Pinterest profile URL

Skinned button color replace – you can choose custom color for the button from the palette

Skinned button hover color replace – you can choose custom hover color from the palette

Skinned button text color replace – you can choose custom text color from the palette

Skinned button width replace – use this field if after customizing social button don’t display full. Standard width is 80 px.

Skinned button text replace – use to customize button text;

Privacy button text – tape here the text displayed when switch on Activate social privacy option. This text is visible when the button is not pushed from the user.

Privacy button width replace – use when the privacy text is not display full.

LikendIn Company Follow

LinkedIn Follow – tick off if you want to display LinkedIn Follow button

LinkedIn Company ID – paste here your LinkedIn Company ID.

Skinned button color replace – you can choose custom color for the button from the palette

Skinned button hover color replace – you can choose custom hover color from the palette

Skinned button text color replace – you can choose custom text color from the palette

Skinned button width replace – use this field if after customizing social button don’t display full. Standard width is 80 px.

Skinned button text replace – use to customize button text;

Privacy button text – tape here the text displayed when switch on Activate social privacy option. This text is visible when the button is not pushed from the user.

Privacy button width replace – use when the privacy text is not display full.

ManagedWP.org Upvote Button

Activate ManagedWP.org upvote button – tick off to activate upvote button

Activate Custom Like Address

This option will make your Like button share custom page. For example your Facebook profile.

Address for Facebook Like Button – paste here the address you want to share on Google+ when activate Custom like address

Address for Google +1 Button – paste here the address you want to share on Google+ when activate Custom like address 

Easy Social Metrics Lite

Activate Easy Social Metrics Lite – tick off to start collect information about social share

Monitor following post types – choose from the list for which post types you want to collect information

Data refresh time – choose at what period the information will be refreshed.

IMPORTANT     A lower value will use more server resources. High values are recommended for blogs with over 500 posts.

Choose update provider – Choose default metrics update provider.

IMPORTANT     shatercount.com service works faster but sometimes it’s overloaded and the result returned is zero. The second method with call to each social network. It’s a little bit slower, but works flawlessly. 

Social Fans Counter

General Option

Drag and drop the items from the list to order the networks to display at Social Fans Counter.

Cache Time – set the time period for refreshing the counters. 24 hours is the optimal time length.

Facebook

Look at this tutorial to configure

Page ID/Name – paste here your Facebook page ID. If your page link is something like http://www.facebook.com/pagename the page name will be pagename. If your page link is something like http://www.facebook.com/pages/pagename/12345678901234 the page ID will be 12345678901234

Text Below The Number – here you can customize the text in your language. Default text is Fans

Extract data

  • Without Access Token Key – use public information and when there is some kind of overload the data can’t be extracted
  • With Access Token Key – there is no extracting data problems because you identify with Facebook
Twitter

Look at this tutorial to configure

UserName – tape here your username at Twitter without @ in front

Text Below The Number – default text is Followers. The text can be customized in any language

Extract data

  • With API Keys – there is no extracting data problems because you identify with Twitter
  • Without API Keys – use public information and when there is some kind of overload the data can’t be extracted

To extract the keys bellow it’s necessary to follow the instructions here at he section for Twitter

Application/Consumer key
Application/Consumer secret
Access token
Access token secret 

Google+

Page ID/Name – You can extract Google+ counter with our without using API key. Method with API key is more sutable but requires providing a valid API access key. If you use access with API key you always need to provide page ID or user ID

Text Below The Number – default text is Followers. The text can be customized in any language

Account Type – choose the type (page or user) of the account you want to connect with the site

Get counts using my Google+ API key – you can extract counters without using API key but method with API key is stable and always returns correct value. See settings tutorial on how to generate Google+ API access key

Select Google+ Display value only when API key is provided

  • circledByCount+plusOneCount – counts +1 and add to circles both
  • plusOneCount – counts people that makes +1 to your page
  • circledByCount – counts only people that add you in their circles
YouTube

Username or Channel ID – paste here your username of channel ID

Text Below The Number – default text is Followers. You can customize it in your language from here

Type – choose the type of the connection you want to make – with user or channel. If you mark user at the field above you have to fill username. If you mark here channel you have to fill your channel ID at previous field.

Vimeo

Channel Name – paste here your channel name

Text Below The Number – default text is Subscribers. You can customize it in any language

Dribbble

UserName – paste here your username

Text Below The Number – default text is Followers. You can customize it in any language

Github

UserName – paste here your username

Text Below The Number – default text is Followers. You can customize it in any language

Envato

UserName – paste here your username

Text Below The Number – default text is Followers. You can customize it in any language

Marketplace – choose from the list your marketplace

SoundCloud

UserName – paste here your username

Text Below The Number – default text is Followers. You can customize it in any language

API Key – to use SoundCloud counter you need to create application. Go to application center and create a new application. Then paste here the API Key of your application. For more help look here

Behance

UserName – paste here your username

Text Below The Number – default text is Followers. You can customize it in any language

API Key – to get an API Key do the following:

  • Go to Manage Your ApplicationsRegister a New App page
  • Click On “Register a new App” Button. Enter your App Name, your Blog URL and Description. Then click on “Register Your App”. Copy the “API KEY / CLIENT ID” and paste it in “API Key” input field in the Behance Box.
Delicious

UserName – paste here your username

Text Below The Number – default text is Followers. You can customize it in any language

Instagram

To fill the keys correctly look this tutorioal

UserID.UserName – paste here your ID and username with dot between. Your UserID is the first part of your Access Token

Text Below The Number – default text is Followers. You can customize it in any language

Access Token Key – to get your Instagram Access Token follow this steps:

Love This

To Activate choose Yes

Text Below The Number – default text is Loves. You can customize it at any language.

VK.com

Community ID/Name – paste here your company ID or name

Text Below The Number – write here the text you want to display below the number

RSS

Feed URL – paste here the url where RSS is located

Text Below The Number – write here the text you want to display below the number

Type – choose from the list the type of the RSS url:

  • manual – url of your site at WordPress
  • feedpress.it – url from external service 
  • feedblitz.com – url from external service 

Manual Value – if you don’t use external service you have to fill manually the number at this field

feedblitz.com counter address – feedblitz.com service has additional address that displays the counter which you can find in your feedblitz profile

MailChimp

List ID – paste here your list ID

Text Below The Number – write text displayed below the numbers

List URL – every MailChimp has address. Paste here the url of list you want to display counters

API Key – you will find it at your MailChimp profile -> Extras -> API Keys

LinkedIn

Comapny ID – to get your company ID follow this steps:

Text Below The Number – type here the text displayed below the number

APP Key – to get your APP Key you have to create application:

  • Go here and press Add New Application. Fill the information required and press Add Application
  • at List of Applications you will see the application you created. Click on the Application Name and scroll down and find OAuth Keys. In the list bellow you will find the keys necessary –  Consumer Key / API Key, Consumer Secret / Secret Key

APP Secret – get your Secret Key from OAuth Keys as it is described above.

Tumblr

Blog Host Name – paste here your blog address

Text Below The Number – write here the text you want to see under the numbers

To get your Consumer key and Secret Key go to Tumblr developer center and register application

To get your Access token key and Access token secret go to Tumblr Access Token Grabber

Steam

Group Slug – paste here your Steam Group ID

Text Below The Number – write here the text you want to see under the numbers

Flickr

Group Slug – paste here your Steam Group ID

Text Below The Number – write here the text you want to see under the numbers

API Key – go here to get your key

Posts Counter

Activate – choose Yes to activate

Text Below The Number – write here the text you want to see under the number

Comments Counter

Activate – choose Yes to activate

Text Below The Number – write here the text you want to see under the number

 Button URL Address – paste address to be loaded after click on Comments counters button. This can be page with list of users or any other page from your site or even other.

Users Counter

Activate – choose Yes to activate

Text Below The Number – write here the text you want to see under the number

Member List URL Address – paste address with list of all users

Total Site Fans

Activate – choose Yes to activate

Text Below The Number – write here the text you want to see under the number

Button Site URL Address – paste here the address of your site

myCred Integration

Activate myCred integration – activate this option to integrate with myCred

myCred reward points for share link click – Provide custom points to reward user when share link. If nothing is provided a 1 point will be included

Social Image Share

Activate share of images over Pinterest, Facebook and Twitter – this option will allow to get share buttons when hover on images. Template of the buttons is not the same as your set one buttons theme. There is only one template on Social Image Share and it looks like this:

Screenshot_3

Twitter handle to be provided – write here your Twitter username without @ in front and when share on Twitter your post will end with via @your username

Image selector – in this field you can add your CSS class to customize on which images to get the buttons over.

  • .essbis-hover-container img – this CSS class is set to be default and makes buttons to appear on page/post images only
  • .essbis_site img – this CSS will make the buttons appear on all images on your site – even in the sidebar, header, footer or other visual elements of your site that you which to be shareable.
    In some WP themes featured image is displayed before the post content and this CSS is necessary to be added to make feature image share work proper.
  • In this field you can add any other CSS class to customize image share as you want

Minimum image height – set the minimum image height here. Images under this height won’t have share buttons when hover

Minimum image width – set the minimum image width here. Images under this width won’t have share buttons when hover

Button position – choose from the select menu position for share buttons when hoover

Show on home page – tick off to activate Social Image Share for images on your homepage. If this option isn’t activated you won’t have share buttons when hover on homepage by default

Show on single post – tick off to activate Social Image Share for posts

Show on single page – tick off to activate Social Image Share for pages

Show on blog page – tick off to activate Social Image Share for blog pages

URL Shortener

IMPORTANT – If you activate URL Shortener, you will get completely new addresses for pages and posts. This will make your share counters start from zero.

Use wp_get_shortlink() – tick off this if you wish to generate shortlinks with build in WordPress function or WordPress plugin you have installed on your site

Use goo.gl to generate short URL – tick off if you wish to generate shortlinks with goo.gl service. There is no registration needed to use goo.gl shortener. Sometimes when overloaded there is delay in address returning. This may increase the loading speed of your site

Use bit.ly to generate short URL – tick off if you wish to generate shortlinks with bit.ly service. There is registration requirement to use bit.ly shortener but it works flawlessly any time

BIT.LY CONFIGURATION

bit.ly user – paste here your bit.ly username

bit.ly API key – paste here your bit.ly API key. Go to your bit.ly profile settings -> Advanced -> at the bottom of the screen you will see your API key

Use j.mp domain in bit.ly – if activate, you will get for short address something like j.mp/abcdef instead of bit.ly/abcdef. The difference is that whit j.mp you have two symbols less than bit.ly

After Social Share Actions

After Social Share Actions allows you to encourage user to perform additional action after a content is shared (example: like us or follows us after share, display subscrbe form and etc.). Please note that after social share actions module is not compatible with social privacy when like/follow after share is active.

Activate after social share action – tick off to activate After Social Share box

After close action type – choose from the list the type of the After Social Share box:

  • Like/Follow Box – box with social share buttons on it
  • Custom HTML message – box with any message you want. For example subscribe form, important announcement etc. You have to write the code at Custom HTML message box options section upon After Social Share Actions page
  • Custom user code – make possible adding any personal javascript code. You have to write the code at Custom user code box options section upon After Social Share Actions page

Popup message width – customize the width of the After Social Share box. The number has to be without px

LIKE/FOLLOW BOX OPTIONS

Text before like/follow buttons – write here the text you want to appear before the buttons. In these field you can add use HTML

Display type – choose the number of columns that social buttons will appear.
IMPORTANT     Please note that using greater value may require increase the popup window width

Include Facebook Like Button for the following url – paste here the url of page to be liked when press Like button on After Social Share Box
IMPORTANT     This field has to be filled up only if you want to connect Like button with page different from current page where After Social Share Box appears. If you paste your Facebook profile page you will get likes on your Facebook page

Include Facebook Follow Profile button – paste here url of Facebook profile that will be followed when press Follow button on After Social Share Box

Include Google +1 button for the following url – paste here the url of page you want to give +1 when press Like button on After Social Share Box

Include Google Follow Profile button – paste here url of Google+ profile that will be followed when press Follow button on After Social Share Box

Include Twitter Follow Button – paste here Twitter username without @. When press Twitter Follow button on After Social Share Box will be followed this profile

Include Pinterest Follow Profile button – paste here url of Pinterest profile that will be followed when press Pinterest Follow on After Social Share Box

Include YouTube Subscribe Channel button – paste here your channel ID to add YouTube Subscribe button on After Social Share Box

Include LinkedIn Company follow button – paste here your company ID on LinkedIn to add LinkedIn follow button on After Social Share Box

CUSTOM HTML MESSAGE BOX OPTIONS

Custom html message – here you can add custom HTML message

Custom javascript code – here you can add custom javascript message

Custom Share Message

Custom Share Message allows to customize message, URL, image and description for all the buttons available on your site. The demo site of the Easy Social Share Buttons is example how this option works – all the buttons share the URL of product page on codecanyon.net with exactly the same description and image no matter which social share button you press.

Activate custom share message – activate this option to allow usage of custom share message.

CUSTOM SHARE MESSAGE DETAILS

Custom Share Message – write here your custom share message

Custom Share URL –  paste here your custom share URL

Custom Share Image URL – paste here the URL of the image you want to set as custom
IMPORTANT    Only Facebook and Pinterest support this option

Custom Share Description – write here your custom share description
IMPORTANT    Only Facebook and Pinterest support this option

Advanced Custom Share

Advanced Custom Share option allows you to set custom share information for every single network. As you see all the networks support different elements for customization, so for each network there is different number fields available for filling up. If you customize share information for any network this information will be shared every time no matter from what page on the site the button is pressed.

IMPORTANT     Setting parameters for social network will have highest priority for custom sharing and will overwrite settings from custom share message option.

Customize E-mail Message

Customize E-mail Message section will help you to customize text displayed when visitors share your content by mail button.

Disable editing of mail message – activate this option to prevent users from changing the default message

Send to mail button function – choose from the list how mail button to operate:

  • Send mail using popup form – the information from the form will be sent through the WordPress server
  • Send mail using mailto link and user mail client – the mail will be sent through the mail program you are using (for example Thunderbird, Outlook for Windows or Postbox, Unibox for Mac)

Message subject – write here the subject of the mail message. Paste your site URL between the signs for percentage as it’s shown by default in the field – this will make it display as link.

Message body – write custom mail message text.
IMPORTANT     Do not make any changes at this part of the text – %%title%% and %%permalink%%. It is set automatically to get the title and the address of the page from which the user send the mail message. If you want to add the featured image to the mail message add this %%image%% in the field.
If you do not want to have title, permalink or image at the mail message just remove the code for the current element – %%title%%, %%permalink%%, %%image%%

Send copy of all messages to – if you want to get copies for all messages sent from the site, paste here mail, where you will get it. If you do not paste mail here, there won’t be sent any copies of mails

Localization

Localize Mail Form – here you can translate at your language the text for every field in the message form

Activate AntiSpam captcha verification

Captcha Message (recommended) – enter captcha question you wish to ask users to validate that they are human

Captcha Answer (recommended) – enter answer you wish users to put to verify them

IMPORTANT!     If these two fields are nod filled in, the captcha verification won’t be activated

Send mail settings

Use wpMandrill for send mail – To be able to send messages with wpMandrill you need to have plugin installed.

Optimization Options

The Optimization Options section will help you optimize the loading speed, when the website is very visited or when you want to reach fast load. The loading optimization refers only for the Easy Social Share Buttons way of work.

Load plugin javascript files asynchronous – activating this option will set scripts to be loaded with the other page content at the same time without blocking load

Load plugin javascript files deferred –  activating this option will set scripts to be loaded after the other page content is displayed on the screen. This option will make your text content display first and after that to be loaded the other elements of the page – images, scripts and etc. This will prevent blocking load time while the user have to wait to see anything on the screen. It’s recommended for high loaded websites

Remove version number from script and css files – activating this option will make possible your client’s browsers cache the content of your site. This will ensure fast load when visit the site again

BUILD-IN CACHE

Activate cache – tick off this option to activate the ESSB build in cache. If you use any other cache plugin do not activate this, you won’t get any extra result

Cache mode – choose one of the modes depending on your site’s load:

  • Cache button render and dynamic resources – recommended for high loaded sites. This option will cache the render of the buttons and will make the dynamic resources of the plugin to be treated as non-dynamic, which will make the buttons to be loaded faster
  • Cache only dynamic resources – recommended for medium loaded sites. This option will make only the dynamic resources of the plugin to be treated as non-dynamic, which will make the buttons to be loaded faster

Combine into single file all plugin static CSS files – combine all plugin’s CSS files and execute them with a single call to CSS

Combine into single file all plugin static javascript files – combine all plugin’s javascript files and execute them with a single call to javascript

Administrative Options

Disable menu in WordPress admin bar – this option will hide the plugin’s menu from the WordPress bar at the upper side of the screen

Move plugin options under settings menu – this option will locate plugin’s menu at Settings section on your WordPress admin panel

Turn off Easy Social Share Buttons Advanced settings – tick off to disable Advanced settings. These are the settings visible under every post on Edit Post Page. They are used for customization share information

I am using Google Analytics for WordPress by Yoast – tick off if you use Google Analytics for WordPress by Yoast on your current WordPress installation

Avoid <!–nextpage–> and always share main post address – if you activate this option always will be shared the first page of the posts with more than one pages. If you do not tick this option off will be shared the page from where the button for social sharing is pressed from the user

Clean buttons from excerpts – activate this option to avoid buttons included in excerpts as text FacebookTwiiter and so

Clean buttons method – when activate Clean buttons from excerpts option choose clean method for cleaning the excerpts. There is no universal cleaning method it depends on the WordPress theme which of them will be proper for you

  • Clean network texts – (works in most of the cases) – this option will clean the name of the social networks
  • Remove entire action – this method removes entirely the buttons when excerpt are set up. Sometimes this method hide the buttons from the pages too. So try first with the other method and only if it do not work for you mark this one 

Force get of current post/page – activate this option if you have troubles with page URL that plugin gets

Change default priority of buttons – provide custom value of priority when buttons will be included in content (default is 10). This will make code of plugin to execute before or after another plugin. IMPORTANT!     Providing incorrect value may cause buttons not to display

Force share of post/page address with query parameters – activate this option if you use query string parameters with your url and what plugin to share full url with them (not only permalink)

Fix counter problem with limited cURL configuration – activate this option if have troubles displaying counters for networks that does not have native access to counter API (ex: Google). To make it work you also need to activate in Display Settings -> Counters to load with WordPress admin ajax function.

Do not load FontAwsome – Activate this option if you site already uses FontAwsome font

Turn off build in modules

You can turn off build in modules that you do not use. This will make plugin to work faster. You can turn back on modules at any time.

Turn off Social Fans Counter – if you do not use Fans counter anywhere on your site you can turn this module off. This will make the plugin works a little bit faster

Turn off Love This – if you do not use Love This  button anywhere on your site you can turn this module off. This will make the plugin works a little bit faster

Reset configuration to default values

Press I want to reset configuration to default plugin values button if you want to clear all the settings you have made
IMPORTANT!     Pressing this button will restore initial plugin configuration values and all settings that you apply after plugin activation will be removed

Display Settings

Display Settings

Where to display buttons – choose from the list post types where you wish buttons to appear

Display in post excerpt – if your theme is using excerpts and you wish to display share buttons in excerpts activate this option. Choose where at the excerpts to be displayed the buttons – top or bottom

Exclude display on – paste in the field page IDs where you do not want buttons to be displayed. On these pages will be hided the main displayed method set for the site, but you can do any custom setting on this pages with shortcode for example

Deactivate plugin on – paste in the field page IDs where you do not want buttons to be displayed.
IMPORTANT!     This option will make any styles or scripts DO NOT work for the pages in the list

Deactivate buttons display on homepage – tick off to hide buttons from your homepage. This option allows shortcode custom settings

Do not load button resources on homepage – if you hide the buttons from the homepage with this option, the buttons do not load at all for homepage. So there is no way to display the buttons there with no scripts and etc.

For bbPressBuddyPressWP e-CommerceJigoShop there are some extra display settings available.

Button Position

Position of buttons – choose from the list default display position for the buttons

Custom display method for homepage only – you can change the default display position for the homepage only. Choose from the list display method available for the homepage only

Additional display methods activation

SIDEBAR

Activate sidebar as additional display method – thick off to activate sidebar as additional display method. This option will allow you to display buttons as sidebar in combination with selected as default display method.

Display counters in sidebar when Activate sidebar as additional display method is active – thick off to display counters when sidebar is activated as additional display method

POPUP

Activate Popup as additional display method – thick off to activate popup as additional display method. This option will allow you to display buttons as popup in combination with selected as default display method.

POST VERTICAL FLOAT

Activate Post Vertical Float Sidebar as additional display method – thick off to activate Post Vertical Float Sidebar as additional display method. This option will allow you to display buttons as  Post Vertical Float in combination with selected as default display method.

Display counters in sidebar when Activate Post Vertical Float Sidebar as additional display method is active – thick off to display counters when Post Vertical Float is activated as additional display method

FLYIN

Activate Flyin as additional display method – thick off to activate Flyin as additional display method. This option will allow you to display buttons as Flyin in combination with selected as default display method.

Easy set

In this section you can set the network names and the counters easier and faster. The idea of this quick set mode for names and counters is to choose what result you are looking for. All the settings necessary the buttons to display that way will be made automatically. This will save you to wonder what combination of options you have to activate to get the finale outlook you wish to reach. Also using Easy set you will prevent activating options that are with opposite action which may cause troubles in proper button’s work.

Quick settings apply for button style – choose from the list button style. Example button style preview will help you to make your right choice.

Quick settings apply for counters – choose from the list counter display style

 

Network Names

Display Options

Hide Social Network Names – choose yes if you want social network names to be hidden. This will display only social network icon by default and network name will appear when you hover button as it is shown at the picture under the option.

Always hide network names on mobile – this option will hide network names when mobile device is detected and only social icons will be displayed.

Don’t show network names when hide social network names is activated – this option will disable network name pop out when you activate Hide Social Network Names and only button with icon will be displayed.
IMPORTANT!     This option is activated by default on mobile devices and can’t be turned off. 

Don’t show network icons – This option will display only network name inside button without icon.
IMPORTANT!     This option must not be used with hidden network names or counter position inside as the button will have no proper display.

Social Network Names Replace

Social Network Names – in the field in front of every social network you can write custom text that will appear instead of network names inside buttons.

Counters

Button counters

Display counter of sharing – press yes to activate counters

Position of counters – choose from the list where the counter to be displayed

Cache internal counters (Mail, Print, Love and no API counters) – if you are using mail, print or love button and your site is with high traffic, it is prefered to activate this option. This option will decrease server load because in the time between two calls the counter will give back the number from the cache. By default it is set cache time to be 600 (that means 600 seconds). If you want to correct this time period use the field below. If you do not write nothing there this option will work with 600 seconds cache period. 

Activate internal counters for all networks that does not support API count – Weibo, Tumblr, Digg, Flattr, WhatsApp, Meneame do not support API count and when you want to diplay counters for this networks you have to activate this option. It is set to count the number of clicks by the plugin itself for every page/post.

Load counters with build-in WordPress AJAX functions (using admin-ajax) (recommended) – this option is used to display share counters with WordPress build in functions. This method is more secure than the default one. By default the plugin is using external file to reach the counters but it do not allow cache of the counters. Some hosting companies do not work with this default method, because of its secure disadvantages. In this cases and also when you have high loaded website or would like to activate cache for the counters you need to activate this function.

At this option there is field where you can set time period (in seconds) for new call to APIs. This option will decrease server load because in the time between two calls the counter will give back the number from the cache.

Display Facebook Total Count – activate this option to display total counter. When you activate counters

Display button counter after this value of shares is reached – write in the field number after which the share counters will be visible. While the numbers are smaller than this filled in here, you won’t be able to see share counters at your site.

Total counter

Hide total counter when display counter of sharing is active – this option will make total counter to be always hidden while share counters for every network are active.

Position of total counter – choose from the list position for the total counter. Notice that for vertical display methods left means before buttons (top) and right means after buttons (bottom)

Append text to total counter when big number styles are active – activate this option to customize the text below, when big number styles are active. Write the text in the field – for example shares, likes. You can add texts at any languages.

Display total counter after this value of shares is reached – write in the field number after which the total counters will be visible. While the number is smaller than this filled in here, you won’t be able to see total counters at your site.

Mobile Display Options

Change default display method for mobile – choose from the list another display method of buttons which will be applied when page/post is viewed from mobile device.

Mobile sidebar position – when you set sidebar as display method for mobile you can choose top or bottom position for it

Hide buttons for low resolution mobile devices – this option will hide buttons when viewed from low resolution mobile device

Hide buttons for all mobile devices – this option will always hide buttons when viewed from any mobile device

Deactivate additional display methods on mobile – this option will deactivate display as popup or sidebar as another display method when viewed on mobile device

Deactivate native social buttons on mobile – this option will deactivate automatic render of native like, follow and subscribe buttons when viewed from mobile devices. We recommend activating this option to make page load faster and lighter when viewed from mobile device. Native buttons included with shortcode will be rendered even if this option is active

Do not apply mobile settings for tablets – with activating this option You will avoid mobile rules for settings for tablet devices

Advanced Display Settings For Mobile Devices

Activate custom button settings – thick off to activate possibility to customize the button settings for mobile devises

Mobile Device

Display only those buttons for this button position – mark with thick the networks that you wish to appear only for this button position. If network is selected this will overwrite default selected networks and display only selected here.

Template – choose from the list template that will be active only for mobile devices

Full width share buttons – choose if the buttons for mobile devices will be full width or not. There is also possibility to keep the value you have already set at your mail display method

Full width share buttons width correction – write here value to correct the width of the buttons for mobile devices (only number without px)

Hide Network Names – choose whether hide network names for mobiles or not. You can also keep your main setting made for this feature active for mobile devices too

Counters Position – choose from the list position for the counters if they are activated

Total Counter Position – choose from the list position for the total counter if it is activated

Rename displayed texts for network names – you can customize the text for every social network on mobile devices only from here. It’s possible to use any language

Message above buttons

At all the personal messages in this section may be used %%title%% and %%permalink%% to include the title of the post/article or its address. You just have to paste this code variables without any changes where you want to have the relevant element available.

Message before share buttons – write in the field custom text that you want to display before the share buttons. Note that in this position it is not very proper to display long text, because it will lap over the buttons

Message above share buttons – write in the field custom text that you want to display above the share buttons. The content here can be as long as you wish. The only thing you have to weigh in mind is your page layout and the empty space above the buttons.

Message above like buttons – write in the field custom text that you want to display above the like buttons.

Localization Settings

Language code for native social networks – write in the field the code of the language you are going to use

Custom message on social network hover – here you can customize the text visible when hover. If the field is empty the message will be standard text that every network provide for its button

Localize love you button commands – at the two field you can translate to your language the messages related with Love This button

Float From Top Settings

Set custom top of float bar – write in the field number to set from what point from top the buttons will be rendered.

Set custom top of float bar for logged in users –  write in the field number to set from what point from top the buttons will be rendered for logged in WordPress panel user only. If you have set 40 for custom top of float bar, you have to add 32 to 40. 32 px is the height of the WordPress admin bar. This value for float from top will be active only for logged in users.

Background color of float bar – this option gives you the opportunity to customize the background color of the buttons.

Set full width of float bar – tick off to activate full with for the float from top. This will make buttons to take full width of browser window.

Float with javascript – set this option to avoid Google Chrome issue with fixed elements.

Sidebar Settings

Sidebar appearance – choose from the list where sidebar to be positioned.

Left and Right Sidebar Additional Options

Fixed top position of sidebar – write a number to set custom top position of sidebar in pixels or persents

Sticky Sidebar – tick off to activate sticky sidebar

Top and Bottom Sidebar Additional Options

Background color – you can customize the background color of the buttons

Buttons alignment in bottom sidebar – choose alignment for bottom sidebar

Display bottom sidebar after percent of content is passed – write in the field after what percentage of the page content the bottom sidebar will be visible

Display top sidebar after percent of content is passed – write in the field after what percentage of the page content the top sidebar will be visible

Message before the buttons in top sidebar – write here custom text that will be displayed before the top sidebar buttons

Message before the buttons in bottom sidebar – write here custom text that will be displayed before the bottom sidebar buttons

Popup Window Settings

Popup window display settings

Popup window title – write here a title for your popup

Popup window message – write here custom message that will appear above buttons

Popup window width – here you can customize the default width of the window. The default width is 800 px. If the width of the screen is smaller than these 800 px, automatically the width of the popup is reduced with 60 px. The same reduction is valid for the value you set here

Automatically close popup after (sec) – set time period after which the popup will be closed.

Display popup window after (sec) – set time period after which the popup to be visible on the screen.

Display popup window after percent of content is viewed – write after what percentage of page content viewed the popup to be visible.

After user close window do not show it again on this page/post for him – activate this option to prevent popup to display more than once for this user in the next seven days for this page/post

After user close window do not show it again on all pages/posts for him – activate this option to prevent popup to display more than once for this user in the next seven days for all the pages/posts

Manual window display mode – this option gives you the opportunity for custom display popup window with call to javascript code essb_popup_show(). If the option is active the popup won’t load automatically. Usually this method is used display popup just in case the user is done particular action – for example when download a file when press button or when watch video

Translate window texts and messages

Popup window close button text – set custom text for popup window close button. You can use any language

Window will automatically close in message customize – customize at your language the message for automatic close window.

Post Vertical Float Sidebar Settings

Horizontal offset from content – if the default offset value do not fit with the your page content and overlap it, you can correct this from here. Negative number will move the Post Vertical Float Sidebar on the left. Positive numbers will move the sidebar on the right.

Vertical offset from content start – with this option you can move the Float Sidebar up or down depends on your page layout. With this setting you can locate Float Sidebar exactly at the same line as the content starts.

Fixed top position of float bar – this option will help you when you use any specific theme features as too big header or slider at the beginning of the page. In this cases there is possibility the buttons to lap over this elements if Vertical offset from content start is activated. Use Fixed top position of float bar to set offset from the upper side of the window. The buttons will display at this point initially for all pages on the website.

Display after percent of content is passed – write here after what percent of content viewed the Float Sidebar to display

Flyin Settings

Flyin display settings

Flyin title – write here a title for your popup

Flyin message – write custom message that will display above buttons

Flyin window width – here you can customize the default width of the window. The default width is 400 px. If the width of the screen is smaller than these 400 px, automatically the width of the popup is reduced with 60 px. The same reduction is valid for the value you set here.

Automatically close flyin after (sec) – set time period after which the popup will be closed.

Display flyin window after (sec) – set time period after which the popup to be visible on the screen.

Display flyin window after percent of content is viewed – write after what percentage of page content viewed the popup to be visible.

After user close window do not show it again on this page/post for him – activate this option to prevent popup to display more than once for this user in the next seven days for this page/post.

After user close window do not show it again on all pages/posts for him – activate this option to prevent popup to display more than once for this user in the next seven days for all the pages/posts.

Manual flyin display mode – this option gives you the opportunity for custom display popup window with call to javascript code essb_popup_show(). If the option is active the popup won’t load automatically. Usually this method is used display popup just in case the user is done particular action – for example when download a file when press button or when watch video

Translate window texts and messages

Flyin window close button text – set custom text for popup window close button. You can use any language.

Window will automatically close in message customize – customize at your language the message for automatic close window.

Advanced Display Settings by Post Type

Activate custom post type settings – tick off this option to allow customizing the button’s display depends on the post type of the content

Post Type: Posts

Display position – choose from the list display position for all publications, marked as posts on your website

Template – choose from the list template for all publications, marked as posts on your website

Hide Network Names – choose whether the network names to be hidden or not for all content, marked as post on your website

Display Counters – choose whether the buttons for all content, marked as post on your website to have counters or not

Counters Position – if you have activated counters for all posts on your website, choose from the list one of the possible positions for the counter

Total Counter Position – if you have activated counters for all posts on your website, choose from the list one of the possible positions for the total counter

Sidebar Position – if you have activated Sidebar as display position for all posts, choose from here where to locate the sidebar on the screen

Activate Sidebar as another display – choose Yes to activate Sidebar as another display method for all content, marked as post on your website

Activate Popup as another display – choose Yes to activate Popup as another display method for all content, marked as post on your website

Activate Post Vertical Float Sidebar as another display – choose Yes to activate Post Vertical Float Sidebar as another display method for all content, marked as post on your website

Display only those buttons for this post type – choose from the list the networks you wish to appear only for the content, marked as post on your website

Any other post type as pagemediaforumstopicsrepliesproducts or other used on your WordPress installation will be set in same way.

Advanced Display Settings by Button Position

Activate custom button position settings – tick off this option to allow customizing the button’s display depends on its possition

Button Position: Bottom of content

Display only those buttons for this button position – choose from the list the buttons that you wish to appear only for Bottom of content buttons

Template – choose from the list template available only for Bottom of content buttons

Full width share buttons – choose whether to activate full width for Bottom of content buttons.
IMPORTANT!    Activating this option will make your buttons to take all the width of your working window. The width of buttons depends on their count – when you have a few buttons width will be greater than when you have more active buttons.

Full width share buttons width correction – write number between 1 and 100 in percents to correct the width of the button itself. For example if the buttons displayed are more and are too close each other write here small percentage number (50) to make them smaller and fit in the window width. And the opposite, if the buttons are fewer and the space between them is big, fill in here number close to 100. This will make them locate closer each other.

Hide Network Names – choose if the network names to be hidden or not

Counters Position – choose from the list where the counters to be located

Total Counter Position – choose position for the total counter

Rename displayed texts for network names – use this option to customize the text for every button that will appear instead of the network name. You can use this to translate network names on your language.

For all other button positions Top of contentFloat from contentWindow sidebarPopupLike buttons top, Share buttons bottomShare buttons top, Like buttons bottomPost vertical float barContent Inline and Flyin Panel the buttons can be set with exactly the same options.

Style Settings

Style Settings

Color Customization

Activate color customizer – activate this option to make color customization possible

For all color customization is used hex color format (web color)

Total counter options

Background color – replace total color background color

Remove background color – tick off to remove the background color

Text color – use to change the default total counter text color

Total counter big style font-size – use to customize the total counter font size

Total counter big style shares text font-size – use to customize the total counter shares text font size

All networks color options

Use this part of the options to customize the colors for all the social networks. You can change background colortext colorhover colorhover text color by color code paste or by the color palette.

Remove effects applied from theme on hover – use this option to remove the hover effects that your WordPress theme use.

Single network color options

FACEBOOK

Facebook background colorFacebook text colorFacebook hover color, Facebook hover text color – set these options by color code paste or by the color palette.

Facebook icon – paste here url of the image which you want to set as Facebook icon. Upload the image at your WordPress library first and get the address of the image from there.

Facebook icon background size –  write here number if you want to correct the size of the Facebook icon. For example enter here 30 px to make the icon 30px width and 30px high or 30px 20px to make the icon 30px width and 20px high. You can make the button smaller too if you need so. You just have to keep the rule that the first number is setting the width and the second is for the high. It’s useful if you have set big buttons with CSS, because gives opportunity to make the icons bigger too and the final look will be better.

Facebook on hover icon – paste here url of the image which you want to set as Facebook on hover icon. Upload the image at your WordPress library first and get the address of the image from there.

Facebook on hover icon background size – this option works analogous to Facebook icon background size but refer to on hover mode.

For all other social networks color customization can be set exactly the same as on Facebook.

Fans Counter Color Customization

Activate fans counter color customizer – activate this option to make color customization possible

Single network color options

All the networks in the list can be color customized by color code paste or by the color palette. Fans counter has two types of templates – background and white icon or color icon only. So depends on the template chosen color change will have an effect on button color or background color.

Additional CSS Customization

Write here any CSS you need to customize the social buttons or any other element from your site, whenever it is related with this plugin or not.

Shortcode Generatot

Shortcode Generator [ easy-social-share ] Shortcode

Before you start make any settings here you have to choose the type of the shortcode you are looking for:

  • Shortcode to display social share buttons
  • Shortcode to display native social buttons
  • Shortcode to display total shares
  • Version 1.x general shortcode

Screenshot_3

When you make your choice by one click start to fill the settings.

[ easy-social-share ] Shortcode

SOCIAL SHARE BUTTONS

Social Networks – choose from the list the networks you want to add by shortcode. You can reorder them by drag and drop.

More button function – choose a function available for more button

COUNTERS

Include Counters – tick off to activate counters to the buttons that you will add with shortcode to your site

Counter position – choose from the list position for the counters if you have activated Include Counters option

Total counter position – choose from the list position for the total counter if you have activated Include Counters option

BUTTON STYLE

Hide network names – choose to hide network names, hide and display them on hover or do not hide them.

Full width share buttons – tick off to arrange the buttons on full window width. The width of buttons when this option is activated depends on their count – when you have a few buttons their width will be greater than when you have more active buttons.

Full width share buttons single element width correction – write number between 1 and 100 in percents to correct the width of the button itself. For example if the buttons displayed are more and are too close each other write here small percentage number (50) to make them smaller and fit in the window width. And the opposite, if the buttons are fewer and the space between them is big, fill in here number close to 100. This will make them locate closer each other.

Fixed width share buttons – activate this to make possible customizing width of the buttons.

Fixed width button width – write fix width for the buttons, displayed width this shortcode only. For example if you write here 100, all the buttons, displayed with this shortcode, will be 100 px each

Choose alignment of network name when fixed width is used – choose from the list alignment for network names. This setting will affect and counters too when Position inside or Inside name options are activated. 

Display message above buttons – activate to include the message that you have been written at Message above share buttons field upon Display Settings -> Message above buttons at the plugin’s menu

Template – choose from the list template for the buttons activated with this shortcode only.
IMPORTANT!     If you do not choose anything from the list the template of your shortcode buttons will be as default set. So if you want to generate shortcode with buttons at the same template options as these you have already made on your site, just do not make any choice here.

CUSTOMIZE SHARED MESSAGE

Share URL – paste here url that the buttons, displayed with this shordcode, will use. If you want the buttons to display the page/post they are located, let this field empty

Share Message – paste here custom message for the buttons, displayed with this shordcode. Let this field empty, if you would like to use as message the page/post title where buttons are displayed

ADDITIONAL DISPLAY OPTIONS

Display social buttons as sidebar – tick off to display current shortcode button’s settings made as sidebar

Choose sidebar position – choose from the list one of the possible positions for sidebar display method by shortcode

Display social buttons as popup – tick off to display current shortcode button’s settings made as popup

Display popup window after about of seconds – write in the field number to set popup to display after this number amount of time

Display social buttons as float from top – tick off to display current shortcode button’s settings made as float from top

Display social buttons as post vertical float – tick off to display current shortcode button’s settings made as post vertical float

Hide this shortcode display on mobile devices – tick off to disable button’s display for mobiles, when they are activated with this shortcode

SOCIAL SHARE BUTTON TEXTS

Social Network Names – use the field in this option to customize the default share text for each network. You can use any language.

When you finish with your settings click on Generate Shortcode. You will get three codes:

Screenshot_6

1. The first code will help you to display social share buttons anywhere on your site. Implement the shortcode with copy/paste at the Edit Post Page of the page where you would like to display the buttons with this shortcode. If you have been chosen Sidebar, Pop up or Post Vertical Float display methods when generating the shortcode paste the code at the bottom of the page content.

2. The second code will help you to add the shortcode at your WordPress theme. Insert this code into the template where you wish the buttons with this shortcode to be displayed.
For example if you paste this shortcode into footer template file the buttons set with this code will display only there. If you paste this shortcode into posts template file the buttons will display on each page marked as post page type.

3. The last two codes will help you to put the current post/page title and permalink (the full address of the post) into your shortcode. The most common situation you may need this codes is when you want to share the address of particular post when it is part of some kind of post list as resent posts for example. And when press any share button from this post list there will be shared the page address and the title of the each article itself. If you do not use these codes the buttons would share the url of the page where this post list is located, no matter the buttons refer to particular article from this list.

How these 3. codes are used?

Permalink

Get your second code (2.) and paste url=”‘.$url.'” before the last square bracket ( ). If we use the example from the picture, your code should look something like this:

Screenshot_8

And the last step is to add this code $url = get_permalink($post->ID); on the row before. So your final code should be on two rows and look like this:

Screenshot_7

You have to paste this two row code at any template file on you WordPress installation where you wish the buttons display by the shortcode prepared with Shortcode Generator.

Page title

If you want to add the page title the steps are the same. On the first row you have to put this code $title= get_the_title($post->ID); and on the second row you have to locate your 2. code with title=”‘.$title.'” before the last  square bracket ( ). Your final shortcode should look something like this:

Screenshot_9

Page title and permalink both

To add the title of the page and the permalink for current article at the shortcode you just have to compleate the two described above actions in one code. And the final look of your shortcode should be something like this:

Screenshot_10

Insert it into the template, where you wish the buttons with this shortcode to be displayed.

Shortcode Generator [ easy-social-like ] Shortcode

If you want to add with shortcode social native buttons, press on the second button upon Shordcode Generator

Screenshot_5

Then on the screen will be loaded the specific options you need to fill in to get the shortcode you need

FACEBOOK LIKE BUTTON

Include Facebook Like Button – tick off if you want to display Facebook like button with this shortcode

Facebook Like Button URL – paste here the url of your Facebook page

Width of button – write here a number to fix if the button is hidden on half. This option is used to make correction when you had already get your shortcode and you can see this issue with the button display. Depends on the WordPress theme and the language used this number will be different. So to get the number you need just get a try, there is no other way to hit it.

Skinned button text overlay – write here a text that will be visible, when Skinned Native Buttons is activated (the option is at the bottom of the option page). This text will be visible on the screen and on hover will display the Like button. For example you can write here Like Us and on the page where you implement the shortcode this text will be visible. When you position the cursor on it Facebook Like button will display.

Skinned button width – write here a number to set custom Facebook Like button width, when Skinned Native Buttons are activated (at the bottom of this option page). Correction would be necessary if on your language the text you set do not fit on the button. The width by default is 80 px.

All the settings for FACEBOOK FOLLOW BUTTONTWITTER FOLLOW BUTTONTWITTER TWEET BUTTONGOOGLE +1 BUTTONGOOGLE FOLLOW  BUTTON, YOUTUBE CHANNEL SUBSCRIBE,  PINTEREST PIN BUTTONPINTEREST FOLLOW BUTTON are almost the same as described above. The differences  with minor and depends on every network features.

VISUAL OPTIONS

Skinned Native Buttons – tick off this option to activate Skinned Native Buttons.
IMPORTANT!    All the settings for native buttons made at the field above will work ONLY if this option is turned on

Skin – choose template for the native buttons

Counters for Native Buttons – tick off to activate counters for the buttons, displayed with this shortcode

Align – choose alignment for the buttons, displayed with this shortcode

When you finish with your settings click on Generate Shortcode. You will get three codes:

Screenshot_4

1. The first code will help you to display native buttons anywhere on your site. Implement the shortcode with copy/paste at the Edit Post Page of the page where you would like to display the buttons with this shortcode.

2. The second code will help you to add the shortcode at your WordPress theme. Insert this code into the template where you wish the buttons with this shortcode to be displayed.
For example if you paste this shortcode into footer template file the buttons set with this code will display only there. If you paste this shortcode into posts template file the buttons will display on each page marked as post page type.

3. The last two codes will help you to put the current post/page title and permalink (the full address of the post) into your shortcode. You may need this codes when you have native buttons added with shortcode to any post list (as resent posts for example) and you want Like or Follow action to refer the url of the article itself (not the url of the all post list).

IMPORTANT!    It’s important to say that these codes are not very useful in the native buttons situation. The reason is that the native buttons add too much code to particular page and this would overload the page. So if the loading speed is important thing for you, it is not recommending to set your native buttons shortcode that way.

But if you would like your native buttons work like described above, follow these instructions:

Paste $url = get_permalink($post->ID); or $title= get_the_title($post->ID); or both of them. Then get your second code (2.) and paste url=”‘.$url.'” or title=”‘.$title.'” (or both of them) before the last square bracket ( ] ). If we use the example from the picture, your code should look something like this:

To set by shortcode Like button (and its equivalents for other networks) to refer to the article address, when this article is part of any list

Screenshot_11

The shortcode below is necessary to be used only when you want the title of the article to be part of the native social action, when this article is part of any list. The only situation that the article’s title is part of the native social action is Tweeter Tweet Message for now.

Screenshot_12

The last example is useful when you want to set by shortcode Like button (and its equivalents for other networks) to refer to the article address and the title of the same article to be part of Twitter Tweet Message, when this article is part of any list

Screenshot_13

Insert this code into the template, where you wish the native buttons with this shortcode to be displayed.

For more detailed information how to use 3. codes please have a look at the end of this article.

Shortcode Generator [ easy-total-share ] Shortcode

If you need do get shortcode which to display only total count number without any buttons, press on the third shordcode button

Screenshot_5

 [ easy-total-share ] Shortcode

Message before the total counter – write here a text that will display before the number of shares. For example: Shares or Total.

Custom URL to extract total counter for – if you want the total counter to show the shares for some other page than this where it is displayed, paste here the URL of the other page.

Align – choose were to locate the total counter number at your site – left, right or center.

Text for shares after the number – write here a text that will display after the number of shares. For example: Shares or Total.

Display full number (not short syntax) – tick off if you wish your total counter to display the full syntax number.

Select Social Networks – choose the networks witch shares you wish to include in your total share number.

When you press Generate Shortcode you will get tree codes that will look something like that:

Screenshot_14

1. The first code will help you to display total share number anywhere on your site. Implement the shortcode with copy/paste at the Edit Post Page of the page where you would like to display the total counter with this shortcode.

2. The second code will help you to add the shortcode at your WordPress theme. Insert this code into the template where you wish the total counter to be displayed. The most common situation that this code is used is at any kind of article lists.

3. The last code $url = get_permalink($post->ID); will help you to make your total counter refer for each particular article, when this articles are part of some kind of list – for example Most popular.

How to use 3. code?

Get your second code (2.) and paste url=”‘.$url.'” before the last square bracket ( ). If we use the example from the picture, your code should look something like this:Screenshot_15

Then paste your 3. $url = get_permalink($post->ID); code at the row before. Your final code should be on two row and look like this:

Screenshot_16

Insert this code into the template, where you wish the the total counter to be displayed.

Click Statistics

Click Statistics

Click Statistics provides statistic information about how many clicks are done on each group buttons by social network. The information is collected locally, so there is no guarantee that this numbers are real shares on the networks. The numbers in this statistic shows how many clicks have been done on buttons for each network, but there is chance sharing window to be closed from the user. In this case there is a click, bit there is no share. Please keep this on mind!

Overall social share stats since function is activated

Screenshot_17

Overall social share stats since function is activated shows all the clicks for every social networks buttons since the plugin is activated for the first time on your WordPress installation. If for some reason the plugin is deactivated or even uninstalled, when you upload it again on this WordPress installation, this data will be still available. The new clicks will be supplemented to the previous numbers.

Social activity for the last 30 days

Screenshot_18

Social activity for the last 30 days shows all in one diagram statistic for the last 30 days day by day. This is total click counter for every day shares for the last mount.

Social activity by months

Screenshot_19

Social activity by months shows table statistic by months and social networks from the first activation of the plugin on your WordPress installation.

Leading posts in social actions

Screenshot_20

Leading posts in social actions shows all networks clicks statistic for all the posts at your site. As you can see at the picture above that the information is available even for posts that are removed (the page/post column is empty). The posts are sort by clicks leading. At the standard view you see Top 20 posts, when you press Full content report button you will get statistic table for all the posts on your website.

Month statistic

If you want to have a closer look at the clicks mount by mount, go to Social activity by months and just click the mount you would like to inspect. You will get Activity by date of month chart and Content details for this month.

Activity by date of month shows all in one chart statistic for the last 30 days day by day. This is total click counter for every day shares for the particular mount.

Content details for this month shows all networks clicks statistic for all the posts at your site. The statistic is sorted for the particular month.

Import/Export Settings

Import/Export Settings

Import/Export configuration

Configuration String – if you press the Backup button you will get in the field the settings, you have made till now at he ESSB. At the same field you can paste settings that are ready. The most common situation this feature is useful is to get the button settings you have done at your developer site version and paste it at your official one. This option gives the opportunity to try with different settings, to test the way of work and when the desired visual and functional display is reached to copy/paste settings as data base code from one WordPress installation to another.

Import ready made configuration

Available configurations – at this section there are list of ready made configurations. With one click on the name of the particular configuration you can make it available on your site. You can check the display look and functionality for each configuration on Easy Social Share Buttons demo site.
IMPORTANT!     Please note that if you click on one of the configuration this will automatically make all the settings necessary to display the buttons the way that this configuration style provide. That mean that all the settings done till now will be cleared!

Automatic Updates

Automatic Updates

Activate Automatic Update

Purchase Code – paste here your purchase code and this will ensure you automatic updates.

Quick Set and Fix Menu Bar

Quick Set and Fix menu Bar

Quick Set and Fix Menu Bar is located under the Main operation setting panel.

quick menu

As it is seen from its name this part of the menu panel is created to help you to set your buttons fast without any specific skills necessary and also fix quick and easy possible working troubles of the buttons.

Configuration wizard

By pressing on this button you will go to Easy Social Share Buttons Configuration Wizard. This is Easy Mode for setting the buttons and if you choose it the only thing you have to

 

 

Top