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