Integrating a social login

[gpsam3]

I would like to integrate a social login Google/Facebook into the system. Please let me know how to get that done.

[Billy Nguyen]

Hi,

You can use this plugin: Nextend Social Login and Register

[gpsam3]

This reply has been marked as private.

[Billy Nguyen]

HI,

I added shortcode for login form for you, please check: https://prnt.sc/1jcospt

With Woocommerce login + register form, you need to use Nextend Social Login Pro version.

[gpsam3]

Thanks. Where did you add the shortcode and what was that shortcode?
I clicked on the Facebook icon..it just went to the main logon screen and showed this message.
https://prnt.sc/1jd3l8i

[Billy Nguyen]

You need to double check your connection with facebook

[gpsam3]

I did exactly as mentioned in this video of the plugin

[Billy Nguyen]

You need to enable register account for your site: https://prnt.sc/1jofrtd

I enabled this config, please check again.

[gpsam3]

Thanks you. Can you please let me know where did you add the short code for that as I need to put it into the staging.

Also what should be done to have the same button in the My Account Page?

[Billy Nguyen]

#1. Please copy and paste this code into file functions.php( child-theme), I added this code to your site but you removed it???

function freshio_form_login()
	{

        if (freshio_is_woocommerce_activated()) {
            $account_link = get_permalink(get_option('woocommerce_myaccount_page_id'));
        } else {
            $account_link = wp_registration_url();
        }
    ?>

		<div class="login-form-head">
			<span class="login-form-title"><?php esc_attr_e('Sign in', 'freshio') ?></span>
			<span class="pull-right">
                <a class="register-link" href="<?php echo esc_url($account_link); ?>"
				   title="<?php esc_attr_e('Register', 'freshio'); ?>"><?php esc_attr_e('Create an Account', 'freshio'); ?></a>
            </span>
		</div>
		<form class="freshio-login-form-ajax" data-toggle="validator">
			<p>
				<label><?php esc_attr_e('Username or email', 'freshio'); ?> <span class="required">*</span></label>
				<input name="username" type="text" required placeholder="<?php esc_attr_e('Username', 'freshio') ?>">
			</p>
			<p>
				<label><?php esc_attr_e('Password', 'freshio'); ?> <span class="required">*</span></label>
				<input name="password" type="password" required
					   placeholder="<?php esc_attr_e('Password', 'freshio') ?>">
			</p>
			<button type="submit" data-button-action
					class="btn btn-primary btn-block w-100 mt-1"><?php esc_html_e('Login', 'freshio') ?></button>
			<input type="hidden" name="action" value="freshio_login">
			<?php wp_nonce_field('ajax-freshio-login-nonce', 'security-login'); ?>
		</form>
<?php echo do_shortcode('[nextend_social_login provider="facebook"]'); ?>
		<div class="login-form-bottom">
			<a href="<?php echo wp_lostpassword_url(get_permalink()); ?>" class="lostpass-link"
			   title="<?php esc_attr_e('Lost your password?', 'freshio'); ?>"><?php esc_attr_e('Lost your password?', 'freshio'); ?></a>
		</div>
		<?php
	}

#2. Use social login with Woocommerce form, you need to use Nextend Social Login Pro version: How to Add WooCommerce Social Login to Your WordPress Site

I can also add this login to the form for you, but you will have to pay for this customization.

[gpsam3]

No I did not remove it.. I just wanted to check it….and do it for myself.

[Billy Nguyen]

Ok, good luck!

[Author]

Posts