Default settings for Social Media buttons<\/h2>\n\n\n\n
The page “Manage Buttons” allows you to manage social media buttons on your website. The website administrator can manage already existing buttons and add new ones.<\/p>\n\n\n\n
In order the access the “Manage Buttons” page you will have to log in first and follow these instructions:<\/p>\n\n\n\n
\n
Step-by-Step action:<\/p>\n\n\n\n
- Press the \u201cPlumrocket\u201d tab in the menu.<\/strong><\/li>
- Select \u201cFaves\u201d.<\/strong><\/li>
- Select \u201cManage Buttons\u201d.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"\"](\"\/docs\/wp-content\/uploads\/2020\/06\/Main2-1024x172.png\")
<\/a><\/figure>\n\n\n\n\nStep-by-Step action:<\/p>\n\n\n\n
- Select the required button.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"\"](\"\/docs\/wp-content\/uploads\/2020\/06\/Choose-button-1024x293.png\")
<\/a><\/figure>\n\n\n\nFacebook Button<\/h3>\n\n\n\n
\nDetailed description:<\/p>\n\n\n\n
- Option “Name”:<\/strong> allows you to choose any name for the button.<\/li>
- Option “Type”:<\/strong> allows you to choose the type of button (system name for the button) that is used when you insert the button into HTML. This name is unique and it cannot be changed in the future.<\/li>
- Option “Description”:<\/strong> allows you to provide any description of the button in order to understand what it stands for in the future.<\/li>
- Option “Status”:<\/strong> shows whether the button is enables or disabled.<\/li>
- Option “Header Script”:<\/strong> requires you to enter the scripts that must be enabled for the button to function. The default code is as follow<\/li><\/ol>\n\n\n\n
<\/div><!--aaaa-->\n<script type="text\/javascript" \n src="\/\/connect.facebook.net\/en_US\/all.js#xfbml=1&appId=416086851745150">\n<\/script><\/code><\/pre><\/div>\n\n\n\n- Option “Button Code”:<\/strong> requires you to enter the code of the button. The default code is as follows:<\/li><\/ol>\n\n\n\n<\/div>
<div class="fb-like" data-show-faces="false" layout="button_count" \n show_faces="false" action="like" colorscheme="light" scrolling="no" \n frameborder="0" allowtransparency="true" width="450" data-send="false" \n data-href="{{url}}">\n<\/div><\/code><\/pre><\/div>\n\n\n\n- Option “Callback code”:<\/strong> requires you to enter the callback code. The default code is as follows:<\/li><\/ol>\n\n\n\n<\/div>
jQuery(document).ready(function() {\n FB.Event.subscribe('edge.create', function(url) {\n plumrocketFaveObserveEvent(url, '{{type}}');\n });\n});<\/code><\/pre><\/div>\n\n\n\n- Press button “Save” to save changes.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"\"](\"\/docs\/wp-content\/uploads\/2020\/06\/Facebook-1024x408.png\")
<\/a><\/figure>\n\n\n\nTweet Button<\/h3>\n\n\n\n
\nDetailed description:<\/p>\n\n\n\n
- Option “Name”:<\/strong> allows you to choose any name for the button.<\/li>
- Option “Type”:<\/strong> allows you to choose the type of button (system name for the button) that is used when you insert the button into HTML. This name is unique and it cannot be changed in the future.<\/li>
- Option “Description”:<\/strong> allows you to provide any description of the button in order to understand what it stands for in the future.<\/li>
- Option “Status”:<\/strong> shows whether the button is enables or disabled.<\/li>
- Option “Header Script”:<\/strong> requires you to enter the scripts that must be enabled for the button to function. The default code is as follows:<\/li><\/ol>\n\n\n\n
<\/div><script type="text\/javascript" src="\/\/platform.twitter.com\/widgets.js">\n<\/script><\/code><\/pre><\/div>\n\n\n\n- Option “Button Code”:<\/strong> requires you to enter the code of the button. The default code is as follows:<\/li><\/ol>\n\n\n\n<\/div>
<a href="https:\/\/twitter.com\/share" class="twitter-share-button" \n data-url="{{url}}" data-lang="en">\n<\/a><\/code><\/pre><\/div>\n\n\n\n- Option “Callback code”:<\/strong> requires you to enter the callback code. The default code is as follows:<\/li><\/ol>\n\n\n\n<\/div>
jQuery(document).ready(function() {\n twttr.events.bind('tweet', function(event) {\n plumrocketFaveObserveEvent(event.data.screen_name, '{{type}}');\n });\n});<\/code><\/pre><\/div>\n\n\n\n- Press button “Save” to save changes.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"\"](\"\/docs\/wp-content\/uploads\/2020\/06\/Tweet-1024x369.png\")
<\/a><\/figure>\n\n\n\nGoogle plus Button<\/h3>\n\n\n\n
\nDetailed description:<\/p>\n\n\n\n
- Option “Name”:<\/strong> allows you to choose any name for the button.<\/li>
- Option “Type”:<\/strong> allows you to choose the type of button (system name for the button) that is used when you insert the button into HTML. This name is unique and it cannot be changed in the future.<\/li>
- Option “Description”:<\/strong> allows you to provide any description of the button in order to understand what it stands for in the future.<\/li>
- Option “Status”:<\/strong> shows whether the button is enables or disabled.<\/li>
- Option “Header Script”:<\/strong> requires you to enter the scripts that must be enabled for the button to function. The default code is as follows:<\/li><\/ol>\n\n\n\n
<\/div><script type="text\/javascript" src="http:\/\/apis.google.com\/js\/plusone.js">\n<\/script><\/code><\/pre><\/div>\n\n\n\n- Option “Button Code”:<\/strong> requires you to enter the code of the button. The default code is as follows:<\/li><\/ol>\n\n\n\n<\/div>
<g:plusone size="medium" href="{{url}}"\n callback="plumrocketFeedObserveGoogleEvent">\n<\/g:plusone><\/code><\/pre><\/div>\n\n\n\n- Option “Callback code”:<\/strong> requires you to enter the callback code. The default code is as follows:<\/li><\/ol>\n\n\n\n<\/div>
function plumrocketFeedObserveGoogleEvent(obj) {\n if (obj.state == 'on')\n plumrocketFaveObserveEvent(obj.href, '{{type}}');\n}<\/code><\/pre><\/div>\n\n\n\n- Press button “Save” to save changes.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"\"](\"\/docs\/wp-content\/uploads\/2020\/06\/Google-plus-1024x355.png\")
<\/a><\/figure>\n\n\n\nPin It Button<\/h3>\n\n\n\n
\nDetailed description:<\/p>\n\n\n\n
- Option “Name”:<\/strong> allows you to choose any name for the button.<\/li>
- Option “Type”:<\/strong> allows you to choose the type of button (system name for the button) that is used when you insert the button into HTML. This name is unique and it cannot be changed in the future.<\/li>
- Option “Description”:<\/strong> allows you to provide any description of the button in order to understand what it stands for in the future.<\/li>
- Option “Status”:<\/strong> shows whether the button is enables or disabled.<\/li>
- Option “Header Script”:<\/strong> requires you to enter the scripts that must be enabled for the button to function. The default code is as follows:<\/li><\/ol>\n\n\n\n
<\/div><script type="text\/javascript" src="\/\/assets.pinterest.com\/js\/pinit.js">\n<\/script>\n<script type="text\/javascript" \n src="{{skin}}js\/plumrocket\/fave\/pinIt-callback.js{{\/skin}}">\n<\/script><\/code><\/pre><\/div>\n\n\n\n- Option “Button Code”:<\/strong> requires you to enter the code of the button. The default code is as follows:<\/li><\/ol>\n\n\n\n<\/div>
<a href="http:\/\/pinterest.com\/pin\/create\/button\/?url={{url}}&media={{media}}&description={{description}}" onclick="return false;" \n class="pin-it-button" count-layout="horizontal">\n <img border="0" src="\/\/assets.pinterest.com\/images\/PinExt.png" \n title="Pin It" \/>\n<\/a>\n<script type="text\/javascript">\n \/\/jQuery(document).ready(function() {\n pinItTracking.add(jQuery('.pin-it-button:last'), '{{url}}');\n \/\/});\n<\/script><\/code><\/pre><\/div>\n\n\n\n- Option “Callback code”:<\/strong> requires you to enter the callback code.<\/li>
- Press button “Save” to save changes.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"\"](\"\/docs\/wp-content\/uploads\/2020\/06\/Pin-it-1024x432.png\")
<\/a><\/figure>\n\n\n\n\n\nGo back to the Module description page<\/a><\/strong><\/p>\n<\/div>\n\n\n\n
- Press button “Save” to save changes.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
- Option “Callback code”:<\/strong> requires you to enter the callback code.<\/li>
- Option “Type”:<\/strong> allows you to choose the type of button (system name for the button) that is used when you insert the button into HTML. This name is unique and it cannot be changed in the future.<\/li>
- Option “Name”:<\/strong> allows you to choose any name for the button.<\/li>
- Press button “Save” to save changes.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
- Option “Callback code”:<\/strong> requires you to enter the callback code. The default code is as follows:<\/li><\/ol>\n\n\n\n
- Option “Type”:<\/strong> allows you to choose the type of button (system name for the button) that is used when you insert the button into HTML. This name is unique and it cannot be changed in the future.<\/li>
- Option “Name”:<\/strong> allows you to choose any name for the button.<\/li>
- Press button “Save” to save changes.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
- Option “Callback code”:<\/strong> requires you to enter the callback code. The default code is as follows:<\/li><\/ol>\n\n\n\n
- Option “Type”:<\/strong> allows you to choose the type of button (system name for the button) that is used when you insert the button into HTML. This name is unique and it cannot be changed in the future.<\/li>
- Option “Name”:<\/strong> allows you to choose any name for the button.<\/li>
- Press button “Save” to save changes.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
- Option “Callback code”:<\/strong> requires you to enter the callback code. The default code is as follows:<\/li><\/ol>\n\n\n\n
- Option “Type”:<\/strong> allows you to choose the type of button (system name for the button) that is used when you insert the button into HTML. This name is unique and it cannot be changed in the future.<\/li>
- Option “Name”:<\/strong> allows you to choose any name for the button.<\/li>
- Select \u201cFaves\u201d.<\/strong><\/li>