Prijava putem društvenih mreža za račune korisnika
Uz zadanu prijavu bez lozinke za račune korisnika, možete povezati račune za Google i Facebook i time korisnicima omogućiti prijavu s pomoću pristupnih podataka za društvene mreže.
Aktivacija prijave putem društvenih mreža za račune korisnika omogućuje bržu prijavu uz poznate metode provjere autentičnosti. U trgovini možete aktivirati više metoda prijave putem društvenih mreža.
Ako ste povezali vlastitog pružatelja usluga potvrde identiteta s računima korisnika i želite povezati prijavu putem društvenih mreža, morate se obratiti svom vanjskom pružatelju usluga potvrde identiteta.
Na ovoj stranici
- Napomene za povezivanje prijave putem društvenih mreža s računima korisnika
- Povezivanje Googlea s računima korisnika
- Povezivanje Facebooka s računima korisnika
- Prijava s pomoću aplikacije Shop
- Upravljanje opcijama prijave putem društvenih mreža
- Ažuriranje prijava putem društvenih mreža pri promjeni domene računa korisnika
Napomene za povezivanje prijave putem društvenih mreža s računima korisnika
Uzmite u obzir sljedeće napomene o povezivanju prijave putem društvenih mreža s računima korisnika:
- Morate imati račun razvojnog programera za pružatelja kojeg želite povezati s računima korisnika.
- Prilikom upotrebe prijave putem društvenih mreža, jedini podatak o korisniku koji se sinkronizira s platformom Shopify jest korisnikova adresa e-pošte.
Povezivanje Googlea s računima korisnika
Za povezivanje Googlea s računima korisnika morate navedenim redoslijedom dovršiti sljedeće zadatke:
- Korak 1: Otvorite stranicu Sign in with Google u administratorskom alatu za Shopify
- Korak 2: Izradite aplikaciju u alatu Google Cloud Console
- Korak 3: Konfigurirajte OAuth klijent za svoju aplikaciju u alatu Google Cloud Console
- Korak 4: Konfigurirajte pristupne podatke u administratorskom alatu za Shopify
- Korak 5: Objavite aplikaciju u alatu Google Cloud Console
Tijekom postavljanja morat ćete se prebacivati između kartica preglednika za alat Google Cloud Console i administratorski alat za Shopify. Za povezivanje Googlea s računima korisnika morate imati postavljen račun za Google Cloud. Kako biste saznali više o usluzi Google Cloud, pogledajte Googleovu dokumentaciju za pomoć.
Korak 1: Otvorite stranicu Sign in with Google u administratorskom alatu za Shopify
U administratorskom alatu za Shopify idite na Postavke > Računi korisnika.
U odjeljku Provjera autentičnosti kliknite Upravljaj.
Kliknite Poveži pored opcije Google da biste otvorili stranicu Sign in with Google.
Ova stranica sadrži informacije koje ćete morati kopirati i zalijepiti pri konfiguraciji OAuth klijenta svoje Googleove aplikacije, pa je ostavite otvorenu u zasebnoj kartici preglednika.
Korak 2: Izradite aplikaciju u alatu Google Cloud Console
- U drugoj kartici preglednika prijavite se u alat Google Cloud Console.
- Odaberite postojeći projekt ili izradite novi. Bit ćete preusmjereni na nadzornu ploču projekta.
- Kliknite
, a zatim API-ji i usluge > Pristupni podaci.
- Kliknite Konfiguriraj zaslon za pristanak > Započni.
- Unesite detalje OAuth konfiguracije za svoj projekt:
- Dodijelite aplikaciji naziv koji će korisnici prepoznati, poput naziva vaše internetske trgovine. Unesite svoju adresu e-pošte za tehničku podršku, a zatim kliknite Sljedeće.
- U odjeljku Publika odaberite Vanjsko i kliknite Sljedeće.
- Navedite e-adresu za kontakt za sve Googleove obavijesti o projektu, a zatim kliknite Sljedeće.
- Prihvatite Googleova Pravila o korisničkim podacima za API usluge i kliknite Nastavi.
- Kliknite Izradi.
- Konfigurirajte informacije o pravilima svoje aplikacije koja se korisnicima prikazuju na zaslonu za pristanak:
- Kliknite Brendiranje.
- U odjeljak Domena aplikacije uvrstite vezu na svoju početnu stranicu, vezu na javna pravila o privatnosti i vezu na uvjete pružanja usluge. Saznajte više o izradi pravila trgovine.
Korak 3: Konfigurirajte OAuth klijent za svoju aplikaciju u alatu Google Cloud Console
Za ovaj korak trebate kopirati pojedinosti iz odjeljka Upute za postavljanje na stranici Sign in with Google u administratorskom alatu za Shopify i zalijepiti ih u odgovarajuća polja na kartici za Google Cloud Console.
- U svojoj aplikaciji projekta u alatu Google Cloud Console kliknite Pregled.
- U odjeljku Mjerni podaci kliknite Izradi OAuth klijent.
- Konfigurirajte podatke za OAuth klijent:
- Na padajućem izborniku Vrsta aplikacije odaberite Web-aplikacija.
- U polje Naziv unesite naziv.
- Konfigurirajte polje Ovlašteni izvori za JavaScript za svoju aplikaciju:
- U odjeljku Ovlašteni izvori za JavaScript kliknite + Dodaj URI.
- Na stranici Sign in with Google u administratorskom alatu za Shopify kopirajte vrijednost za Ovlaštene izvore za JavaScript.
- U alatu Google Cloud Console zalijepite vrijednost u polje URI-ji 1.
- Ako imate više od jednog URI-ja u odjeljku Ovlašteni izvori za JavaScript u administratorskom alatu za Shopify, ponovite te korake za dodatna polja za URI-je.
- Konfigurirajte odjeljak Ovlašteni URI-ji preusmjeravanja za svoju aplikaciju:
- U alatu Google Cloud Console u odjeljku Ovlašteni URI-ji preusmjeravanja kliknite + Dodaj URI.
- Na kartici preglednika na kojoj je otvoren administratorski alat za Shopify kopirajte vrijednost za Ovlašteni URI preusmjeravanja.
- Vratite se na alat Google Cloud Console i zatim zalijepite vrijednost u polje URI-ji 1.
- Ako imate više od jednog URI-ja u odjeljku Ovlašteni URI preusmjeravanja u administratorskom alatu za Shopify, ponovite te korake za dodatna polja za URI-je.
- Na platformi Google Cloud Console kliknite Izradi.
Prikazani dijaloški okvir OAuth client created ostavite otvorenim za 4. korak: konfiguracija pristupnih podataka u administratorskom alatu za Shopify budući da informacije s platforme Google Cloud Console trebate kopirati i zalijepiti u svoj administratorski alat za Shopify.
4. korak: konfiguracija pristupnih podataka u administratorskom alatu za Shopify
- Iz dijaloškog okvira OAuth client created na platformi Google Cloud Console kopirajte Client ID (ID klijenta).
- Na stranici Prijava s pomoću Googlea u svom administratorskom alatu za Shopify, u odjeljku Pristupni podaci zalijepite Client ID (ID klijenta).
- Iz dijaloškog okvira OAuth client created na platformi Google Cloud Console kopirajte Client secret (Tajni ključ klijenta).
- Na stranici Prijava s pomoću Googlea u svom administratorskom alatu za Shopify, u odjeljku Pristupni podaci zalijepite Client secret (Tajni ključ klijenta).
- Na stranici Prijava s pomoću Googlea u svom administratorskom alatu za Shopify kliknite Spremi.
5. korak: objava aplikacije na platformi Google Cloud Console
- U aplikaciji svog projekta na platformi Google Cloud Console kliknite Audience (Publika).
- Kliknite Objavi aplikaciju.
Povezivanje Facebooka s računima korisnika
Kako biste povezali Facebook s računima korisnika, morate navedenim redoslijedom izvršiti sljedeće zadatke:
- 1. korak: otvaranje stranice Prijava s pomoću Facebooka u administratorskom alatu za Shopify
- 2. korak: izrada aplikacije na nadzornoj ploči platforme Meta for Developers
- 3. korak: konfiguracija postavki Meta aplikacije
- Korak 4: Konfigurirajte pristupne podatke u administratorskom alatu za Shopify
- 5. korak: testiranje i aktivacija Prijave s pomoću Facebooka
Tijekom postavljanja morat ćete prebacivati između kartica preglednika za nadzornu ploču platforme Meta for Developers i administratorski alat za Shopify. Da biste povezali Facebook s računima korisnika, morate imati račun Meta Developer. Saznajte kako se registrirati kao Meta Developer.
1. korak: otvaranje stranice Prijava s pomoću Facebooka u administratorskom alatu za Shopify
U administratorskom alatu za Shopify idite na Postavke > Računi korisnika.
U odjeljku Provjera autentičnosti kliknite Upravljaj.
Kliknite Poveži pored opcije Facebook za otvaranje stranice Prijava s pomoću Facebooka.
2. korak: izrada aplikacije na nadzornoj ploči platforme Meta for Developers
- U zasebnoj kartici preglednika idite na nadzornu ploču platforme Meta for Developers, a zatim kliknite Prijava. Ako niste postavili račun Meta Developer, s pomoću stranice za prijavu trebate izraditi novi račun prije nego što prijeđete na sljedeći korak.
- Kliknite Aplikacije.
- Kliknite Izradi aplikaciju.
- Ispunite polja Naziv aplikacije i E-adresa za kontakt aplikacije, a zatim kliknite Dalje.
- Na stranici Dodavanje slučajeva upotrebe odaberite Autentifikacija i zahtijevanje podataka od korisnika pomoću opcije Facebook Login, a zatim kliknite Dalje.
- Na stranici Koji poslovni portfelj želite povezati s ovom aplikacijom? odaberite poslovni portfelj ili odaberite Ne želim još povezati poslovni portfelj., a zatim kliknite Dalje.
- Pregledajte stranicu Zahtjevi za objavu, a zatim kliknite Dalje.
- Pregledajte stranicu Pregled, a zatim kliknite Idi na nadzornu ploču.
3. korak: konfiguracija postavki Meta aplikacije
- Nakon izrade aplikacije na svojoj nadzornoj ploči Meta for Developers kliknite Slučajevi upotrebe.
- Za slučaj upotrebe Autentifikacija i zahtijevanje podataka od korisnika pomoću opcije Facebook Login kliknite Prilagodi.
- Kako biste osigurali prikupljanje podataka o korisnicima pri prijavi, u odjeljku Dopuštenja i značajke pored stavke e-adresa kliknite Dodaj.
- Kliknite Postavke, a zatim idite na Postavke za klijent OAuth.
- Na stranici Prijava s pomoću Facebooka u svom administratorskom alatu za Shopify kopirajte URL za preusmjeravanje iz odjeljka URL-ovi za preusmjeravanje.
- Na stranici Postavke na svojoj nadzornoj ploči Meta for Developers zalijepite URL za preusmjeravanje u polje Važeći URL-ovi za preusmjeravanje za OAuth.
- Ako imate više od jednog URL-a za preusmjeravanje u odjeljku URL-ovi za preusmjeravanje u administratorskom alatu za Shopify, ponovite te korake za dodatne URL-ove za preusmjeravanje.
- Na stranici Prijava s pomoću Facebooka u svom administratorskom alatu za Shopify kopirajte URL iz odjeljka URL za ukidanje ovlaštenja.
- Na stranici Postavke na svojoj nadzornoj ploči Meta for Developers zalijepite URL u polje URL za povratni poziv ukidanja ovlaštenja.
- Na stranici Postavke na svojoj nadzornoj ploči Meta for Developers kliknite Spremi promjene.
4. korak: konfiguracija pristupnih podataka u administratorskom alatu za Shopify
- Kliknite ikonu Početna stranica za povratak na svoju nadzornu ploču Meta for Developers, a zatim kliknite Postavke aplikacije > Osnovno.
- Kopirajte ID aplikacije sa svoje nadzorne ploče Meta for Developers.
- Na stranici Prijava s pomoću Facebooka u svom administratorskom alatu za Shopify zalijepite ID aplikacije u polje ID aplikacije u odjeljku Pristupni podaci.
- Na svojoj nadzornoj ploči Meta for Developers kliknite Prikaži pored stavke Tajni ključ aplikacije, a zatim kopirajte Tajni ključ aplikacije.
- Na stranici Prijava s pomoću Facebooka u svom administratorskom alatu za Shopify zalijepite tajni ključ aplikacije u polje Tajni ključ aplikacije, a zatim kliknite Spremi.
- U administratorskom alatu za Shopify kliknite Spremi promjene.
5. korak: testiranje i aktivacija Prijave s pomoću Facebooka
- Na stranici Prijava s pomoću Facebooka u administratorskom alatu za Shopify kliknite Više radnji > Pregled, a zatim isprobajte tijek autentifikacije na Facebooku kao da ste korisnik koji se prijavljuje u vašu trgovinu.
- Kliknite Uključi.
Nakon što uključite Prijavu s pomoću Facebooka, možete isprobati korisničko iskustvo tako da odete u svoju internetsku trgovinu i prijavite se na svoj račun korisnika s pomoću Facebooka.
Prijava s pomoću usluge Shop
Ako ste aktivirali uslugu Shop Pay, vaš se korisnik može prijaviti sa svojim pristupnim podacima za Shop i spremljenim pristupnim ključevima. Korisnici su također automatski prijavljeni s pomoću usluge Shop nakon što plate u vašoj trgovini upotrebom usluge Shop Pay.
Značajka Prijava s pomoću usluge Shop automatski je aktivirana za račune korisnika i može se ukloniti iz trgovine samo ako deaktivirate Shop Pay.
Saznajte kako dodati gumb Prijava s pomoću usluge Shop u trgovinu.
Upravljanje opcijama prijave putem društvenih mreža
Povezani način prijave putem društvenih mreža možete urediti, isključiti ili ukloniti.
Nakon isključivanja ili uklanjanja načina prijave putem društvenih mreža, korisnici ostaju prijavljeni kako bi se spriječili prekidi. Sesije prijave putem društvenih mreža istječu prirodno ili kada se korisnici odjave.
Koraci:
U administratorskom alatu za Shopify idite na Postavke > Računi korisnika.
U odjeljku Provjera autentičnosti kliknite Upravljaj.
Pored načina prijave koji želite promijeniti kliknite izbornik ….
Učinite nešto od sljedećeg:
- Za uređivanje opcije prijave kliknite Upravljaj, a zatim ažurirajte pristupne podatke koje želite urediti.
- Za isključivanje opcije prijave bez njezina uklanjanja kliknite Isključi.
- Za uklanjanje opcije prijave kliknite Ukloni, a zatim u dijaloškom okviru kliknite Ukloni.
Ažuriranje prijava putem društvenih mreža prilikom promjene domene računa korisnika
Ako planirate promijeniti domenu računa korisnika na drugi URL, morate ažurirati postavke prijave putem društvenih mreža prije unošenja promjene na platformi Shopify. Time se korisnicima osigurava neometan nastavak prijavljivanja.
Ovi su koraci nužni kada na platformi Shopify ažurirate URL računa korisnika iz naslijeđenog formata, kao što je shopify.com/1234567890/account, u novi format poddomene account.your-store.com, ili iz postojeće poddomene u drugu poddomenu, primjerice kada ažurirate account.your-store.com u customers.your-store.com.
Dodavanje nove poddomene računa korisnika kod pružatelja usluga društvenih mreža
Novu ćete domenu dodati u postavke pružatelja usluga društvenih mreža uz trenutačnu domenu. Nakon što na platformi Shopify promijenite domenu računa korisnika te potvrdite da postupak prijave i odjave s računa korisnika funkcionira, moći ćete ukloniti stare unose domene.
Ove korake morate ponoviti za svaku opciju prijave putem društvenih mreža koju ste aktivirali.
Koraci:
- Otvorite konzolu Google Cloud Console i idite na APIs & Services > Credentials.
- Odaberite OAuth 2.0 Client koji ste izradili za Shopify.
- U odjeljku Authorized JavaScript origins dodajte novi unos. Primjerice:
https://account.your-store.com - U odjeljku Authorized redirect URIs dodajte novi unos. Primjerice:
https://account.your-store.com/authentication/social/google/callback - U odjeljku Deauthorize callback URL dodajte novi unos. Primjerice:
https://account.your-store.com/authentication/social/google/revoke - Spremite promjene. Zasad zadržite i stari i novi URL.
- Vratite se u administratorski alat za Shopify i slijedite korake za promjenu domene računa na novi URL prilagođene poddomene na platformi Shopify.
- Testirajte prijavu i odjavu za svaku opciju društvenih mreža u internetskoj trgovini kako biste potvrdili da sve funkcionira.
- Neobavezno: kada se potvrdi da postupak prijave pravilno funkcionira, možete se vratiti na Google i ukloniti stare unose domene.
- Otvorite web-mjesto Meta for Developers i otvorite svoju aplikaciju.
- Idite na Facebook Login > Settings.
- U odjeljku Valid OAuth Redirect URIs dodajte novi unos. Primjerice:
https://account.your-store.com/authentication/social/facebook/callback - U odjeljku Deauthorize Callback URL dodajte novi unos. Primjerice:
https://account.your-store.com/authentication/social/facebook/revoke - Idite na Settings > Basic.
- U odjeljku App Domains dodajte novi unos. Primjerice:
account.your-store.com - Spremite promjene. Zasad zadržite i stari i novi URL.
- Vratite se u administratorski alat za Shopify i slijedite korake za promjenu domene računa na novi URL prilagođene poddomene na platformi Shopify.
- Testirajte prijavu i odjavu za svaku opciju društvenih mreža u internetskoj trgovini kako biste potvrdili da sve funkcionira.
- Neobavezno: kada se potvrdi da postupak prijave pravilno funkcionira, možete se vratiti na Facebook i ukloniti stare unose domene.