Social Login (Google & Facebook). Met Social Login melden klanten zich aan of registreren zij zich met hun Google- of Facebook-account (OAuth 2.0). Accounts worden veilig gekoppeld via een geverifieerd e-mailadres, met overzichtelijke knoppen van de providers op de pagina’s voor inloggen en registreren. Geen wachtwoord om te onthouden betekent minder afgebroken registraties.
Met Social Login melden klanten zich aan of registreren zij zich met hun Google- of Facebook-account (OAuth 2.0). Accounts worden veilig gekoppeld via een geverifieerd e-mailadres, met overzichtelijke knoppen van de providers op de pagina’s voor inloggen en registreren. Geen wachtwoord om te onthouden betekent minder afgebroken registraties.
1. Installatie
- Ga in de back-office naar Modules → Module Manager → Upload a module en selecteer de zip van de module.
- Klik na de installatie op Configure om de installatiewizard te openen.
.local, .test, localhost) zijn altijd toegestaan. Zodra er een nieuwe versie beschikbaar is, wordt dat direct in de module getoond.Ziet u in plaats van de bevestiging de melding ‘Upload failed’, dan heeft PrestaShop de module mogelijk zonder melding uitgeschakeld: uw instellingen en gegevens blijven behouden. Hoe u een module bijwerkt en wat u doet bij de melding ‘Upload failed’.
2. Configuratie: stap voor stap
Het scherm Configure bestaat uit twee delen: de alleen-lezen redirect-URI’s die u in de consoles van de providers kopieert, en het instellingenformulier waarin u de toegangsgegevens plakt en kiest waar de knoppen verschijnen.
Redirect URIs (kopieer deze naar de consoles van de providers)
Dit zijn de exacte OAuth-callback-URL’s van deze webwinkel, de adressen waarnaar Google en Facebook terugverwijzen nadat de klant is ingelogd. Elke rij heeft een knop Copy. Maak eerst uw OAuth-apps aan en plak vervolgens elke URI als geautoriseerde redirect-URI voordat u hieronder de toegangsgegevens invult.
- Google authorized redirect URI: plak EXACT deze waarde in Google Cloud Console → Credentials → uw OAuth client ID → Authorized redirect URIs.
- Facebook valid OAuth redirect URI: plak EXACT deze waarde in de Facebook/Meta-ontwikkelaarsapp → Facebook Login → Settings → Valid OAuth Redirect URIs.
De URI’s worden gegenereerd op basis van het live domein van uw webwinkel, dus ze komen altijd overeen met wat de module tijdens het gebruik verstuurt. De waarde moet precies zo worden geplakt als weergegeven.
Settings
Schakel elke provider in en plak de toegangsgegevens die u uit de console hebt gehaald. Kies daarna waar de knoppen verschijnen.
- Enable Google sign-in: schakelt de Google-knop in.
- Google Client ID: uit Google Cloud Console → Credentials → OAuth client ID (Web application).
- Google Client Secret: blijft geheim; wordt alleen van server naar server gebruikt en nooit aan de browser getoond.
- Enable Facebook sign-in: schakelt de Facebook-knop in.
- Facebook App ID: uit developers.facebook.com → uw app → Settings → Basic.
- Facebook App Secret: blijft geheim; wordt alleen van server naar server gebruikt en nooit aan de browser getoond.
- Button position: Login page only, Registration page only of Both login and registration.
3. Controleer of het werkt
- Open met een ingeschakelde provider en opgeslagen toegangsgegevens de inlogpagina van uw webwinkel: de knop van de provider moet op de gekozen plek verschijnen.
- Klik op de knop en rond het inloggen af; u wordt teruggestuurd en bent ingelogd (bij het eerste gebruik wordt een nieuw account aangemaakt en gekoppeld).
- Ziet u de foutmelding ‘redirect URI mismatch’, dan komt de URI in de console van de provider niet exact overeen: kopieer hem opnieuw uit het paneel Redirect URIs.
- Log opnieuw in met dezelfde provider: u wordt via het geverifieerde e-mailadres aan hetzelfde account gekoppeld.
4. FAQ
Heb ik een ontwikkelaarsaccount nodig?
U hebt een gratis Google Cloud-project en/of een Facebook/Meta-ontwikkelaarsapp nodig om de client-id en het secret te verkrijgen. De module geeft u de exacte redirect-URI’s om te plakken.
Is het veilig?
Ja. De module gebruikt OAuth 2.0 en koppelt accounts via een geverifieerd e-mailadres; het client secret wordt alleen van server naar server gebruikt en nooit aan de browser getoond.
Wat als een klant al een account heeft?
Als het geverifieerde e-mailadres overeenkomt met een bestaande klant, wordt de sociale login aan dat account gekoppeld in plaats van een dubbel account aan te maken.
Kan ik slechts één provider tonen?
Ja. Schakel alleen Google of alleen Facebook in; de knop van de uitgeschakelde provider wordt niet getoond.