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
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:
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:
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:
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:
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:
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
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 BUTTON, TWITTER FOLLOW BUTTON, TWITTER TWEET BUTTON, GOOGLE +1 BUTTON, GOOGLE FOLLOW BUTTON, YOUTUBE CHANNEL SUBSCRIBE, PINTEREST PIN BUTTON, PINTEREST 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:
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
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.
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
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
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:
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:
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:
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:
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:
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
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 BUTTON, TWITTER FOLLOW BUTTON, TWITTER TWEET BUTTON, GOOGLE +1 BUTTON, GOOGLE FOLLOW BUTTON, YOUTUBE CHANNEL SUBSCRIBE, PINTEREST PIN BUTTON, PINTEREST 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:
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
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.
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
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
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 BUTTON, TWITTER FOLLOW BUTTON, TWITTER TWEET BUTTON, GOOGLE +1 BUTTON, GOOGLE FOLLOW BUTTON, YOUTUBE CHANNEL SUBSCRIBE, PINTEREST PIN BUTTON, PINTEREST 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:
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
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.
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
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
[ 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:
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:
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:
Insert this code into the template, where you wish the the total counter to be displayed.