Demo – Vertical Template

shortcode

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.

Social share shortcode

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.

like buttons with shortcode

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.

social like shortcode

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.

Total share counter with shortcode

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.

Top