Hjelp
Logg på

Sosial pålogging for kundekontoer

I tillegg til den standard passordløse påloggingsopplevelsen for kundekontoer, kan du koble til Google- og Facebook-kontoene dine for å la kundene logge inn med påloggingsinformasjonen sin for sosiale medier.

Aktivering av sosial pålogging for kundekontoer kan gi kundene en raskere påloggingsopplevelse med kjente autentiseringsmåter. Du kan aktivere flere sosiale påloggingsmåter i butikken.

Hvis du har koblet din egen identitetsleverandør til kundekontoer og vil koble til sosial pålogging, må du kontakte den eksterne identitetsleverandøren.

På denne siden

Viktige hensyn ved tilkobling av sosial pålogging til kundekontoer

Se gjennom følgende viktige hensyn for tilkobling av sosial pålogging til kundekontoer:

  • Du må ha en utviklerkonto for leverandøren du vil koble til kundekontoene.
  • De eneste kundedataene som synkroniseres med Shopify når du bruker sosial pålogging, er kundens e-postadresse.

Koble Google til kundekontoer

For å koble Google til kundekontoer, må du fullføre følgende oppgaver i rekkefølge:

Under oppsettet må du bytte mellom nettleserfanene for Google Cloud Console og Shopify-administratoren. Du må ha konfigurert en Google Cloud-konto for å koble Google til kundekontoer. Se Googles hjelpedokumentasjon for mer informasjon om Google Cloud.

Trinn 1: Åpne Logg inn med Google-siden i Shopify-administratoren

  1. Fra Shopify-administratoren går du til Innstillinger > Kundekontoer.

  2. I delen Autentisering klikker du på Administrer.

  3. Klikk på Koble til ved siden av Google for å åpne siden for Logg inn med Google.

Denne siden inneholder informasjon du må kopiere og lime inn når du konfigurerer OAuth-klienten til Google-appen din. Hold derfor denne siden åpen i en egen nettleserfane.

Trinn 2: Opprett en app i Google Cloud Console

  1. I en annen nettleserfane logger du inn på Google Cloud Console.
  2. Velg et eksisterende prosjekt, eller opprett et nytt. Du blir omdirigert til prosjektets instrumentbord.
  3. Klikk på Meny, og klikk deretter på API-er og tjenester > Påloggingsinformasjon.
  4. Klikk på Konfigurer samtykkeskjerm > Kom i gang.
  5. Fyll ut detaljene for prosjektets OAuth-konfigurasjon:
    1. Gi appen et navn som kunden kjenner igjen, for eksempel navnet på nettbutikken. Oppgi e-postadressen din for teknisk støtte, og klikk deretter på Neste.
    2. I delen Målgruppe velger du Ekstern, og klikker deretter på Neste.
    3. Oppgi en kontakt-e-postadresse for eventuelle varsler Google kan ha om prosjektet, og klikk deretter på Neste.
    4. Godta Googles retningslinjer for brukerdata for API-tjenester, og klikk deretter på Fortsett.
    5. Klikk på Opprett.
  6. Konfigurer appens informasjon om retningslinjer som vises til kundene på samtykkeskjermen:
    1. Klikk på Merkevarebygging.
    2. I delen App-domene inkluderer du en kobling til startsiden din, en kobling til de offentlige personvernreglene og en kobling til vilkårene for bruk. Finn ut mer om hvordan du oppretter retningslinjer for butikken.

Trinn 3: Konfigurer appens OAuth-klient i Google Cloud Console

I dette trinnet må du kopiere detaljer fra delen Instruksjoner for oppsett på siden Logg inn med Google i Shopify-administratoren og lime dem inn i de riktige feltene i fanen for Google Cloud Console.

  1. I prosjektets app i Google Cloud Console klikker du på Oversikt.
  2. I delen Beregninger klikker du på Opprett OAuth-klient.
  3. Konfigurer detaljer for OAuth-klienten:
    1. Fra rullegardinmenyen Applikasjonstype velger du Nettapplikasjon.
    2. Angi et navn i feltet Navn.
  4. Konfigurer Godkjente Javascript-opprinnelser for appen:
  5. I delen Godkjente Javascript-opprinnelser klikker du på + Legg til URI.
  6. Kopier verdien for Godkjente Javascript-opprinnelser på siden Logg inn med Google i Shopify-administratoren.
  7. I Google Cloud Console limer du inn verdien i feltet URI-er 1.
  8. Hvis du har mer enn én URI i delen Godkjent Javascript i Shopify-administratoren, gjentar du disse trinnene for de ekstra URI-feltene.
  9. Konfigurer Godkjente URI-er for omdirigering for appen:
  10. I Google Cloud Console, i delen Godkjente URI-er for omdirigering, klikker du på + Legg til URI.
  11. I nettleserfanen med Shopify-administratoren kopierer du verdien for Godkjent URI for omdirigering.
  12. Gå tilbake til Google Cloud Console, og lim deretter inn verdien i feltet URI-er 1.
  13. Hvis du har mer enn én URI i delen Godkjent URI for omdirigering i Shopify-administratoren, gjentar du disse trinnene for de ekstra URI-feltene.
  14. Klikk på Opprett i Google Cloud Console.

Hold dialogboksen OAuth client created som vises åpen for Trinn 4: Konfigurer påloggingsinformasjonen i Shopify-administratoren, siden du må kopiere og lime inn informasjon fra Google Cloud Console i Shopify-administratoren.

Trinn 4: Konfigurer påloggingsinformasjonen i Shopify-administratoren

  1. Kopier Klient-ID fra dialogboksen OAuth client created i Google Cloud Console.
  2. Lim inn Klient-ID i delen Påloggingsinformasjon på siden Logg inn med Google i Shopify-administratoren.
  3. Kopier Klienthemmelighet fra dialogboksen OAuth client created i Google Cloud Console.
  4. Lim inn Klienthemmelighet i delen Påloggingsinformasjon på siden Logg inn med Google i Shopify-administratoren.
  5. Klikk på Lagre på siden Logg inn med Google i Shopify-administratoren.

Trinn 5: Publiser appen i Google Cloud Console

  1. Klikk på Målgruppe i prosjektets app i Google Cloud Console.
  2. Klikk på Publiser app.

Koble Facebook til kundekontoer

For å koble Facebook til kundekontoer må du fullføre følgende oppgaver i denne rekkefølgen:

Under oppsettet må du bytte mellom nettleserfaner for instrumentbordet i Meta for Developers og Shopify-administratoren. For å koble Facebook til kundekontoer må du ha en Meta-utviklerkonto. Finn ut hvordan du registrerer deg som en Meta-utvikler.

Trinn 1: Åpne siden for Logg inn med Facebook i Shopify-administratoren

  1. Fra Shopify-administratoren går du til Innstillinger > Kundekontoer.

  2. I delen Autentisering klikker du på Administrer.

  3. Klikk på Koble til ved siden av Facebook for å åpne siden Logg inn med Facebook.

Trinn 2: Opprett en app i instrumentbordet for Meta for Developers

  1. Gå til instrumentbordet for Meta for Developers i en egen nettleserfane, og klikk på Logg inn for å logge inn. Hvis du ikke har opprettet en Meta-utviklerkonto ennå, må du opprette en ny konto fra innloggingssiden før du fortsetter til neste trinn.
  2. Klikk på Apper.
  3. Klikk på Opprett app.
  4. Fyll ut feltene for Appnavn og E-postadresse for appkontakt, og klikk deretter på Neste.
  5. På siden Legg til brukstilfeller velger du Autentiser og be om data fra brukere med Facebook-innlogging, og klikker deretter på Neste.
  6. På siden Hvilken bedriftsportefølje vil du koble til denne appen velger du en bedriftsportefølje, eller velger Jeg vil ikke koble til en bedriftsportefølje ennå, og klikker deretter på Neste.
  7. Gå gjennom siden Publiseringskrav, og klikk deretter på Neste.
  8. Gå gjennom Oversikt-siden, og klikk deretter på Gå til instrumentbord.

Trinn 3: Konfigurer innstillingene for Meta-appen

  1. Når du har opprettet en app, klikker du på Brukstilfeller i instrumentbordet for Meta for Developers.
  2. Klikk på Tilpass i brukstilfellet Autentiser og be om data fra brukere med Facebook-innlogging.
  3. For å sikre at kundeinformasjon registreres ved innlogging klikker du på Legg til ved siden av e-post i delen Tillatelser og funksjoner.
  4. Klikk på Innstillinger, og gå deretter til OAuth-innstillinger for klient.
  5. Kopier omdirigerings-URL-en fra delen Omdirigerings-URL-er på siden Logg inn med Facebook i Shopify-administratoren.
  6. Lim inn omdirigerings-URL-en i feltet Gyldige URI-er for OAuth-omdirigering på Innstillinger-siden i instrumentbordet for Meta for Developers.
  7. Hvis du har mer enn én omdirigerings-URL i delen Omdirigerings-URL-er i Shopify-administratoren, gjentar du disse trinnene for de andre omdirigerings-URL-ene.
  8. Kopier URL-adressen fra delen URL for avautorisering på siden Logg inn med Facebook i Shopify-administratoren.
  9. Lim inn URL-adressen i feltet URL-adresse for avautoriseringsoppkall på Innstillinger-siden i instrumentbordet for Meta for Developers.
  10. Klikk på Lagre endringer på Innstillinger-siden i instrumentbordet for Meta for Developers.

Trinn 4: Konfigurer påloggingsinformasjonen i Shopify-administratoren

  1. Klikk på Hjem-ikonet for å gå tilbake til instrumentbordet for Meta for Developers, og klikk deretter på Appinnstillinger > Grunnleggende.
  2. Kopier App-ID fra instrumentbordet for Meta for Developers.
  3. Lim inn App-ID-en i feltet App-ID i delen Påloggingsinformasjon på siden Logg inn med Facebook i Shopify-administratoren.
  4. Klikk på Vis ved siden av App-hemmelighet i instrumentbordet for Meta for Developers, og kopier deretter App-hemmeligheten.
  5. Lim inn App-hemmeligheten i feltet App-hemmelighet på siden Logg inn med Facebook i Shopify-administratoren, og klikk deretter på Lagre.
  6. Klikk på Lagre endringer i Shopify-administratoren.

Trinn 5: Test og aktiver Logg inn med Facebook

  1. Klikk på Flere handlinger > Forhåndsvis på siden Logg inn med Facebook i Shopify-administratoren, og test deretter autentiseringsflyten for Facebook som om du var en kunde som logget inn i butikken.
  2. Klikk på Slå på.

Når du har slått på Logg inn med Facebook, kan du teste kundeopplevelsen ved å navigere til nettbutikken og logge inn på kundekontoen din med Facebook.

Logg inn med Shop

Hvis du har aktivert Shop Pay, kan kunden logge inn med påloggingsinformasjonen sin for Shop og lagrede passnøkler. Kunder logges også automatisk inn med Shop etter at de har betalt i butikken din med Shop Pay.

Logg inn med Shop aktiveres automatisk for kundekontoer, og kan bare fjernes fra butikken hvis du deaktiverer Shop Pay.

Lær hvordan du legger til en Logg inn med Shop-knapp i butikken.

Administrere alternativer for sosial innlogging

Du kan redigere, slå av eller fjerne en sosial påloggingsmetode du har koblet til.

Når du har slått av eller fjernet en sosial påloggingsmetode, forblir kundene innlogget for å forhindre avbrudd. Økter for sosial innlogging utløper naturlig eller når kundene logger ut.

Trinn:

  1. Fra Shopify-administratoren går du til Innstillinger > Kundekontoer.

  2. I delen Autentisering klikker du på Administrer.

  3. Klikk på …-menyen ved siden av påloggingsmetoden du vil endre.

  4. Gjør et av følgende:

    • For å redigere et påloggingsalternativ klikker du på Administrer og oppdaterer deretter påloggingsinformasjonen du vil endre.
    • For å slå av et påloggingsalternativ uten å fjerne det, klikker du på Slå av.
    • For å fjerne et påloggingsalternativ klikker du på Fjern og deretter Fjern i dialogboksen.

Oppdatere sosiale innlogginger når du endrer domenet for kundekontoer

Hvis du planlegger å endre domenet for kundekontoer til en annen URL-adresse, må du oppdatere innstillingene for sosial innlogging før du gjør endringen i Shopify. Dette sikrer at kundene kan fortsette å logge inn uten avbrudd.

Disse trinnene kreves når du oppdaterer URL-adressen for kundekontoer i Shopify fra et eldre format, for eksempel shopify.com/1234567890/account, til det nye underdomeneformatet account.din-butikk.com, eller fra et eksisterende underdomene til et annet, for eksempel hvis du oppdaterer account.din-butikk.com til customers.din-butikk.com.

Legg til det nye underdomenet for kundekontoer hos sosiale tilbydere

Du må legge til det nye domenet i innstillingene til den sosiale tilbyderen, sammen med ditt nåværende domene. Når du har endret domenet for kundekontoer i Shopify og bekreftet at innlogging og utlogging fungerer, kan du fjerne de gamle domeneoppføringene.

Du må gjenta disse trinnene for hvert sosiale påloggingsalternativ du har aktivert.

Trinn:

Google
  1. Gå til Google Cloud Console og åpne APIs & Services > Credentials.
  2. Velg OAuth 2.0-klienten du opprettet for Shopify.
  3. Legg til en ny oppføring i Authorized JavaScript origins. For eksempel: https://account.din-butikk.com
  4. Legg til en ny oppføring i Authorized redirect URIs. For eksempel: https://account.din-butikk.com/authentication/social/google/callback
  5. Legg til en ny oppføring i Deauthorize callback URL. For eksempel: https://account.din-butikk.com/authentication/social/google/revoke
  6. Lagre endringene. Behold både den gamle og den nye URL-adressen inntil videre.
  7. Gå tilbake til Shopify-administratoren og følg trinnene for å endre kontodomenet til den nye URL-adressen for det egendefinerte underdomenet i Shopify.
  8. Test både innlogging og utlogging med hvert sosiale alternativ i utstillingsvinduet for å bekrefte at alt fungerer.
  9. Valgfritt: Når det er bekreftet at påloggingsprosessen fungerer som den skal, kan du gå tilbake til Google og fjerne de gamle domeneoppføringene.
Facebook
  1. Gå til Meta for Developers og åpne appen din.
  2. Gå til Facebook Login > Settings.
  3. Legg til en ny oppføring i Valid OAuth Redirect URIs. For eksempel: https://account.din-butikk.com/authentication/social/facebook/callback
  4. Legg til en ny oppføring i Deauthorize Callback URL. For eksempel: https://account.din-butikk.com/authentication/social/facebook/revoke
  5. Gå til Settings > Basic.
  6. Legg til en ny oppføring i App Domains. For eksempel: account.din-butikk.com
  7. Lagre endringene. Behold både den gamle og den nye URL-adressen inntil videre.
  8. Gå tilbake til Shopify-administratoren og følg trinnene for å endre kontodomenet til den nye URL-adressen for det egendefinerte underdomenet i Shopify.
  9. Test både innlogging og utlogging med hvert sosiale alternativ i utstillingsvinduet for å bekrefte at alt fungerer.
  10. Valgfritt: Når det er bekreftet at påloggingsprosessen fungerer som den skal, kan du gå tilbake til Facebook og fjerne de gamle domeneoppføringene.