0
Votes
0
Comments
ShareThis

How to Add the Engage.Social Share Button to your Existing Sharethis plugin

In WordPress, plugins are used extensively to apply different features to your website. The advantages of using plugins as opposed to directly pasting HTML are well documented: Firstly, you can activate and deactivate a plugin with a simple click of a button, many plugins offer easy to understand UI so you need not be confused, and most importantly for share bars, they automatically give options to apply your share bars to every post or to every page.

 

Sharethis is one of the most popular Share Button providers, for your convenience, We have prepared easy to follow instruction for you to implement the Engage.Social Share button into your existing Sharethis installation.

 

  1. We need to add some code to your theme so that the widget script will function: Go to the ‘Appearance’ section on the WordPress sidebar and click the ‘Editor’ subsection. On the right-hand side there should be a list of PHP files, find ‘Footer.php’ and click it to open it. 

            

  2. If footer.php is not on the right-hand side, then you are probably in a Child Theme. You can check this as on the right-hand side it will say ‘Child theme inherits parent theme, XXXX’ where XXXX is the parent theme. Open the Parent theme and click Footer.php.

  3. Anywhere within the top part of this file copy and paste the following code:

    <script>
    window.onload = function () {
    var url = "//widget.engage.social/js/enshare.js";
    jQuery.getScript( url, function() {
    var nzshare = '<span class="st_nzshare_large" title="NZ Share"><span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;"><img style="cursor: pointer; float: left; display: block;" src="//engage.social/images/smart-share-icons/share_square_c40.png" title="Social Influencer" class="ssba_newzlink_share" alt="Social Influencer"></span></span>';
    jQuery(nzshare).insertAfter('.st_linkedin_large');
    jQuery('.ssba_newzlink_share').click(function () {
    ENGSL.loadShare('y245mtzzxx81wmp2az2s');
    return false;
    });
    });
    }</script>

 

This is will add our button, and connect it the sharing widget.

 

If you don’t have permission to edit the footer.php then please install and activate scripts n styles plugin.

Plugin url: //wordpress.org/plugins/scripts-n-styles/

After installation plugin Please goto Tools -> scripts n styles -> Scripts(end of the body tag): Paste widget code.

This is will add our button, and connect it the sharing widget.

 

All items in red are customizable, they are in order:

Image icon: Change the URL to the URL of the icon you intend to use to represent the sharing button.

Button Placement: In the code above we are placing our share button after the Sharethis linkedin button. To place the Engage.Social button after a different button you must replace st_linkedin_large with the service name of the different button.

 

Unique business widget ID:

The ‘XXXXXXXXXXXXXXXXXXXX’ is the Widget ID. This 20 letter/number combination string represents your unique widget ID which must be generated through the social share widget. This controls where the information is retrieved for the Trending and Analytics subheadings of the widget.

To generate this string you must use the Manage Widget interface in Engage Social that allows you to configure the widget. Copy the Widget ID generated for your account, as shown below, before you paste the above script.

ENGSL.loadShare('y245mtzzxx81wmp2az2s');

Once you have copied the script, click update file and you should be all done, with a fully working button!

Posted Thu, 19 Jan 2017 06:55:52 +0000
Daphne Daphne
0
Votes
0
Comments
Shareaholic

How to Add the Engage.Social Share Button to your Existing Shareaholic plugin

In WordPress, plugins are used extensively to apply different features to your website. The advantages of using plugins as opposed to directly pasting HTML are well documented: Firstly, you can activate and deactivate a plugin with a simple click of a button, many plugins offer easy to understand UI so you need not be confused, and most importantly for share bars, they automatically give options to apply your share bars to every post or to every page.

 

Shareaholic is one of the most popular Share Button providers, for your convenience, We have prepared easy to follow instruction for you to implement the Engage.Social Share button into your existing Shareaholic installation.

 

  1. We need to add some code to your theme so that the widget script will function: Go to the ‘Appearance’ section on the WordPress sidebar and click the ‘Editor’ subsection. On the right-hand side there should be a list of PHP files, find ‘Footer.php’ and click it to open it.
          

  2. If footer.php is not on the right-hand side, then you are probably in a Child Theme. You can check this as on the right-hand side it will say ‘Child theme inherits parent theme, XXXX’ where XXXX is the parent theme. Open the Parent theme and click Footer.php.

  3. Anywhere within the top part of this file copy and paste the following code:

    <script>
    window.onload = function () {
    var url = "//widget.engage.social/js/enshare.js";
    jQuery.getScript( url, function() {
    var nzshare = '<li class="shareaholic-share-button"><img style="cursor: pointer; float: left;" src="//engage.social/images/smart-share-icons/share_square_c40.png" title="Social Influencer" class="ssba_newzlink_share" alt="Social Influencer"></li>';
    jQuery(nzshare).insertAfter('.shareaholic-share-buttons>li:nth-child(2)');
    jQuery('.ssba_newzlink_share').click(function () {
    ENGSL.loadShare('y245mtzzxx81wmp2az2s');
    return false;
    });
    });
    }</script>

 

This is will add our button, and connect it the sharing widget.

 

If you don’t have permission to edit the footer.php then please install and activate scripts n styles plugin.

Plugin url: //wordpress.org/plugins/scripts-n-styles/

After installation plugin Please goto Tools -> scripts n styles -> Scripts(end of the body tag): Paste widget code.

This is will add our button, and connect it the sharing widget.

 

All items in red are customizable, they are in order:

Image icon: Change the URL to the URL of the icon you intend to use to represent the sharing button.

Button Placement: In the code above we are placing our share button after the facebook button. To place the Engage.Social button after a different button you must change the child number ( .shareaholic-share-buttons>li:nth-child(2) ) with the number of the different button.

 

Unique business widget ID:

The ‘XXXXXXXXXXXXXXXXXXXX’ is the Widget ID. This 20 letter/number combination string represents your unique widget ID which must be generated through the social share widget. This controls where the information is retrieved for the Trending and Analytics subheadings of the widget.

To generate this string you must use the Manage Widget interface in Engage Social that allows you to configure the widget. Copy the Widget ID generated for your account, as shown below, before you paste the above script.

ENGSL.loadShare('y245mtzzxx81wmp2az2s');

Once you have copied the script, click update file and you should be all done, with a fully working button!

Posted Thu, 19 Jan 2017 06:54:07 +0000
Daphne Daphne
0
Votes
0
Comments
OSD Social Media Sharing

How to Add the Engage.Social Share Button to your Existing OSD ( OSD Social Media Sharing Integration ) plugin

In WordPress, plugins are used extensively to apply different features to your website. The advantages of using plugins as opposed to directly pasting HTML are well documented: Firstly, you can activate and deactivate a plugin with a simple click of a button, many plugins offer easy to understand UI so you need not be confused, and most importantly for share bars, they automatically give options to apply your share bars to every post or to every page.

 

OSD (OSD Social Media Sharing Integration) is one of the most popular Share Button providers, for your convenience, We have prepared easy to follow instruction for you to implement the Engage.Social Share button into your existing OSD (OSD Social Media Sharing Integration) installation.

 

  1. We need to add some code to your theme so that the widget script will function: Go to the ‘Appearance’ section on the WordPress sidebar and click the ‘Editor’ subsection. On the right-hand side there should be a list of PHP files, find ‘Footer.php’ and click it to open it.
         

  2.  

    If footer.php is not on the right-hand side, then you are probably in a Child Theme. You can check this as on the right-hand side it will say ‘Child theme inherits parent theme, XXXX’ where XXXX is the parent theme. Open the Parent theme and click Footer.php.

  3. Anywhere within the top part of this file copy and paste the following code:

    <script>
    window.onload = function () {
    var url = "//widget.engage.social/js/enshare.js";
    jQuery.getScript( url, function() {
    var nzshare = '<div class="osd-sms-icon-button osd-no-custom-icon"><img style="cursor: pointer; float: left; display: block;" src="//engage.social/images/smart-share-icons/share_round_c32.png" title="Social Influencer" class="ssba_newzlink_share" alt="Social Influencer"></div>';
    jQuery(nzshare).insertAfter('.osd-sms-wrapper>div:nth-child(4)');
    jQuery('.ssba_newzlink_share').click(function () {
    ENGSL.loadShare('y245mtzzxx81wmp2az2s');
    return false;
    });
    });
    }</script>

 

This is will add our button, and connect it the sharing widget.

 

If you don’t have permission to edit the footer.php then please install and activate scripts n styles plugin.

Plugin url: //wordpress.org/plugins/scripts-n-styles/

After installation plugin Please goto Tools -> scripts n styles -> Scripts(end of the body tag): Paste widget code.

This is will add our button, and connect it the sharing widget.

 

All items in red are customizable, they are in order:

Image icon: Change the URL to the URL of the icon you intend to use to represent the sharing button.

Button Placement: In the code above we are placing our share button after the OSD Facebook share button. To place the Engage.Social button after a different button you must child number ( .osd-sms-wrapper>div:nth-child(4) ) with the number of the different button.

 

Unique business widget ID:

The ‘XXXXXXXXXXXXXXXXXXXX’ is the Widget ID. This 20 letter/number combination string represents your unique widget ID which must be generated through the social share widget. This controls where the information is retrieved for the Trending and Analytics subheadings of the widget.

To generate this string you must use the Manage Widget interface in Engage Social that allows you to configure the widget. Copy the Widget ID generated for your account, as shown below, before you paste the above script.

ENGSL.loadShare('y245mtzzxx81wmp2az2s');

Once you have copied the script, click update file and you should be all done, with a fully working button!

Posted Thu, 19 Jan 2017 06:58:59 +0000
Daphne Daphne
0
Votes
0
Comments
Simple Share Buttons Adder

How to Add the Engage.Social Share Button to your Existing SSBA ( Simple Share Button Adder Integration ) plugin

In WordPress, plugins are used extensively to apply different features to your website. The advantages of using plugins as opposed to directly pasting HTML are well documented: Firstly, you can activate and deactivate a plugin with a simple click of a button, many plugins offer easy to understand UI so you need not be confused, and most importantly for share bars, they automatically give options to apply your share bars to every post or to every page.

 

SSBA (Simple Share Button Adder Integration) is one of the most popular Share Button providers, for your convenience, We have prepared easy to follow instruction for you to implement the Engage.Social Share button into your existing SSBA (Simple Share Button Adder Integration) installation.

 

  1. We need to add some code to your theme so that the widget script will function: Go to the ‘Appearance’ section on the WordPress sidebar and click the ‘Editor’ subsection. On the right-hand side there should be a list of PHP files, find ‘Footer.php’ and click it to open it.
           

  2.  

    If footer.php is not on the right-hand side, then you are probably in a Child Theme. You can check this as on the right-hand side it will say ‘Child theme inherits parent theme, XXXX’ where XXXX is the parent theme. Open the Parent theme and click Footer.php.

  3. Anywhere within the top part of this file copy and paste the following code:

    <script>
    window.onload = function () {
    var url = "//widget.engage.social/js/enshare.js";
    jQuery.getScript( url, function() {
    var nzshare = '<a class="ssba_nz_share"><img style="cursor: pointer; float: left;" src="//engage.social/images/smart-share-icons/share_round_c48.png" title="Social Influencer" class="ssba_newzlink_share ssba ssba-img" alt="Social Influencer"></a>';
    jQuery(".ssba div a").css('float', 'left');
    jQuery(nzshare).insertAfter('.ssba_twitter_share');
    jQuery('.ssba_newzlink_share').click(function () {
    ENGSL.loadShare('y245mtzzxx81wmp2az2s');
    return false;
    });
    });
    }</script>

 

This is will add our button, and connect it the sharing widget.

 

If you don’t have permission to edit the footer.php then please install and activate scripts n styles plugin.

Plugin url: //wordpress.org/plugins/scripts-n-styles/

After installation plugin Please goto Tools -> scripts n styles -> Scripts(end of the body tag): Paste widget code.

This is will add our button, and connect it the sharing widget.

 

All items in red are customizable, they are in order:

Image icon: Change the URL to the URL of the icon you intend to use to represent the sharing button.

Button Placement: In the code above we are placing our share button after the SSBA twitter share button. To place the Engage.Social button after a different button you must replace ssba_twitter_share with the service name of the different button.

Unique business widget ID:

The ‘XXXXXXXXXXXXXXXXXXXX’ is the Widget ID. This 20 letter/number combination string represents your unique widget ID which must be generated through the social share widget. This controls where the information is retrieved for the Trending and Analytics subheadings of the widget.

To generate this string you must use the Manage Widget interface in Engage Social that allows you to configure the widget. Copy the Widget ID generated for your account, as shown below, before you paste the above script.

ENGSL.loadShare('y245mtzzxx81wmp2az2s');

Once you have copied the script, click update file and you should be all done, with a fully working button!

Posted Thu, 19 Jan 2017 06:57:29 +0000
Daphne Daphne
0
Votes
0
Comments
Social Pug

How to Add the Engage.Social Share Button to your Existing Social Pug Integration plugin?

In WordPress, plugins are used extensively to apply different features to your website. The advantages of using plugins as opposed to directly pasting HTML are well documented: Firstly, you can activate and deactivate a plugin with a simple click of a button, many plugins offer easy to understand UI so you need not be confused, and most importantly for share bars, they automatically give options to apply your share bars to every post or to every page.

 

Social Pug is one of the most popular Share Button providers, for your convenience, We have prepared easy to follow instruction for you to implement the Engage.Social Share button into your existing Social Pug installation.

 

  1. We need to add some code to your theme so that the widget script will function: Go to the ‘Appearance’ section on the WordPress sidebar and click the ‘Editor’ subsection. On the right-hand side there should be a list of PHP files, find ‘Footer.php’ and click it to open it.
           

  2.  

    If footer.php is not on the right-hand side, then you are probably in a Child Theme. You can check this as on the right-hand side it will say ‘Child theme inherits parent theme, XXXX’ where XXXX is the parent theme. Open the Parent theme and click Footer.php.

  3. Anywhere within the top part of this file copy and paste the following code:

    <script>
    window.onload = function () {
    var url = "//widget.engage.social/js/enshare.js";
    jQuery.getScript( url, function() {
    var nzshare = '<li><img style="cursor: pointer;margin:0px!important;width:40px;height:40px;" src="//engage.social/images/smart-share-icons/share_square_c32.png" title="Social Influencer" class="ssba_newzlink_share at-icon at-icon-nzshare" alt="Social Influencer"></li>';
    jQuery(nzshare).insertAfter('.dpsp-networks-btns-wrapper>li:nth-child(2)');
    jQuery('.ssba_newzlink_share').click(function () {
    ENGSL.loadShare('y245mtzzxx81wmp2az2s');
    return false;
    });
    });
    }</script>

 

This is will add our button, and connect it the sharing widget.

 

If you don’t have permission to edit the footer.php then please install and activate scripts n styles plugin.

Plugin url: //wordpress.org/plugins/scripts-n-styles/

After installation plugin Please goto Tools -> scripts n styles -> Scripts(end of the body tag): Paste widget code.

This is will add our button, and connect it the sharing widget.

 

All items in red are customizable, they are in order:

Image icon: Change the URL to the URL of the icon you intend to use to represent the sharing button.

Button Placement: In the code, above we are placing our share button after the Social pug Twitter share button. To place the Engage.Social button after a different button you must child number ( .dpsp-networks-btns-wrapper>li:nth-child(2) ) with the number of the different button.

 

Unique business widget ID:

The ‘XXXXXXXXXXXXXXXXXXXX’ is the Widget ID. This 20 letter/number combination string represents your unique widget ID which must be generated through the social share widget. This controls where the information is retrieved for the Trending and Analytics subheadings of the widget.

To generate this string you must use the Manage Widget interface in Engage Social that allows you to configure the widget. Copy the Widget ID generated for your account, as shown below, before you paste the above script.

ENGSL.loadShare('y245mtzzxx81wmp2az2s');

Once you have copied the script, click update file and you should be all done, with a fully working button!

Posted Thu, 19 Jan 2017 07:00:17 +0000
Daphne Daphne
0
Votes
0
Comments
Add To Any

How to Add the Engage.Social Share Button to your Existing Add to any plugin?

In WordPress, plugins are used extensively to apply different features to your website. The advantages of using plugins as opposed to directly pasting HTML are well documented: Firstly, you can activate and deactivate a plugin with a simple click of a button, many plugins offer easy to understand UI so you need not be confused, and most importantly for share bars, they automatically give options to apply your share bars to every post or to every page.

 

Add to any is one of the most popular Share Button providers, for your convenience, We have prepared easy to follow instruction for you to implement the Engage.Social Share button into your existing Add to any installation.

 

  1. We need to add some code to your theme so that the widget script will function: Go to the ‘Appearance’ section on the WordPress sidebar and click the ‘Editor’ subsection. On the right-hand side there should be a list of PHP files, find ‘Footer.php’ and click it to open it.

               

  2. If footer.php is not on the right-hand side, then you are probably in a Child Theme. You can check this as on the right-hand side it will say ‘Child theme inherits parent theme, XXXX’ where XXXX is the parent theme. Open the Parent theme and click Footer.php.

  3. Anywhere within the top part of this file copy and paste the following code:

    <script>
    window.onload = function () {
    var url = "//widget.engage.social/js/enshare.js";
    jQuery.getScript( url, function() {
    var nzshare = '<a class="a2a_button_nzshare" title="NZ Share" ><img style="cursor: pointer; margin:0px !important; float: left;" src="//engage.social/images/smart-share-icons/share_square_c32.png" title="Social Influencer" class="ssba_newzlink_share at-icon at-icon-nzshare" alt="Social Influencer"></a>';
    jQuery(nzshare).insertAfter('.a2a_button_twitter');
    jQuery('.ssba_newzlink_share').click(function () {
    ENGSL.loadShare('y245mtzzxx81wmp2az2s');
    return false;
    });
    });
    }</script>

 

This is will add our button, and connect it the sharing widget.

 

If you don’t have permission to edit the footer.php then please install and activate scripts n styles plugin.

Plugin url: //wordpress.org/plugins/scripts-n-styles/

After installation plugin Please goto Tools -> scripts n styles -> Scripts(end of the body tag): Paste widget code.

This is will add our button, and connect it the sharing widget.

 

All items in red are customizable, they are in order:

Image icon: Change the URL to the URL of the icon you intend to use to represent the sharing button. Button Placement: In the code above we are placing our share button after the Add to any Twitter share button. To place the Engage.Social button after a different button you must replace .a2a_button_twitter with the service name of the different button.

 

Unique business widget ID:

The ‘XXXXXXXXXXXXXXXXXXXX’ is the Widget ID. This 20 letter/number combination string represents your unique widget ID which must be generated through the social share widget. This controls where the information is retrieved for the Trending and Analytics subheadings of the widget.

To generate this string, you must use the Manage Widget interface in Engage Social that allows you to configure the widget. Copy the Widget ID generated for your account, as shown below, before you paste the above script.

ENGSL.loadShare('y245mtzzxx81wmp2az2s');

Once you have copied the script, click update file and you should be all done, with a fully working button!

Posted Thu, 19 Jan 2017 07:01:12 +0000
Daphne Daphne
0
Votes
0
Comments
AddThis

How to Add the Engage.Social Share Button to your Existing AddThis Plugin

In WordPress, plugins are used extensively to apply different features to your website. The advantages of using plugins as opposed to directly pasting HTML are well documented: Firstly, you can activate and deactivate a plugin with a simple click of a button, many plugins offer easy to understand UI so you need not be confused, and most importantly for share bars, they automatically give options to apply your share bars to every post or to every page.

 

AddThis is one of the most popular Share Button providers, for your convenience, We have prepared easy to follow instruction for you to implement the Engage.Social Share button into your existing AddThis installation.

 

  1. We need to add some code to your theme so that the widget script will function: Go to the ‘Appearance’ section on the WordPress sidebar and click the ‘Editor’ subsection. On the right-hand side there should be a list of PHP files, find ‘Footer.php’ and click it to open it.
          

  2. If footer.php is not on the right-hand side, then you are probably in a Child Theme. You can check this as on the right-hand side it will say ‘Child theme inherits parent theme, XXXX’ where XXXX is the parent theme. Open the Parent theme and click Footer.php.

  3. Anywhere within the top part of this file copy and paste the following code:

    <script>
    window.onload = function () {
    var url = "//widget.engage.social/js/enshare.js";
    jQuery.getScript( url, function() {
    var nzshare = '<a class="addthis_button_nzshare at300b" title="NZ Share" ><img style="cursor: pointer; margin:0px !important; float: left;" src="//engage.social/images/smart-share-icons/share_square_c32.png" title="Social Influencer" class="ssba_newzlink_share at-icon at-icon-nzshare" alt="Social Influencer"></a>';
    jQuery(nzshare).insertBefore('.addthis_button_facebook');
    jQuery('.ssba_newzlink_share').click(function () {
    ENGSL.loadShare('y245mtzzxx81wmp2az2s');
    return false;
    });
    });
    }</script>

 

This is will add our button, and connect it the sharing widget.

 

If you don’t have permission to edit the footer.php then please install and activate scripts n styles plugin.

Plugin url: //wordpress.org/plugins/scripts-n-styles/

After installation plugin Please goto Tools -> scripts n styles -> Scripts(end of the body tag): Paste widget code.

This is will add our button, and connect it the sharing widget.

 

All items in red are customizable, they are in order:

Image icon: Change the URL to the URL of the icon you intend to use to represent the sharing button.

Button Placement: In the code above we are placing our share button after the Addthis Facebook button. To place the Engage.Social button after a different button you must replace Facebook with the service name of the different button. A full-service name list can be found at //www.addthis.com/services, Use only the Basic Service Codes.

 

Unique business widget ID:

The ‘XXXXXXXXXXXXXXXXXXXX’ is the Widget ID. This 20 letter/number combination string represents your unique widget ID which must be generated through the social share widget. This controls where the information is retrieved for the Trending and Analytics subheadings of the widget.

To generate this string you must use the Manage Widget interface in Engage Social that allows you to configure the widget. Copy the Widget ID generated for your account, as shown below, before you paste the above script.

ENGSL.loadShare('y245mtzzxx81wmp2az2s');

Once you have copied the script, click update file and you should be all done, with a fully working button!

Posted Wed, 1 Mar 2017 06:09:18 +0000
Daphne Daphne
%%OPTIONLABEL%%
%%OPTIONLABEL%%
true