Hjælp
Log ind

Socialt login for kundekonti

Ud over standardoplevelsen for adgangskodefrit login til kundekonti kan du tilknytte dine Google- og Facebook-konti for at lade kunder logge ind med deres sociale legitimationsoplysninger.

Når du aktiverer socialt login for kundekonti, kan det give kunderne en hurtigere loginoplevelse via kendte godkendelsesmetoder. Du kan aktivere flere metoder til socialt login i din butik.

Hvis du har tilknyttet din egen identitetsudbyder til kundekonti og vil tilknytte socialt login, skal du kontakte din eksterne identitetsudbyder.

På denne side

Overvejelser i forbindelse med tilknytning af socialt login til kundekonti

Gennemgå følgende overvejelser i forbindelse med tilknytning af socialt login til kundekonti:

  • Du skal have en udviklerkonto hos den udbyder, som du vil knytte til kundekonti.
  • De eneste kundedata, der synkroniseres til Shopify, når du bruger socialt login, er kundens mailadresse.

Tilknyt Google til kundekonti

Hvis du vil tilknytte Google til kundekonti, skal du udføre følgende opgaver i rækkefølge:

Under din opsætning skal du skifte mellem browserfaner for din Google Cloud Console og din Shopify-administrator. Du skal have opsat en Google Cloud-konto for at kunne knytte Google til kundekonti. Hvis du vil have mere at vide om Google Cloud, kan du se Googles hjælpedokumentation.

Trin 1: Åbn siden Log ind med Google i din Shopify-administrator

  1. Gå til Indstillinger > Kundekonti i din Shopify-administrator.

  2. Klik på Administrer i afsnittet Godkendelse.

  3. Klik på Tilknyt ud for Google for at åbne siden Log ind med Google.

Denne side indeholder oplysninger, som du forventes at kopiere og indsætte, når du konfigurerer din Google-apps OAuth-klient, så hold siden åben i en separat browserfane.

Trin 2: Opret en app i din Google Cloud Console

  1. Log ind på din Google Cloud Console i en anden browserfane.
  2. Vælg et eksisterende projekt, eller opret et nyt. Du omdirigeres til projektets kontrolpanel.
  3. Klik på Menu, og klik derefter på API'er og tjenester > Legitimationsoplysninger.
  4. Klik på Konfigurer samtykkeskærm > Kom i gang.
  5. Fuldfør oplysningerne om din OAuth-konfiguration for projektet:
    1. Giv din app et navn, som en kunde kan genkende, f.eks. navnet på din webshop. Angiv din mail til teknisk support, og klik derefter på Næste.
    2. Vælg Ekstern i afsnittet Målgruppe, og klik derefter på Næste.
    3. Angiv en kontaktmail til eventuelle meddelelser, som Google måtte have om projektet, og klik derefter på Næste.
    4. Acceptér Googles politik for brugerdata for API-tjenester, og klik derefter på Fortsæt.
    5. Klik på Opret.
  6. Konfigurer din apps politikoplysninger, der vises for kunderne på samtykkeskærmen:
    1. Klik på Branding.
    2. Inkluder et link til din startside, et link til din offentlige Politik om beskyttelse af persondata og et link til dine Servicevilkår i afsnittet App-domæne. Få mere at vide om, hvordan du opretter butikspolitikker.

Trin 3: Konfigurer din apps OAuth-klient i din Google Cloud Console

Dette trin kræver, at du kopierer oplysninger fra afsnittet Opsætningsvejledning på siden Log ind med Google i din Shopify-administrator, og at du indsætter dem i de tilhørende felter på din Google Cloud Console-fane.

  1. Klik på Oversigt i dit projekts app i Google Cloud Console.
  2. Klik på Opret OAuth-klient i afsnittet Metric-værdier.
  3. Konfigurer OAuth-klientens oplysninger:
    1. Vælg Webapplikation på rullemenuen Applikationstype.
    2. Angiv et navn i feltet Navn.
  4. Konfigurer de Autoriserede JavaScript-oprindelser for din app:
  5. Klik på + Tilføj URI i afsnittet Autoriserede JavaScript-oprindelser.
  6. Kopiér værdien for Autoriserede JavaScript-oprindelser på siden Log ind med Google i din Shopify-administrator.
  7. Indsæt værdien i feltet URI'er 1 i din Google Cloud Console.
  8. Hvis du har mere end én URI i afsnittet Autoriseret JavaScript i din Shopify-administrator, skal du gentage disse trin for de yderligere URI-felter.
  9. Konfigurer de Autoriserede URI'er for omdirigering for din app:
  10. Klik på + Tilføj URI i afsnittet Autoriserede URI'er for omdirigering i din Google Cloud Console.
  11. Kopiér værdien for Autoriseret URI for omdirigering på din browserfane med din Shopify-administrator.
  12. Gå tilbage til din Google Cloud Console, og indsæt værdien i feltet URI'er 1.
  13. Hvis du har mere end én URI i afsnittet Autoriseret URI for omdirigering i din Shopify-administrator, skal du gentage disse trin for de yderligere URI-felter.
  14. Klik på Opret i din Google Cloud Console.

Hold dialogboksen OAuth-klient oprettet, der vises, åben til Trin 4: Konfigurer legitimationsoplysningerne i din Shopify-administrator, da du skal kopiere og indsætte oplysninger fra Google Cloud Console i din Shopify-administrator.

Trin 4: Konfigurer legitimationsoplysningerne i din Shopify-administrator

  1. Kopiér dit Klient-id fra dialogboksen OAuth-klient oprettet i Google Cloud Console.
  2. På siden Log ind med Google i din Shopify-administrator skal du indsætte dit Klient-id i afsnittet Legitimationsoplysninger.
  3. Kopiér din Klienthemmelighed fra dialogboksen OAuth-klient oprettet i Google Cloud Console.
  4. På siden Log ind med Google i din Shopify-administrator skal du indsætte din Klienthemmelighed i afsnittet Legitimationsoplysninger.
  5. Klik på Gem på siden Log ind med Google i din Shopify-administrator.

Trin 5: Udgiv din app i Google Cloud Console

  1. Klik på Målgruppe i dit projekts app i Google Cloud Console.
  2. Klik på Udgiv app.

Forbind Facebook til kundekonti

Du skal udføre følgende opgaver i rækkefølge for at forbinde Facebook til kundekonti:

Under opsætningen skal du skifte mellem browserfaner for dit Meta for Developers-kontrolpanel og din Shopify-administrator. For at forbinde Facebook til kundekonti skal du have en Meta Developer-konto. Læs om, hvordan du registrerer dig som en Meta Developer.

Trin 1: Åbn siden Log ind med Facebook i din Shopify-administrator

  1. Gå til Indstillinger > Kundekonti i din Shopify-administrator.

  2. Klik på Administrer i afsnittet Godkendelse.

  3. Klik på Opret forbindelse ud for Facebook for at åbne siden Log ind med Facebook.

Trin 2: Opret en app i dit Meta for Developers-kontrolpanel

  1. Gå til Meta for Developers-kontrolpanelet i en separat browserfane, og klik derefter på Login for at logge ind. Hvis du ikke har konfigureret en Meta Developer-konto, skal du oprette en ny konto fra login-siden, før du fortsætter til næste trin.
  2. Klik på Apps.
  3. Klik på Opret app.
  4. Udfyld felterne Appnavn og Kontakt-e-mail for app, og klik derefter på Næste.
  5. På siden Tilføj usecases skal du vælge Godkend og anmod om data fra brugere med Facebook Login og derefter klikke på Næste.
  6. På siden Hvilken virksomhedsportefølje vil du forbinde til denne app? skal du vælge en virksomhedsportefølje eller vælge Jeg vil ikke forbinde en virksomhedsportefølje endnu. og derefter klikke på Næste.
  7. Gennemgå siden Krav til udgivelse, og klik derefter på Næste.
  8. Gennemgå siden Oversigt, og klik derefter på Gå til kontrolpanel.

Trin 3: Konfigurer indstillingerne for din Meta-app

  1. Når du har oprettet en app, skal du klikke på Usecases i dit Meta for Developers-kontrolpanel.
  2. Under usecasen Godkend og anmod om data fra brugere med Facebook Login skal du klikke på Tilpas.
  3. For at sikre, at kundeoplysninger registreres ved login, skal du klikke på Tilføj ud for e-mail i afsnittet Tilladelser og funktioner.
  4. Klik på Indstillinger, og gå derefter til Indstillinger for klient-OAuth.
  5. På siden Log ind med Facebook i din Shopify-administrator skal du kopiere omdirigerings-URL'en fra afsnittet Omdirigerings-URL'er.
  6. På siden Indstillinger i dit Meta for Developers-kontrolpanel skal du indsætte omdirigerings-URL'en i feltet Gyldige OAuth-omdirigerings-URI'er.
  7. Hvis du har mere end én omdirigerings-URL i afsnittet Omdirigerings-URL'er i din Shopify-administrator, skal du gentage disse trin for de yderligere omdirigerings-URL'er.
  8. På siden Log ind med Facebook i din Shopify-administrator skal du kopiere webadressen fra afsnittet Webadresse til fjernelse af autorisation.
  9. På siden Indstillinger i dit Meta for Developers-kontrolpanel skal du indsætte webadressen i feltet Callback-URL til fjernelse af autorisation.
  10. Klik på Gem ændringer på siden Indstillinger i dit Meta for Developers-kontrolpanel.

Trin 4: Konfigurer legitimationsoplysningerne i din Shopify-administrator

  1. Klik på ikonet Hjem for at vende tilbage til dit Meta for Developers-kontrolpanel, og klik derefter på Appindstillinger > Grundlæggende.
  2. Kopiér dit App-id fra dit Meta for Developers-kontrolpanel.
  3. På siden Log ind med Facebook i din Shopify-administrator skal du indsætte app-id'et i feltet App-id i afsnittet Legitimationsoplysninger.
  4. I dit Meta for Developers-kontrolpanel skal du klikke på Vis ud for App-hemmelighed og derefter kopiere din App-hemmelighed.
  5. På siden Log ind med Facebook i din Shopify-administrator skal du indsætte app-hemmeligheden i feltet App-hemmelighed og derefter klikke på Gem.
  6. Klik på Gem ændringer i din Shopify-administrator.

Trin 5: Test og aktivér Log ind med Facebook

  1. På siden Log ind med Facebook i din Shopify-administrator skal du klikke på Flere handlinger > Forhåndsvisning og derefter teste Facebook-godkendelsesforløbet, som om du var en kunde, der loggede ind i din butik.
  2. Klik på Aktivér.

Når du har aktiveret Log ind med Facebook, kan du teste kundeoplevelsen ved at navigere til din webshop og logge ind på din kundekonto via Facebook.

Log ind med Shop

Hvis du har aktiveret Shop Pay, kan din kunde logge ind med sine Shop-legitimationsoplysninger og gemte adgangsnøgler. Kunderne logges også automatisk ind med Shop, når de har betalt i din butik med Shop Pay.

Log ind med Shop aktiveres automatisk for kundekonti og kan kun fjernes fra din butik, hvis du deaktiverer Shop Pay.

Lær, hvordan du tilføjer knappen Log ind med Shop i din butik.

Administration af dine muligheder for socialt login

Du kan redigere, deaktivere eller fjerne en metode til socialt login, som du har tilknyttet.

Når du deaktiverer eller fjerner en metode til socialt login, forbliver kunderne logget ind for at forhindre afbrydelser. Sessioner med socialt login udløber naturligt, eller når kunderne logger ud.

Trin:

  1. Gå til Indstillinger > Kundekonti i din Shopify-administrator.

  2. Klik på Administrer i afsnittet Godkendelse.

  3. Klik på menuen … ud for den loginmetode, du vil ændre.

  4. Gør et af følgende:

    • Hvis du vil redigere en loginmulighed, skal du klikke på Administrer og derefter opdatere de legitimationsoplysninger, du vil redigere.
    • Hvis du vil deaktivere en loginmulighed uden at fjerne den, skal du klikke på Deaktiver.
    • Hvis du vil fjerne en loginmulighed, skal du klikke på Fjern og derefter klikke på Fjern i dialogboksen.

Opdatering af dine sociale login, når du ændrer dit domæne til kundekonti

Hvis du planlægger at ændre dit domæne til kundekonti til en anden webadresse, skal du opdatere dine indstillinger for socialt login, før du foretager ændringen i Shopify. Dette sikrer, at kunderne fortsat kan logge ind uden afbrydelser.

Disse trin er obligatoriske, når du opdaterer din webadresse til kundekonti i Shopify fra det ældre format, som f.eks. shopify.com/1234567890/account, til det nye format for underdomæner, account.your-store.com, eller fra et eksisterende underdomæne til et andet underdomæne, som f.eks. opdatering af account.your-store.com til customers.your-store.com.

Føj det nye underdomæne til kundekonti til dine sociale udbydere

Du tilføjer det nye domæne til din sociale udbyders indstillinger ved siden af dit nuværende domæne. Når du har ændret domænet til kundekonti i Shopify og bekræftet, at processen med at logge ind og ud af kundekonti fungerer, kan du fjerne de gamle domæneposter.

Du skal gentage disse trin for hver enkelt mulighed for socialt login, som du har aktiveret.

Trin:

Google
  1. Gå til Google Cloud Console, og åbn API'er og tjenester > Legitimationsoplysninger.
  2. Vælg den OAuth 2.0-klient, du har oprettet til Shopify.
  3. Tilføj en ny post under Godkendte JavaScript-oprindelser. For eksempel: https://account.your-store.com
  4. Tilføj en ny post under Godkendte omdirigerings-URI'er. For eksempel: https://account.your-store.com/authentication/social/google/callback
  5. Tilføj en ny post under Callback-webadresse for annullering af godkendelse. For eksempel: https://account.your-store.com/authentication/social/google/revoke
  6. Gem dine ændringer. Behold både den gamle og den nye webadresse indtil videre.
  7. Gå tilbage til din Shopify-administrator, og følg trinnene til at ændre dit domæne til konti til webadressen for det nye tilpassede underdomæne i Shopify.
  8. Test både at logge ind og at logge ud med hver social mulighed i dit storefront for at bekræfte, at alt fungerer.
  9. Valgfrit: Når det er bekræftet, at loginprocessen fungerer korrekt, kan du vende tilbage til Google og fjerne de gamle domæneposter.
Facebook
  1. Gå til Meta for Developers, og åbn din app.
  2. Gå til Facebook Login > Indstillinger.
  3. Tilføj en ny post under Gyldige OAuth-omdirigerings-URI'er. For eksempel: https://account.your-store.com/authentication/social/facebook/callback
  4. Tilføj en ny post under Callback-webadresse for annullering af godkendelse. For eksempel: https://account.your-store.com/authentication/social/facebook/revoke
  5. Gå til Indstillinger > Grundlæggende.
  6. Tilføj en ny post under Appdomæner. For eksempel: account.your-store.com
  7. Gem dine ændringer. Behold både den gamle og den nye webadresse indtil videre.
  8. Gå tilbage til din Shopify-administrator, og følg trinnene til at ændre dit domæne til konti til webadressen for det nye tilpassede underdomæne i Shopify.
  9. Test både at logge ind og at logge ud med hver social mulighed i dit storefront for at bekræfte, at alt fungerer.
  10. Valgfrit: Når det er bekræftet, at loginprocessen fungerer korrekt, kan du vende tilbage til Facebook og fjerne de gamle domæneposter.