Description

Social LoginShortcode is used to display Social Login Buttons anywhere in your website pages, posts, product page, etc...

How to Implement Social Login Shortcode in WooCommerce

You can implement Social Login ShortCode in your WooCommerce website according to your requirements, By implementing this ShortCode you can display Social Login Buttons anywhere you want

1. WooCommerce Registration Form

2. WooCommerce Login Form

3. Checkout Form ( Before Proceed to Cart Button)

4. Cart Form (After Proceed to Cart Button)

5. Proceed Order Form

To integrate the Social Login ShortCode in your Woocomerce website you need to Implement the ShortCode in your Child Theme file "function.php".

Social Login ShortCode for WooCommerce Registration Form

Social Login ShortCode for WooCommerce Registration form is used or write to display social login buttons in your WooCommerce Registration form. Simply you need to add this code in your function.php file.

function add_social_login() {
echo do_shortcode('[[loginpress_social_login]]');
}
add_action( 'woocommerce_register_form', 'add_social_login', 10, 0 );

After Adding code in your function.php file social Login button will display like this.

Social Login ShortCode for WooCommerce Login Form

Social Login ShortCode for WooCommerce Login form is used or write to display social login buttons on your WooCommerce Login form. Simply you need to add this code in your function.php file.

function add_social_login() {
echo do_shortcode('[[loginpress_social_login]]');
}
add_action( 'woocommerce_login_form', 'add_social_login', 10, 0 );

After Adding code in your function.php file social Login button will display like this.

Social Login ShortCode for Checkout Form ( Before Proceed to Cart Button )

Social Login ShortCode for Checkout Form ( Before Proceed to Cart Button) is used or write to display the Social login buttons on your WooCommerce CheckOut Form. Simply you need to add this code in your function.php file.


function add_social_login() {
echo do_shortcode('[[loginpress_social_login]]');
}
add_action( 'woocommerce_proceed_to_checkout', 'add_social_login', 10, 0 );

After Adding code in your function.php file social Login button will display like this.

Social Login ShortCode for Checkout Form ( After Proceed to Cart Button )

Social Login ShortCode for Checkout Form ( After Proceed to Cart Button) is used or write to display the Social login buttons on your WooCommerce CheckOut Form. Simply you need to add this code in your function.php file.

function add_social_login() {
echo do_shortcode('[[loginpress_social_login]]');
}
add_action( 'woocommerce_after_cart_totals', 'add_social_login', 10, 0 );

After Adding code in your function.php file social Login button will display like this.

Social Login ShortCode for Proceed order form

Social Login ShortCode for Proceed order Form is used or write to display the Social login buttons on your WooCommerce Proceed order Form. Simply you need to add this code in your function.php file.

function add_social_login() {
echo do_shortcode('[[loginpress_social_login]]');
}
add_action( 'woocommerce_review_order_after_payment', 'add_social_login', 10, 0 );

After Adding code in your function.php file social Login button will display like this.

 

How to Add Social Login Buttons ShortCode in your Blog Post/Page

• Go to your WordPress Dashboard and Open any of your Plog post or Page and click on edit

• Add LoginPress Social Login Short Code to your page or post area where you want to display Social Login buttons. After Adding Shortcode to your page or post just save or update your page or post.

Note: You can also use this Social Login shortcode in your website backend code.

• Now open your page or post and you will see Social Login Button will display like this in your post or page

Note: If you want to Hide any Social Login button from your page that you don’t want to display on your page or paste. For example, if you want to disable or don’t want to display Facebook-Button Simple you need to perform this step or need to add code disable_facebook=true in your social login shortcode.

• After Adding the disable Facebook code your social login icon will display like this

To disable other social media icons simply add the following code in your social media login shortcode.

Google:disable_google=true

Twitter:disable_twitter=true

Linkedin:disable_linkedin=true