Inloggen via social media voor klantaccounts

Naast de standaard inlogervaring zonder wachtwoord voor klantaccounts, kun je je Google- en Facebook-accounts koppelen zodat klanten kunnen inloggen met hun inloggegevens voor social media.

Het activeren van inloggen via social media voor klantaccounts kan klanten een snellere inlogervaring bieden via bekende verificatiemethoden. Je kunt meerdere inlogmethoden voor social media activeren in je winkel.

Als je je eigen identiteitsprovider hebt gekoppeld aan klantaccounts en je inloggen via social media wilt koppelen, moet je contact opnemen met je externe identiteitsprovider.

Overwegingen voor het koppelen van inloggen via social media aan klantaccounts

Bekijk de volgende overwegingen voor het koppelen van inloggen via social media aan klantaccounts:

• Je moet een ontwikkelaarsaccount hebben voor de aanbieder die je aan klantaccounts wilt koppelen.
• De enige klantgegevens die met Shopify worden gesynchroniseerd wanneer je inloggen via social media gebruikt, is het e-mailadres van de klant.

Google aan klantaccounts koppelen

Als je Google aan klantaccounts wilt koppelen, moet je de volgende taken op volgorde voltooien:

• Stap 1: open de pagina Inloggen met Google in het Shopify-beheercentrum
• Stap 2: maak een app aan in de Google Cloud Console
• Stap 3: configureer de OAuth-client van je app in de Google Cloud Console
• Stap 4: configureer de inloggegevens in het Shopify-beheercentrum
• Stap 5: publiceer je app in de Google Cloud Console

Tijdens de installatie moet je schakelen tussen de browsertabbladen van je Google Cloud Console en het Shopify-beheercentrum. Je moet een Google Cloud-account hebben ingesteld om Google aan klantaccounts te kunnen koppelen. Raadpleeg de helpdocumentatie van Google voor meer informatie over Google Cloud.

Stap 1: open de pagina Inloggen met Google in het Shopify-beheercentrum

1. Ga vanuit het Shopify-beheercentrum naar Instellingen > Klantaccounts.

2. Klik in de sectie Verificatie op Beheren.

3. Klik op Koppelen naast Google om de pagina Inloggen met Google te openen.

Deze pagina bevat gegevens die je moet kopiëren en plakken bij het configureren van de OAuth-client van je Google-app. Houd deze pagina daarom open in een apart browsertabblad.

Stap 2: maak een app aan in de Google Cloud Console

1. Log in een ander browsertabblad in bij de Google Cloud Console.
2. Selecteer een bestaand project of maak een nieuwe aan. Je wordt omgeleid naar het dashboard van het project.
3. Klik op en klik vervolgens op API's en services > Inloggegevens.
4. Klik op Toestemmingsscherm configureren > Aan de slag.
5. Vul de OAuth-configuratiegegevens van je project in:
   1. Geef je app een naam die klanten herkennen, zoals de naam van je webshop. Geef je e-mailadres op voor technische ondersteuning en klik op Volgende.
   2. Selecteer in de sectie Doelgroep de optie Extern en klik op Volgende.
   3. Geef een e-mailadres op voor eventuele meldingen van Google over het project en klik op Volgende.
   4. Ga akkoord met het beleid voor gebruikersgegevens van Google API-services en klik op Doorgaan.
   5. Klik op Aanmaken.
6. Configureer de beleidsgegevens van je app die aan klanten worden getoond op het toestemmingsscherm:
   1. Klik op Branding.
   2. Voeg in de sectie App-domein een link toe naar je homepage, een link naar je openbare privacybeleid en een link naar je servicevoorwaarden. Meer informatie over het aanmaken van winkelbeleidsregels.

Stap 3: configureer de OAuth-client van je app in de Google Cloud Console

In deze stap moet je gegevens kopiëren uit de sectie Installatie-instructies op de pagina Inloggen met Google in het Shopify-beheercentrum en deze in de juiste velden in het tabblad van de Google Cloud Console plakken.

1. Klik op Overzicht in de app van je project in de Google Cloud Console.
2. Klik in de sectie Metrieken op OAuth-client aanmaken.
3. Configureer de gegevens van de OAuth-client:
   1. Selecteer Webapplicatie in de vervolgkeuzelijst Applicatietype.
   2. Voer een naam in het veld Naam in.
4. Configureer de Geautoriseerde JavaScript-oorsprongen voor je app:
5. Klik in de sectie Geautoriseerde JavaScript-oorsprongen op + URI toevoegen.
6. Kopieer de waarde van Geautoriseerde JavaScript-oorsprongen op de pagina Inloggen met Google in het Shopify-beheercentrum.
7. Plak de waarde in de Google Cloud Console in het veld URI's 1.
8. Als je meer dan één URI in de sectie Geautoriseerde JavaScript-oorsprongen in het Shopify-beheercentrum hebt, herhaal dan deze stappen voor de aanvullende URI-velden.
9. Configureer de Geautoriseerde omleidings-URI's voor je app:
10. Klik in de Google Cloud Console in de sectie Geautoriseerde omleidings-URI's op + URI toevoegen.
11. Kopieer de waarde voor Geautoriseerde omleidings-URI in het browsertabblad van het Shopify-beheercentrum.
12. Ga terug naar de Google Cloud Console en plak de waarde in het veld URI's 1.
13. Als je meer dan één URI hebt in de sectie Geautoriseerde omleidings-URI in het Shopify-beheercentrum, herhaal je deze stappen voor de extra URI-velden.
14. Klik in je Google Cloud Console op Aanmaken.

Houd het dialoogvenster OAuth-client gemaakt open voor Stap 4: de inloggegevens configureren in je Shopify-beheercentrum, want je moet informatie vanuit de Google Cloud Console naar het Shopify-beheercentrum kopiëren en plakken.

Stap 4: de inloggegevens configureren in je Shopify-beheercentrum

1. Kopieer de Client-ID uit het dialoogvenster OAuth-client gemaakt in je Google Cloud Console.
2. Plak de Client-ID in de sectie Inloggegevens op de pagina Inloggen met Google in je Shopify-beheercentrum.
3. Kopieer het Clientgeheim uit het dialoogvenster OAuth-client gemaakt in je Google Cloud Console.
4. Plak het Clientgeheim in de sectie Inloggegevens op de pagina Inloggen met Google in je Shopify-beheercentrum.
5. Klik op Opslaan op de pagina Inloggen met Google in je Shopify-beheercentrum.

Stap 5: je app publiceren in je Google Cloud Console

1. Klik in de app van je project in de Google Cloud Console op Doelgroep.
2. Klik op App publiceren.

Facebook koppelen aan klantaccounts

Om Facebook aan klantaccounts te koppelen, moet je de volgende taken in deze volgorde voltooien:

• Stap 1: de pagina Inloggen met Facebook openen in je Shopify-beheercentrum
• Stap 2: een app aanmaken in je Meta for Developers-dashboard
• Stap 3: de instellingen van je Meta-app configureren
• Stap 4: configureer de inloggegevens in het Shopify-beheercentrum
• Stap 5: Inloggen met Facebook testen en activeren

Tijdens de installatie moet je wisselen tussen de browsertabbladen van je Meta for Developers-dashboard en je Shopify-beheercentrum. Om Facebook aan klantaccounts te koppelen, moet je een Meta Developer-account hebben. Lees meer over registreren als Meta Developer.

Stap 1: de pagina Inloggen met Facebook openen in je Shopify-beheercentrum

1. Ga vanuit het Shopify-beheercentrum naar Instellingen > Klantaccounts.

2. Klik in de sectie Verificatie op Beheren.

3. Klik op Koppelen naast Facebook om de pagina Inloggen met Facebook te openen.

Stap 2: een app aanmaken in je Meta for Developers-dashboard

1. Ga in een apart browsertabblad naar het Meta for Developers-dashboard en klik vervolgens op Inloggen om in te loggen. Als je nog geen Meta Developer-account hebt aangemaakt, moet je op de inlogpagina een nieuw account aanmaken voordat je verdergaat naar de volgende stap.
2. Klik op Apps.
3. Klik op App aanmaken.
4. Vul de velden Appnaam en E-mailadres voor contact over de app in en klik vervolgens op Volgende.
5. Selecteer op de pagina Use cases toevoegen de optie Gegevens van gebruikers verifiëren en opvragen met Facebook Login en klik vervolgens op Volgende.
6. Selecteer op de pagina Welk bedrijfsportfolio wil je aan deze app koppelen een bedrijfsportfolio of selecteer Ik wil nog geen bedrijfsportfolio koppelen., en klik vervolgens op Volgende.
7. Bekijk de pagina Publicatievereisten en klik vervolgens op Volgende.
8. Bekijk de pagina Overzicht en klik vervolgens op Naar dashboard gaan.

Stap 3: de instellingen van je Meta-app configureren

1. Klik na het aanmaken van een app in je Meta for Developers-dashboard op Use cases.
2. Klik bij de use case Gegevens van gebruikers verifiëren en opvragen met Facebook Login op Aanpassen.
3. Klik naast e-mail in de sectie Machtigingen en functies op Toevoegen om ervoor te zorgen dat klantinformatie wordt vastgelegd bij het inloggen.
4. Klik op Instellingen en ga vervolgens naar OAuth-instellingen client.
5. Kopieer op de pagina Inloggen met Facebook in je Shopify-beheercentrum de omleidings-URL uit de sectie Omleidings-URL's.
6. Plak de omleidings-URL op de pagina Instellingen in je Meta for Developers-dashboard in het veld Geldige OAuth-omleidings-URI's.
7. Als je meer dan één omleidings-URL hebt in de sectie Omleidings-URL's in je Shopify-beheercentrum, herhaal dan deze stappen voor de aanvullende omleidings-URL's.
8. Kopieer de URL op de pagina Inloggen met Facebook in je Shopify-beheercentrum uit de sectie Deautorisatie-URL.
9. Plak de URL op de pagina Instellingen in je Meta for Developers-dashboard in het veld Callback-URL voor deautorisatie.
10. Klik op de pagina Instellingen in je Meta for Developers-dashboard op Wijzigingen opslaan.

Stap 4: de inloggegevens configureren in je Shopify-beheercentrum

1. Klik op het Start-pictogram om terug te keren naar je Meta for Developers-dashboard en klik vervolgens op App-instellingen > Basis.
2. Kopieer de App-ID vanuit je Meta for Developers-dashboard.
3. Plak de App-ID op de pagina Inloggen met Facebook in je Shopify-beheercentrum in het veld App-ID van de sectie Inloggegevens.
4. Klik in je Meta for Developers-dashboard naast het App-geheim op Weergeven en kopieer vervolgens het App-geheim.
5. Plak het App-geheim op de pagina Inloggen met Facebook in je Shopify-beheercentrum in het veld App-geheim en klik vervolgens op Opslaan.
6. Klik in je Shopify-beheercentrum op Wijzigingen opslaan.

Stap 5: Inloggen met Facebook testen en activeren

1. Klik op de pagina Inloggen met Facebook in je Shopify-beheercentrum op Meer acties > Voorbeeld, en test vervolgens de Facebook-authenticatiestroom alsof je een klant bent die inlogt in je winkel.
2. Klik op Inschakelen.

Nadat je Inloggen met Facebook hebt ingeschakeld, kun je de klantervaring testen door naar je webshop te gaan en met Facebook in te loggen op je klantaccount.

Inloggen met Shop

Als je Shop Pay hebt geactiveerd, kan je klant inloggen met de Shop-inloggegevens en opgeslagen passkeys. Klanten worden ook automatisch ingelogd met Shop nadat ze in je winkel hebben afgerekend met Shop Pay.

Inloggen met Shop wordt automatisch geactiveerd voor klantaccounts en kan alleen uit je winkel worden verwijderd als je Shop Pay uitschakelt.

Lees hoe je een Inloggen met Shop-knop aan je winkel toevoegt.

Je opties voor inloggen via social media beheren

Je kunt een verbonden inlogmethode via social media bewerken, uitschakelen of verwijderen.

Nadat je een inlogmethode via social media hebt uitgeschakeld of verwijderd, blijven klanten ingelogd om onderbreking te voorkomen. Socialmediasessies verlopen vanzelf, of wanneer klanten uitloggen.

Stappen:

1. Ga vanuit het Shopify-beheercentrum naar Instellingen > Klantaccounts.

2. Klik in de sectie Verificatie op Beheren.

3. Klik naast de inlogmethode die je wilt wijzigen op het …-menu.

4. Voer een van de volgende acties uit:

   • Om een inlogoptie te bewerken, klik je op Beheren en update je vervolgens de inloggegevens die je wilt bewerken.
   • Om een inlogoptie uit te schakelen zonder deze te verwijderen, klik je op Uitschakelen.
   • Om een inlogoptie te verwijderen, klik je op Verwijderen en vervolgens nogmaals op Verwijderen in het dialoogvenster.

Je socialmedia-inlogopties updaten wanneer je het domein voor klantaccounts wijzigt

Als je van plan bent om je klantaccountdomein naar een andere URL te wijzigen, moet je je socialmedia-inloginstellingen updaten voordat je de wijziging in Shopify doorvoert. Dit zorgt ervoor dat klanten ononderbroken kunnen blijven inloggen.

Deze stappen zijn vereist wanneer je je klantaccount-URL in Shopify updatet van de verouderde indeling, zoals shopify.com/1234567890/account, naar de nieuwe subdomeinindeling account.your-store.com, of van een bestaand subdomein naar een ander subdomein, zoals het updaten van account.your-store.com naar customers.your-store.com.

Het nieuwe subdomein voor klantaccounts toevoegen aan je socialmedia-aanbieders

Je voegt het nieuwe domein toe aan de instellingen van je socialmedia-aanbieder naast je huidige domein. Nadat je het klantaccountdomein in Shopify hebt gewijzigd en hebt bevestigd dat het inlog- en uitlogproces voor klantaccounts werkt, kun je de oude domeingegevens verwijderen.

Je moet deze stappen herhalen voor elke inlogoptie via social media die je hebt geactiveerd.

Stappen: