Eén klik Gmail login voor je WordPress website: een stappenplan

Ben je een fervent gebruiker van Google en Gmail, dan kan het handig zijn om deze ook te gebruiken om met één klik in te loggen in je WordPress website. We hebben al meer dan genoeg logins en wachtwoorden om te onthouden en te beheren, dus dit is misschien weer een kleine zorg minder in de dagelijkse digitale jungle.

Andere voordelen zijn:

• Sneller inloggen
• Complexe wachtwoorden maar één keer intypen
• Betere beveiliging door gebruik van complexere wachtwoorden

Wil je weten hoe je dit moet implementeren in jouw WordPress website?

Lees dan snel verder!

Single sign-on (SSO) wordt deze feature ook wel genoemd. De mogelijkheid om via één enkele login account toegang te geven tot meerdere verschillende diensten. Met name handig voor organisaties met veel verschillende Google Workspace en WordPress accounts. Hierbij wordt de login van je WordPress site als het ware geregeld via je Google account. Je Gmail account ‘weet’ alleen dat deze toegang moet geven tot een bepaalde WordPress site als je probeert in te loggen met je Gmail credentials. Je WordPress website ‘weet’ niets van je Gmail login gegevens, maar alleen dat je mag inloggen als Gmail groen licht geeft.

Deze integratie wordt geregeld via het OAuth protocol. Google biedt ruime ondersteuning hiervoor en het wordt over het algemeen als veilig beschouwd. Daarnaast raden we uiteraard ook altijd aan om je WordPress inclusief themes en plugins altijd zoveel mogelijk te updaten. Ook is het handig om zo nu en dan je site te scannen met een malware scanner.

Stappen die je moet volgen voor de Gmail login voor je WordPress site

Kies een plugin die de integratie regelt tussen de Google en WordPress login

• • Wij gebruiken Google Apps Login omdat het zowel Google Workspace als losse Gmail accounts ondersteunt. Wij gebruiken hier de gratis basisversie. Voor extra features is er ook een betaalde versie vanaf $29
  • Installeer en activeer de gekozen plugin
  • Open een nieuw tabblad

Maak een nieuw project aan in Google Cloud Console

• • Ga naar https://console.developers.google.com/

    

  • Gebruik de dropdown linksboven Select a project om een popup te openen voor het volgende. Maak een nieuw project aan via de Create project button aan de rechterkant en vul de velden analoog aan het voorbeeld in de screenprint boven maar dan voor jouw situatie.

Maak een OAuth Consent aan

• • Ga naar het zojuist aangemaakte Google Cloud Console Dashboard
  • Kies in het menu links het OAth consent screen

• • Kies het van toepassing zijnde User type. Je kunt alleen voor Internal users kiezen als je met Google Workspace werkt. De login is dan alleen bedoeld voor gebruikers binnen je organisatie.
    Klik op Create en kies in het linkermenu OAuth consent screen.

• • Vul hier de App name in en de User support mail. Scroll nu naar onder om de Developer contact information te vinden.

• • Je kunt hier eventueel hetzelfde e-mail adres gebruiken als bij User support mail.
    Klik op SAVE AND CONTINUE.
    Ga nu in het linkermenu naar Credentials: 

    

  • Klik op de button bovenaan:  CREATE CREDENTIALS > OAth Client ID: 
  • Kies in de dropdown Application type voor Web application.  Je komt nu in het volgende scherm: 
  • Er verschijnen nu een aantal velden waarvan de volgende gevuld moeten worden; bij Name vul je een toepasselijke naam in of je laat de default waarde staan. Daarnaast moeten er waarden ingevuld worden voor Authorized JavaScript origins en Authorized redirect URL’s. Doe dit als volgt voor jouw situatie en klik op CREATE:
  • De OAuth client is nu aangemaakt met een Client ID en Client Secret. Deze heb je nodig in de laatste stap dus houd ze bij de hand. Je kunt ze later ook altijd weer opzoeken in Credentials.

Aanpassen van je Google Apps Login settings

• • Het enige wat je nu nog te doen staat is om de Client ID en Client Secret in te voeren in de Google Apps Login plugin in je WordPress site.
    Doe dit als volgt:
  • Navigeer in je WordPress site naar Plugins > Google Apps Login > Settings.
    In het scherm Google Apps Login setup vind je onder de Main Setup tab de velden Client ID en Client Secret. Vul deze velden met de eerder aangemaakte waarden bij Credentials en klik op Save changes.

Als het goed is ziet je WordPress login scherm er nu als volgt uit:

Tot slot kun je onder de tab Advanced Options van je WordPress Google Apps Login plugin nog eventueel diverse opties van je login scherm aanpassen, zoals het design en de manier van inloggen. Door de plugin heen vind je ook nog diverse links naar (Engelstalige) Instructions over het instellen van de plugin.

Beoordeel dit artikel