LoginRadius

support

Wordpress Social Login instructions

  1. Step-by-Step Video
  2. Installation Guide
  3. Activation and Configuration
  4. Troubleshooting
  5. Advanced Customization
  6. Intergration with WooCommerce

1. Step-by-Step Video

WordPress Social Login and Social Sharing

2. Installation Guide

  1. Navigate to Wordpress Admin Panel->Plugins
  2. Click "Add New" button
  3. In the search field type "loginradius"

  4. Click 'Install Now' for the plugin titled "Social Login, Social Sharing and Social Data Integration".

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

3. Activation and Configuration

  1. Account Configuration
  2. Activation Steps
  3. Widgets
  4. Shortcodes

    1. Account Configuration

    Note: the full functionality of this plugin requires a LoginRadius Site Name, LoginRadius API Key and a LoginRadius API Secret. If you do not have this data only the functionality of the Social Sharing component can be utilized. Please find further documentation on how you can obtain this data here

    2. Activation Steps

    1. To activate the plugin, navigate to Wordpress Admin Panel->LoginRadius->Activation
    2. On the Activation tab enter your Site Name, API Key, and API Secret as provided on your loginradius.com dashboard.
    3. Optional: Under the Advanced Settings tab you can turn on or off JavaScripts loading in footer option and Plugin Deletion Options
    4. 'Click Save Settings'

    3. Widgets

    To enable widgets follow the below mentioned steps:

    1. Navigate to Wordpress Admin Panel->Appearance->Widgets section in left sidebar
    2. 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 Linking - LoginRadius - Social Linking

      • Widget for Horizontal Social Sharing - LoginRadius - Horizontal Sharing

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

      • Widget for Vertical Social Sharing - Login Radius - Vertical Sharing

        (Requires "Enable Vertical Widget" switch on under Wordpress Admin Panel->LoginRadius->Social Sharing->Vertical Sharing Tab)

    Note: Social 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.

    4. Shortcodes

    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 Wordpress Admin Panel->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 Wordpress Admin Panel->LoginRadius->Social Sharing->Horizontal Sharing Tab.
    4. To show Vertical sharing interface using shortcode requires "Enable Vertical Widget" switch on under Wordpress Admin Panel->LoginRadius->Social Sharing->Vertical Sharing Tab.

4. Troubleshooting

  1. How can I have only certain users access my site?
  2. Can I use Social Login with CAPTCHA? My website is getting spam, how can I prevent it?
  3. Getting error message, how to resolve it?
  4. Social Commenting Troubleshooting
  5. CURL and FSOCKOPEN troubleshooting
  6. After clicking Social Login icons, page refreshes without logging in

    1. How can I have only certain users access my site?​

    Follow the steps mentioned below:

    1. Login to your website admin panel.
    2. Select "Yes" in "Do you want to control user activation/deactivation?" option.
    3. Click "Save Changes" button at the bottom of the page.

    2. 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. Click "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.

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

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

    5. 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
    • FSOCKOPEN requires allowurlfopen = On and safemode = Off in your php.ini file.

    6. 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. Click "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.

5. Advanced Customization

  1. Disable Sharing on Page/Post
  2. How to setup plugin with WordPress multisite?
  3. Where to look at user details in database?
  4. How can I change the email template for the registered users?​
  5. How can I customize the layout of the pop-up?
  6. How can I show Social Login Interface in custom Popup?​
  7. How can I add Social Login interface to any page?​
  8. Manual Installation of the Plugin (not recommended)
  9. How to uninstall the plugin?

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

    2. How to setup plugin with WordPress 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!

    3. Where to look at user details in database?

    User details are stored in the "users" table and in the following "metakey" fields of usermeta table:

    Meta_keyInfo
    loginradius_provider_id Social Provider ID
    loginradius_thumbnail Social Profile avatar
    loginradius_provider Social Network Provider

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

    Plugin Suggestions:

    New User Email Setup

    SB Welcome Email Editor

    5. How can I customize the layout of the pop-up?

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

    Note: If this path is not found please search your plugin for loginRadiusStyle.css and make your styling changes there

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

    7. How can I 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.

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

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

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

6. Intergration with WooCommerce​

Social Login

  1. Open the following file in your text editor wp-content/plugins/loginradius-for-wordpress/lr-social-login/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') );

Social Sharing

  1. Add following function in wp-content/plugins/loginradius-for-wordpress/lr-social-sharing/includes/horizontal/loginradiussimplifiedsocialsharehorizontal.php in class LRHorizontalSharing

    /**
     * social sharing on single product page
     */
    public static function loginradius_product_sharing() {
        global $post, $product, $loginradius_share_settings ;
    
        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( $loginradius_share_settings['horizontal_share_interface'] ) && ( $loginradius_share_settings['horizontal_share_interface'] == '32-h' || $loginradius_share_settings['horizontal_share_interface'] == '16-h' || $loginradius_share_settings['horizontal_share_interface'] == 'single-lg-h' || $loginradius_share_settings['horizontal_share_interface'] == 'single-sm-h' ) ){
            $interface = '<div class="lr_horizontal_share" data-share-url="' . $lrShareUrl . '"></div>';
        }elseif ( isset( $loginradius_share_settings['horizontal_share_interface'] ) && ( $loginradius_share_settings['horizontal_share_interface'] == 'hybrid-h-h' || $loginradius_share_settings['horizontal_share_interface'] == 'hybrid-h-v' ) ){
            $interface = '<div class="lr_horizontal_share" data-share-url="' . $lrShareUrl . '" data-counter-url="' . $lrShareUrl . '"></div>';
        }
        echo $interface;
    }
    
  2. Place following code in loginradius-for-wordpress/lr-social-sharing/includes/horizontal/loginradiussimplifiedsocialsharehorizontal.php in function __construct in the end

    Enable at checkout success page:
    add_action( 'woocommerce_thankyou', array( $this, 'loginradius_product_sharing' ) );

    Enable at each product in product list: add_action( 'woocommerce_after_shop_loop_item', array( $this, 'loginradius_product_sharing' ) );

    Enable before the content at product detail page: add_action( 'woocommerce_before_single_product_summary', array( $this, 'loginradius_product_sharing' ) );

    Enable after the content at product detail page: add_action( 'woocommerce_after_single_product_summary', array( $this, 'loginradius_product_sharing' ) );

Can't find what you're looking for? We'd love to help. Send us a message.

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