When setting up Social Login on your website or application, you will need a Client ID and a Client Secret Key from each social platform you want to integrate (e.g., Google). These credentials allow your website to authenticate users securely through the respective platform.

Step 1: Create a Google Project

Google Cloud Console welcome page showing 'Select a project' highlighted, quick access tiles for services, and a yellow notification about mandatory two-step verification after May 13, 2025.
  • Click “NEW PROJECT”.
Google Cloud Console showing 'Select a project' popup with search bar, existing project, highlighted 'New project' button, tabs for Recent, Starred, All, and a Cancel option.
  • Enter a Project Name and click CREATE.
Google Cloud 'New Project' screen showing project name filled, location set to No organization, yellow quota alert, and highlighted Create and Cancel buttons.
  • After creation, select your project from the notification bar or dropdown.
Google Cloud Console showing project creation notification for 'My Project 70233', highlighted Select Project button, main action buttons, and 2-step verification alert.


Step 2: Configure APIs and OAuth

  • After selecting the created project, you will be redirected to the Dashboard page.
Google Cloud Console dashboard for 'My Project 70233' showing navigation sidebar, project resources, stats, monitoring, and bottom notification confirming active project.
  • From the Dashboard, go to “Go to APIs overview”
Google Cloud Console dashboard for 'My Project 70233' showing sidebar, project info, resources, APIs with highlighted link, and active project notification.
  • Click Credentials
Google Cloud Console APIs & Services dashboard for 'My Project 70233' showing sidebar with highlighted Credentials, traffic and error graphs, and list of enabled APIs.
  • Click on the Create Credentials dropdown and click OAuth client ID
Google Cloud Console Credentials tab for 'My Project 70233' showing '+ Create credentials' dropdown with highlighted OAuth client ID and no existing credentials.
  • You’ll be prompted to configure the consent screen click Configure Consent Screen.
Google Cloud Console Create OAuth client ID page for 'My Project 70233' showing warning to configure consent screen with highlighted Configure consent screen button.
  • Click Get Started.
Google Cloud Console Branding section for 'My Project 70233' showing Google Auth Platform not configured message with red-outlined Get started button.

After clicking the Get Started button, you will be redirected to an App information page where you have to fill in the required fields

  • App name: In this field, you have to add the name of the App.
  • User support email: In this field, you have to add the email address that has been used to create a project in the Google console.
Google Cloud Console Project configuration for 'My Project 70233' showing App Information section with app name, partially redacted support email, and Next button.
  • Choose External > Click Next.
Google Cloud Console Project configuration step 2: Audience, showing External option selected with description and highlighted Next button.
  • Add Contact Information > Click Next.
    The email addresses added in this field are for Google to notify you about any changes to your project. and click next
Google Cloud Console Project configuration step 3: Contact Information showing filled email with red border, notification note, highlighted Next button, and sidebar navigation.
  • Agree to terms > Click Continue.
Google Cloud Console Project configuration step 4: Finish showing completed steps, User Data Policy checkbox marked, highlighted Continue button, and sidebar navigation.
  • Click Create.
Google Cloud Console Project configuration completed for all steps with blue checkmarks, highlighted Create button, and sidebar menu.

Step 4: Create OAuth Client ID

  • You will be redirected to the OAuth Overview page, where you need to click on Create OAuth Client
Google Cloud Console OAuth Overview page showing Metrics with no OAuth clients, highlighted Create OAuth client button, Project Checkup section, and sidebar navigation.
  • Under Application type, select Web application.
  • Enter a name, then add your Authorized redirect URIs, including your website URL and the Google login callback URL (e.g., https://yourdomain.com/google-login-callback).
Google Cloud Console Create OAuth client ID page showing Clients highlighted in sidebar, explanation of client ID, and link to learn more about OAuth client types.
  • Click Create.

Step 5: Get Your Credentials

  • A popup will display your Client ID and Client Secret. Save these in a secure location β€” you’ll use them in your Social Login settings.
Google Cloud OAuth client creation confirmation showing redacted Client ID and Secret, creation date, enabled status, and warning about restricted secret access.

Step 6: Add Credentials to Your Website

  • Go to your WordPress Dashboard β†’ WP Travel β†’ Settings β†’ Account β†’ Social Login.
  • Enter the Client ID and Client Secret you obtained.
  • Save changes.
WordPress dashboard showing WP Travel Social Login settings with toggle on, Google Client ID and Secret fields, and green Save Settings button.

Conclusion

Setting up the Social Login feature in WP Travel allows users to log in securely using their social accounts, improving convenience and user experience. By creating a Google project, configuring APIs and OAuth, setting up the consent screen, and adding the credentials to your website, you can enable seamless authentication for your visitors. After configuration, Social Login simplifies account access while maintaining security for both your site and your users.

Check WP Travel documentation to learn more about configurations, modules, payments, and shortcodes.

Your feedback helps us improve. Please share your thoughts.

Need assistance? Contact our support team, join our Facebook community, and subscribe to our YouTube Channel for video tutorials.

You can also find us on Facebook, Instagram, LinkedIn, TikTok, and X. Thank you for choosing WP Travel.

If you are a WP Travel Free user thinking about upgrading to Pro, simply click on the banner below.

Get WP Travel Pro