LoginRadius

support

Wordpress Social Login instructions

 Installation Guide
 Configuration
 Further Help

 Troubleshooting

 Manual Installation of the Plugin (not recommended)

 

Installation Guide
1. Log in to your WordPress admin panel.
2. Navigate to Plugins section in the left sidebar, and click “Add New”.


 

3. In the search box type “loginradius”.

4. Click “Install Now” at the first result appearing in the list.

5. Click “Activate Plugin” after successful installation. Now, proceed with configuring your plugin!


 

Configuration

1. To configure the plugin, click on LoginRadius on left pan in your WordPress admin panel. Now, you can see tabs for each features with configuration settings.
2. To activate the plugin, create an account with LoginRadius and get API Key and Secret to insert under Activation. Help - How to get LoginRadius API Key and Secret?
3. Manage social networks from your LoginRadius account. 

 


Further Help
Social Login and Social Sharing Widgets
To enable widgets follow the below mentioned steps:-
1. Login to your website admin panel.
2. Navigate to Appearance > Widgets section in left sidebar
3. Drag required widget from the Available Widgets section to the area where you want to show the interface.


- Widget for Social Login – LoginRadius - Social Login

- Widget for Social Login - LoginRadius - Social Linking

- Widget for Horizontal Social Sharing – LoginRadius - Horizontal Sharing
(Requires "Enable Horizontal Widget" switch on under Admin->LoginRadius->Social Sharing->Horizontal Sharing Tab)

- Widget for Vertical Social Sharing – Login Radius - Vertical Sharing
(Requires "Enable Vertical Widget" switch on under Admin->LoginRadius->Social Sharing->Vertical Sharing Tab)

NoteSocial Sharing interfaces selected in the Horizontal and Vertical sections of "Select the sharing theme" section, will be displayed as Horizontal and Vertical Social Sharing widgets, respectively.

Shortcode help
You can enable social login, social linking and sharing anywhere in your website page/post content using shortcodes. Just place following shortcodes where you want to show interface

Shortcode for Social Login – [LoginRadius_Login]

Note: Social Login will only show to users not logged in

Shortcode for Social Linking - [LoginRadius_Linking]

Note: Social Linking will only show to users logged in

Shortcode for Social Sharing – [LoginRadius_Share]

To specify CSS styles for interface, you can use "style" parameter (as used in HTML) as mentioned in following example:-
[LoginRadius_Login]
OR
[LoginRadius_Share]

You can choose sharing theme by specifying "type" parameter (takes two values - 'horizontal' and 'vertical') as mentioned in following example:-
[LoginRadius_Share type="horizontal"]
OR
[LoginRadius_Share type="vertical"]

Note:-
1. [LoginRadius_Share] shortcode requires "Enable Horizontal Widget" switch on under Admin->LoginRadius->Social Sharing->Horizontal Sharing Tab.
2. If you are not specifying "type" parameter in the Shortcode, it will show Horizontal interface.
3. To show Horizontal sharing interface using shortcode requires "Enable Horizontal Widget" switch on under Admin->LoginRadius->Social Sharing->Horizontal Sharing Tab.
4. To show Vertical sharing interface using shortcode requires "Enable Vertical Widget" switch on under Admin->LoginRadius->Social Sharing->Vertical Sharing Tab.



Disable Sharing on Page/Post

On edit Page/Post screen the option Disable Social Sharing on this page will disable any sharing widget set in admin settings on that specific page or post. Note: Widgets and shortcodes are not affected by this setting.

 

 

How to implement it with WP multisite?
1. After creating a multisite network, navigate to My Sites > Network Admin > Dashboard at the top bar in the WordPress admin panel.
2. Navigate to Plugins on the left sidebar.
3. Click on "Add New" and install LoginRadius’ WordPress plugin. (Follow these steps for installation)
4. Click on "Network Activate" under "Social Login for Wordpress".

Note: The single LoginRadius API Key and Secret will work with all the network sites’ Social Login and need not to create social network apps for each subdomain. To make LoginRadius WordPress plugin work with multisite, you have to enable multisite feature in your LoginRadius account. This is a paid feature and comes with LoginRadius Pro Advanced and higher plans. Click here to learn more!

Where to look at user details in database?

User details are stored in the “users” table and in the following “meta_key” fields of user_meta table:-

Meta_key Info
loginradius_provider_id Social Provider ID
loginradius_thumbnail Social Profile avatar
loginradius_provider Social Network Provider

 

How to uninstall the plugin?
1. Login to your website admin panel.
2. Navigate to Plugins section in left sidebar
3. Click “Deactivate” , then Delete below the plugin you want to uninstall.

NoteFor removing the plugin manually, navigate to "wp-content/plugins/" folder in your wordpress installation folder and delete "loginradius-for-wordpress" folder.  

After clicking Social Login icons, page refreshes without logging in​​
Follow the steps mentioned below:-
1. Login to your website admin panel.
2. Navigate to 'LoginRadius' section in the left pan.
3. Click "Auto-Detect Connection method" button in "Social Login" section.
4. One of the following situations may occur:-

  • If it shows "Detected CURL. Please save changes" or "Detected FSOCKOPEN. Please save changes", then proceed to step 5.
  • If it shows "Please check your php.ini settings to enable CURL or FSOCKOPEN" or
  • "Problem in communicating LoginRadius API. Please check if one of the API Connection method mentioned above is working." then follow the steps at this link

5. Hit "Verify API Settings" button. One of the following situations may occur:-

  • If it shows "Your API Secret is invalid. Please paste the correct API Secret from your LoginRadius Account", paste the correct API Secret from your LoginRadius account.
  • If it shows "Your API Key is invalid. Please paste the correct API Key from your LoginRadius Account", paste the correct API Key from your LoginRadius account.
  • If it shows "Your API Key and Secret are valid. Please save the changes", hit "Save Changes" button at the bottom of the page.

How can I have only certain users access my site?​
Follow the steps mentioned below:-
1. Login to your website admin panel.
2. Navigate to “Social Login” section on “LoginRadius” page.
3. Select “Yes” in “Do you want to control user activation/deactivation?” option.
4. You can even select the default user status, at the time when user registers, in the “What would you like to set as the default status of the user when he/she registers to your website?” option.
5. Hit “Save Changes” button at the bottom of the page.

Can I use Social Login with CAPTCHA? My website is getting spam, how can I prevent it?​
With Social Login, there is no chance of spam. To prevent spam from Wordpress traditional registration form follow the steps mentioned below:-
1. Navigate to Settings General section in your website admin panel.
2. Uncheck “Anyone can register” in “Membership” option.
3. Hit “Save Changes” button at the bottom of the page.
Although, there is no need of any anti-spam functionality with above settings configured, you can use Social Login with CAPTCHA.

How can I change the email template for the registered users?​
Social Login uses the WordPress' default email functionality to send email to new users registering through Social Login.
You can use other plugins to customize that email content, such as:-
1. New User Email Setup
2. SB Welcome Email Editor

How can I customize the layout of the pop-up?​

For LoginRadius Plugin v6.1 - v6.1.x

You can change the layout of the Popup by modifying CSS in the "wp-content/plugins/loginradius-for-wordpress/loginradius-social-login/assets/css/loginRadiusStyle.css" file.

For LoginRadius Plugin v6.0 - v6.0.1

You can change the layout of the Popup by modifying CSS in the "wp-content/plugins/loginradius-for-wordpress/assets/css/loginRadiusStyle.css" file.

Upto LoginRadius Plugin v5.6
You can change the layout of the Popup by modifying CSS in the "
wp-content/plugins/loginradius-for-wordpress/css/loginRadiusStyle.css" file.

Getting error message, how to resolve it?​
If you get error "Please check your php.ini settings to enable CURL or FSOCKOPEN" or "Problem in communicating LoginRadius API. Please check if one of the API Connection method mentioned above is working." then follow the steps at this link

How can I show Social Login Interface in custom Popup?​
Call the following JavaScript when popup is triggered (For example - If at “onclick” event of some element at your web page, popup is displayed then you can bind following JavaScript with that event through function. If there is a JavaScript function already to display popup, then you can include following JavaScript in that function.):-  

<?php
global $loginRadiusSettings;
if(isset($_SERVER['HTTPS']) && !empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] != 'off'){
    $http = "https://";
}else{
    $http = "http://";
}
?>

$ui = LoginRadius_SocialLogin.lr_login_settings;$ui.interfacesize = "";$ui.apikey = "<?php echo $loginRadiusSettings['LoginRadius_apikey'] ?>";$ui.callback = "<?php echo login_radius_get_callback($http) ?>"; $ui.lrinterfacecontainer ="interfacecontainerdiv"; LoginRadius_SocialLogin.init(options);

How can we add Social Login interface to any page?​
1. Navigate to Pages section in your Wordpress admin panel.
2. Edit the page you want to add Social Login Interface to.
3. In the page content place ShortCode - [LoginRadius_Login] where you want to show Social Login Interface.


 

How can I integrate the plugin with WooCommerce?​ 

For LoginRadius Plugin v6.0 - v6.1.x

Social Login

1. Open following file in your text editor

wp-content/plugins/loginradius-for-wordpress/public/inc/login/class-social-login.php

2. Search for  add_action( 'init', array($this, 'social_login_init') ); and add following code:

Enable before WooCommerce login form: 

add_action( woocommerce_before_customer_login_form, array('Login_Helper', 'display_social_login_interface') );

Enable after WooCommerce login form: 

add_action( 'woocommerce_after_customer_login_form', array('Login_Helper', 'display_social_login_interface') );

Enable at checkout form before customer details: 

add_action( 'woocommerce_checkout_before_customer_details', array('Login_Helper', 'display_social_login_interface') );

Enable at checkout form after customer details: 

add_action( 'woocommerce_checkout_after_customer_details', array('Login_Helper', 'display_social_login_interface') );

 

Upto LoginRadius Plugin v5.6


Social Login
Place following code in wp-content/plugins/loginradius-for-wordpress/LoginRadius.php file:
Enable before WooCommerce login form: 

add_action( 'woocommerce_before_customer_login_form', 'login_radius_connect_button' );

Enable after WooCommerce login form: 

add_action( 'woocommerce_after_customer_login_form', 'login_radius_connect_button' );

Enable at checkout form before customer details: 

add_action( 'woocommerce_checkout_before_customer_details', 'login_radius_connect_button' );

Enable at checkout form after customer details: 

add_action( 'woocommerce_checkout_after_customer_details', 'login_radius_connect_button' );

 

For LoginRadius Plugin v6.0 - v6.0.1

Social Sharing

1. Add following function in wp-content/plugins/loginradius-for-wordpress/public/inc/sharing/class-sharing-helper.php in class Sharing_Helper

/**
 * social sharing on single product page
 */
public static function login_radius_product_sharing(){
    global $post,$product,$loginRadiusSettings ;
    if ( isset( $product->id ) && ! empty( $product->id ) ){
        $lrShareUrl = get_permalink( $product->id );
    }elseif ( isset( $post->ID ) && ! empty( $post->ID ) ){
        $lrShareUrl = get_permalink( $post->ID );
    }
     if ( isset( $loginRadiusSettings['horizontalSharing_theme'] ) && ( $loginRadiusSettings['horizontalSharing_theme'] == '32' || $loginRadiusSettings['horizontalSharing_theme'] == '16' || $loginRadiusSettings['horizontalSharing_theme'] == 'single_large' || $loginRadiusSettings['horizontalSharing_theme'] == 'single_small' ) ){
        $loginRadiusShareInterface = '<div class="loginRadiusHorizontalSharing" data-share-url="'.$lrShareUrl.'"></div>';
    }elseif ( isset( $loginRadiusSettings[''horizontalSharing_theme''] ) && ( $loginRadiusSettings[''horizontalSharing_theme''] == 'counter_horizontal' || $loginRadiusSettings[''horizontalSharing_theme''] == 'counter_vertical' ) ){
        $loginRadiusShareInterface = '<div class="loginRadiusHorizontalSharing" data-share-url="'.$lrShareUrl.'" data-counter-url="'.$lrShareUrl.'"></div>';
    }
    echo $loginRadiusShareInterface;
}

2. Place following code in loginradius-for-wordpress/public/inc/sharing/class-social-sharing.php in function __construct in the end

Enable at checkout success page: 

add_action( 'woocommerce_thankyou', array('Sharing_Helper', 'login_radius_product_sharing' ) );

Enable at each product in product list: 

add_action( 'woocommerce_after_shop_loop_item', array('Sharing_Helper', 'login_radius_product_sharing' ) );

Enable before the content at product detail page: 

add_action( 'woocommerce_before_single_product_summary', array('Sharing_Helper', 'login_radius_product_sharing' ) );

Enable after the content at product detail page: 

add_action( 'woocommerce_after_single_product_summary', array('Sharing_Helper', 'login_radius_product_sharing' ) );

 

Upto LoginRadius Plugin v5.6

Social Sharing
1. Place following code in the LoginRadius.php file at the bottom before ?>

/**
 * social sharing on single product page
 */
function login_radius_product_sharing(){
    global $post,$product,$loginRadiusSettings ;
    if ( isset( $product->id ) && ! empty( $product->id ) ){
        $lrShareUrl = get_permalink( $product->id );
    }elseif ( isset( $post->ID ) && ! empty( $post->ID ) ){
        $lrShareUrl = get_permalink( $post->ID );
    }
    if ( isset( $loginRadiusSettings['horizontalSharing_theme'] ) && ( $loginRadiusSettings['horizontalSharing_theme'] == '32' || $loginRadiusSettings['horizontalSharing_theme'] == '16' || $loginRadiusSettings['horizontalSharing_theme'] == 'single_large' || $loginRadiusSettings['horizontalSharing_theme'] == 'single_small' ) ){
        $loginRadiusShareInterface = '<div class="loginRadiusHorizontalSharing" data-share-url="'.$lrShareUrl.'"></div>';
    }elseif ( isset( $loginRadiusSettings['horizontalSharing_theme'] ) && ( $loginRadiusSettings['horizontalSharing_theme'] == 'counter_horizontal' || $loginRadiusSettings['horizontalSharing_theme'] == 'counter_vertical' ) ){
        $loginRadiusShareInterface = '<div class="loginRadiusHorizontalSharing" data-share-url="'.$lrShareUrl.'" data-counter-url="'.$lrShareUrl.'"></div>';
    }
    echo $loginRadiusShareInterface;
}

2. Place following code in LoginRadius.php file:
Enable at checkout success page: 

add_action( 'woocommerce_thankyou', 'login_radius_product_sharing' );

Enable at each product in product list: 

add_action( 'woocommerce_after_shop_loop_item', 'login_radius_product_sharing' );

Enable before the content at product detail page: 

add_action( 'woocommerce_before_single_product_summary', 'login_radius_product_sharing' );

Enable after the content at product detail page: 

add_action( 'woocommerce_after_single_product_summary', 'login_radius_product_sharing' );


Troubleshooting
Social Commenting Troubleshooting
Social Commenting may not work if required hook is not found in your website template or you have enabled any other commenting plugin. You can resolve the issues in commenting as follows

1) If required hook is not found

Place the following code in the Comment Template file where you want to show Social Login interface:-
<?php do_action('login_radius_social_login') ?>

For most of the themes following steps will work:-
1. Open "/wp-content/themes/YOUR_CURRENT_THEME/comments.php" in your Wordpress installation folder (if the mentioned file doesn't exist then open the appropriate file as per your theme).
2. Search "comment_form();" and above this, add following code:-
   <?php do_action('login_radius_social_login') ?>
3. Save the file. (Replace existing file, if prompted) 

2) If you have enabled any other commenting plugin
If you have enabled any other commenting plugin then disable that plugin.
If you have enabled Jetpack commenting, follow the below mentioned steps:-
1. Login to your website admin panel.
2. Navigate to "Jetpack" section in left sidebar.
3. Search "Jetpack Comments" section and click "Learn More" button.
4. Click "Deactivate" button.

CURL and FSOCKOPEN troubleshooting
If you are not logged in after clicking Social Login Icons at your website then follow the steps mentioned here. One of the following must be enabled at your hosting server for Social Login to work (you may need to contact your hosting provider to enable one of these):- 

  • CURL requires cURL support = enabled in your php.ini file.
  • FSOCKOPEN requires allow_url_fopen = On and safemode = off in your php.ini file.

Manual Installation of the Plugin (not recommended)
1. Download LoginRadius’ WordPress Plugin
2. Go to your WordPress admin panel and log in.
3. Upload the folder to your plugins directory (wp-content/plugins/) or Go to Plugins Add New Upload > Browse and install the zip file.
4. Click on Plugins and you’ll see Social Login for WordPress. Activate your LoginRadius plugin by clicking on Activate. Now, proceed with configuring the plugin.

 

Was this article helpful?
0 out of 0 found this helpful

Comments

Please sign in to leave a comment.