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.
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 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.
- 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.
- 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.
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.
