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.
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.