---
title: "How to add Google login to a WordPress website?"
url: https://nexterwp.com/docs/add-google-login-to-wordpress/
date: 2023-03-04
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "Most people already have a Google account, and one-tap sign-in saves them inventing another password. The Login & Signup block in Nexter Blocks Pro adds a Google button to your..."
image: https://nexterwp.com/wp-content/uploads/2024/05/add-google-login-to-wordpress-1024x519.jpg
word_count: 384
---

# How to add Google login to a WordPress website?

## Key Takeaways

- Nexter Blocks Pro añade un botón de Google al formulario de inicio de sesión o registro mediante el bloque Login & Signup, y la función es solo para Pro.
- Google One Tap Popup muestra el aviso propio de Google a los visitantes que regresan sin que pulsen primero el botón, mientras que el mismo campo Social Login funciona en formularios de inicio de sesión y registro.
- Google OAuth exige un Google OAuth Client ID y la dirección del sitio en Authorised JavaScript origins, y los sitios locales o de staging necesitan sus propias entradas.

Most people already have a Google account, and one-tap sign-in saves them inventing another password.

The Login & Signup block in Nexter Blocks Pro adds a Google button to your login or registration form.

*For every Login & Signup setting in one place, see the [Login & Signup block guide](https://nexterwp.com/docs/add-login-signup-in-wordpress/).*

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-login-form/)

## Before You Start

- **Edition:** **Pro** — the Login & Signup block is part of Nexter Blocks Pro.- **Block to enable:** Login & Signup, switched on under **Nexter > Blocks** in your WordPress dashboard.- **A Google OAuth Client ID** for your site. Google's guide [Get your Google API client ID](https://developers.google.com/identity/gsi/web/guides/get-google-api-clientid) walks through creating one in the Google Cloud console.- **Your site's address in the client:** add it under Authorised JavaScript origins.

## Steps

- Add the **Login & Signup** block to your page and click **Design from Scratch**.

- In the **Forms** panel, set **Type** to **Login**.

![The Forms panel with Type, Layout and Content Alignment](https://nexterwp.com/wp-content/uploads/2026/09/login-signup-form-type.webp)

- Choose a **Layout**: **Inline Form** shows the form on the page, **Button** opens it from a toggle button.

- Open the **Login** tab, click **+ Add Field** and choose **Social Login** in the **Field** dropdown.

![The Login tab with a Social Login field and the Google settings](https://nexterwp.com/wp-content/uploads/2026/09/login-signup-social-login.webp)

- Turn on **Google** and paste your ID into **Google Client ID**.

- Optional: turn on **Google One Tap Popup**, or leave it off and set the button's **Type**, **Theme**, **Shape**, **Button Text**, **Icon Shape** and **Size**.

- Set a **Redirect URL** and the **Alignment**, then save.

![A sign-in form with a Sign in with Google button](https://nexterwp.com/wp-content/uploads/2026/09/login-signup-fe-social-buttons.webp)

## How It Behaves

- The Google button appears in the form and signs people in with their Google account.- If the email address matches an existing user, they are signed in to that account.- With One Tap on, returning visitors see Google's own prompt without clicking the button first.- The same Social Login field works on login and registration forms.

## Limitations

- **Pro only.**- Only the Client ID is needed here. Keep the client secret in Google.- Google only allows sign-in from the addresses listed in the client's Authorised JavaScript origins, so local test sites and staging need their own entries.

## Troubleshooting

### The button shows an error about the client ID

Copy the Client ID again from the Google Cloud console and check your site's address is listed under Authorised JavaScript origins.

### Nothing happens after choosing a Google account

Check the Redirect URL is a page on your own site, and clear any page cache.

## Related Docs

- [Add Facebook login to WordPress](https://nexterwp.com/docs/add-facebook-login-to-wordpress/)- [Login & Signup block: all settings](https://nexterwp.com/docs/add-login-signup-in-wordpress/)- [Redirect users after login](https://nexterwp.com/docs/redirect-after-login-in-wordpress-login-form/)

## Frequently Asked Questions

**Q: What do I need before adding Google login to a WordPress site with Nexter Blocks Pro?**
A: Nexter Blocks Pro is the key requirement, because the Login & Signup block lives in the Pro edition. You also need the block enabled under Nexter > Blocks in your WordPress dashboard, plus a Google OAuth Client ID for your site. Google’s client setup matters because the site address must be added under Authorised JavaScript origins, or sign-in can fail later. The page also points to Google’s client ID guide and the [Login & Signup block guide](https://nexterwp.com/docs/add-login-signup-in-wordpress/) for the full settings in one place.

**Q: Should I use Inline Form or Button layout for Google login?**
A: Inline Form fits pages where you want the login form visible immediately, while Button keeps the form hidden until someone clicks a toggle button. That choice changes the user flow more than the feature itself: Inline Form is faster for direct access, and Button is cleaner when you want less form clutter on the page. Nexter Blocks Pro supports both layouts inside the Login & Signup block, so the decision is mostly about how much space you want to give login on the page.

**Q: How does Google login behave when an existing user signs in?**
A: The Google button signs people in with their Google account, and if the email address matches an existing user, they get signed into that account. That matching step is important because it ties social login back to an existing WordPress user instead of creating a separate path. With One Tap turned on, returning visitors see Google’s own prompt before clicking the button. The same Social Login field also works on both login and registration forms.

**Q: Can I use Google One Tap Popup instead of a normal Google button?**
A: Google One Tap Popup is optional in Nexter Blocks Pro, so it can sit alongside the standard button setup rather than replacing it entirely. When it is on, returning visitors see Google’s own prompt without clicking the button first, which reduces friction for repeat logins. When it is off, you still control the button’s Type, Theme, Shape, Button Text, Icon Shape, and Size. That makes it useful when you want more visual control over how social login appears.

**Q: Why does Google login fail on local or staging sites?**
A: Google only allows sign-in from addresses listed in the client’s Authorised JavaScript origins, so local test sites and staging environments need their own entries. That restriction is easy to miss because a working production setup can still fail elsewhere if those addresses are not added separately. The page also says only the Client ID is needed here and that the client secret stays in Google, which keeps your site-side setup simpler but does not remove the origin check.

**Q: Why does nothing happen after choosing a Google account?**
A: A bad Redirect URL is usually the first thing to check, because it needs to point to a page on your own site. The other common cause is stale page cache, which can make a working redirect look broken even after setup looks correct. Nexter Blocks Pro lets you set a Redirect URL during configuration, so this issue often comes down to where that URL points rather than whether Google sign-in itself worked.