Social Login

Social Login allows users to sign in or sign up using their existing social accounts, such as Google, instead of creating a new username and password. This helps simplify the login process and improves the overall user experience.

Overview

The Jupiter X Social Login widget is designed to work alongside the WooCommerce My Account login system and is tightly integrated with it. To enable Google login, you must first create a Google OAuth Client ID and Client Secret from the Google Cloud Console and then connect them to Jupiter X.

Step 1: Create Google OAuth Credentials

• Go to https://console.cloud.google.com/  
• Navigate to APIs & Services → Credentials
• Click Create Credentials
• Select OAuth client ID

Step 2: Select Application Type

For Application type, select:

Web application  

This is the correct option for WordPress websites using Jupiter X and WooCommerce.

Step 3: Configure OAuth Client Settings

• Name: Enter any preferred name (for example, Jupiter X Social Login)
• Authorized JavaScript Origins: Add your website URL where the Social Login widget is used (for example, https://yourdomain.com  )
• Authorized Redirect URIs: Add the page users should be redirected to after login, such as https://yourdomain.com/my-account/  

Step 4: Use Jupiter X Layout Conditions (Recommended)

It is recommended to separate the My Account login page from the logged-in My Account page using Jupiter X Layout Conditions. This allows the Social Login widget to appear only on the login layout and provides a cleaner login flow.

Step 5: Copy Client ID and Client Secret

After creating the OAuth client, copy the Client ID and Client Secret provided by Google.

Step 6: Add Google Credentials to Jupiter X

• Go to WordPress Dashboard → Elementor → Settings → Jupiter
• Open the Google tab
• Paste the Client ID and Client Secret
• Save the settings