WP Dating Google Login Add-on Documentation

This guide walks you through the steps to configure the WPDating Google Login add-on, including how to obtain your Google Client ID and Client Secret, and set them up in your WordPress site.

Step 1: Create a Google Cloud Project

  1. Visit the Google Cloud Console.

  2. Click the project dropdown at the top and select “New Project”.

  3. Enter a project name (e.g., “WPDating Google Login”) and click “Create”.

  4. Wait for the project to be created and select it from the dropdown.

Step 2: Enable the Google OAuth API

  1. In the left sidebar, navigate to APIs & Services > Library.

  2. Search for “Google OAuth API” or “Google+ API”.

  3. Click on the appropriate API and then click “Enable”.

Step 3: Configure the OAuth Consent Screen

  1. Go to APIs & Services > OAuth consent screen.

  2. Choose “External” as the user type (unless you’re using a Google Workspace account) and click “Create”.

  3. Fill in the required fields:

    • App name: e.g., My Dating Site

    • User support email: your support email

    • Developer contact email: your email address

  4. Click “Save and Continue”.

  5. Under scopes, add:

    • email
    • profile
    • openid

  6. Click “Save and Continue”.

  7. (Optional) Add test users if needed.

  8. Click “Save and Continue”, then “Back to Dashboard”.

Step 4: Create OAuth Credentials

  1. Navigate to APIs & Services > Credentials.

  2. Click “Create Credentials” > “OAuth client ID”.

  3. Under Application Type, select “Web application”.

  4. Provide a name (e.g., “WPDating Website Login”).

  5. Configure the following:

    • Authorized JavaScript origins:
      https://yourdatingsite.com

    • Authorized redirect URIs:
      https://yourdatingsite.com/members?wpdating-google-api=login-callback

  6. Click “Create”.

  7. A pop-up will display your Client ID and Client Secret. Copy these for use in your WordPress configuration.

Step 5: Configure the Plugin in WordPress

  1. Log in to your WordPress admin dashboard.

  2. Navigate to “Google Login” in the sidebar.

  3. Enter the Client ID and Client Secret obtained from the Google Cloud Console.

  4. Click “Save”.

Step 6: Test the Integration

  1. Log out of your WordPress site.

  2. Visit the login page.

  3. You should now see a “Login with Google” button.

  4. Click the button and verify that the login process completes successfully.

Troubleshooting Common Issues

Google Login Button Not Appearing

Make sure the WPDating core plugin is active. Ensure the Client ID and Client Secret are saved correctly in the plugin settings.

Invalid Client Error

Double-check that the Client ID and Secret are correctly entered. Confirm the redirect URI matches exactly what’s in the Google Cloud Console.

Redirect URI Mismatch Error

Ensure the redirect URI in Google Cloud Console exactly matches: https://yourdatingsite.com/members?wpdating-google-api=login-callback

Support Resources

If you encounter any issues during setup or implementation, please contact: WPDating Support: Submit a ticket

Close Menu