Přihlašování přes sociální sítě
Díky doplňku Sociální sítě můžete mimo jiné nastavit, aby se zákazníci přihlásili na e-shop pomocí účtu Google. Taková registrace je zcela plnohodnotná, v administraci e-shopu se založí účet zákazníka. Zákazník tedy bude zahrnutý do programu věrnostních slev apod.
Pro správnou činnost této funkce je třeba mít e-shop zabezpečený protokolem HTTPS.
Více informací o propojení s dalšími sociálními sítěmi a o widgetech se dozvíte v článku Sociální sítě.
Návod na přihlašování přes Facebook najdete v článku Přihlašování přes sociální sítě – Facebook.
Pokud byste potřebovali poradit s výběrem a objednáním doplňku, kontaktujte nás na info@shoptet.cz.
Přihlášení pomocí Google
Vašim zákazníkům lze umožnit přihlášení také pomocí účtu Google. Pro vytvoření aplikace, která to umožní, Google vyžaduje ověření vlastnictví webové stránky, pro kterou přihlašování vytváříte v Google Search Console. Postup, jak stránku do služby Google přidat a jak ověřit její vlastnictví, najdete v našem článku Google Search Console, konkrétně v kapitolách, které se věnují přidání stránky a jejímu ověření.
Pro propojení se službou Google APIs je třeba mít svůj vlastní účet Google. Pokud jej nemáte, založte si jej.
Jestliže máte více účtů Google, vyberte ten, který chcete spárovat se službou Google APIs.
Krok 1
Zde vstupte na stránky Google APIs: https://console.developers.google.com.
Na stránkách klikněte na Select Project. Pokud máte již projekt na vytvoření přihlášení vytvořený, vyberte jej. Pokud žádný založený nemáte, klikněte na tlačítko New Project (obrázek 01).
obrázek 01
Otevře se vám nové okno nového projektu (New Project). Vyplňte název projektu (v našem příkladu Login Google) a klikněte na tlačítko Create (obrázek 02).
obrázek 02
Krok 2
Nyní je nutné aktivovat Google API. Na úvodní obrazovce zvolte tlačítko + Enable APIs and Services (obrázek 03).
obrázek 03
Do pole pro vyhledávání zadejte výraz Google+. Následně ze zobrazených možností vyberte Google+ API (obrázek 04).
Na následující obrazovce pak klikněte na tlačítko Enable.
obrázek 04
Následně se vám objeví obrazovka jako na obrázku 05. Klikněte na tlačítko Create Credentials (obrázek 05).
obrázek 05
Na následující obrazovce zvolte v rozbalovací nabídce možnost Google+ API tak, jako je vidíte na obrázku 06. Nakonec klikněte na tlačítko What credentials do I need? (obrázek 06).
obrázek 06
V následujícím okně se objeví váš API key (API klíč). Následně klikněte na tlačítko Done (obrázek 07).
obrázek 07
Dále se objevíte na stránce Credentials. Klikněte na tlačítko Configure Consent Screen (obrázek 08).
obrázek 08
V následujících dialogových oknech nastavíte obsah obrazovky, na které budou později klienti vyjadřovat souhlas s vašimi podmínkami zpracování osobních údajů.
V následujícím dialogovém okně zvolte, zda se jedná o interní či externí aplikaci. Jelikož se jedná o aplikaci pro vaše klienty, je třeba ji vést jako veřejnou. Tedy zvolte možnost External. Klikněte na tlačítko Done (obrázek 09).
obrázek 09
Na následující stránce je třeba vyplnit název vaší aplikace (Aplication name). Můžete také nahrát logo vašeho e-shopu (Application logo).
V políčku Support email uveďte kontaktní e-mail, na který se mohou vaši zákazníci obrátit s žádostí o pomoc.
V políčku Authorized domains uveďte název domény, na které budete aplikaci používat. Musí se jednat o doménu, jíž jste vlastník nebo ke které máte správcovské oprávnění. Ověření domény můžete provést dle návodu v našem článku Google Search Console.
Do políčka Application Homepage link vložte domovskou stránku vašeho e-shopu.
Do políčka Application Privacy Policy link vložte link na adresu, na které se na vašem e-shopu nacházejí Podmínky ochrany osobních údajů. V políčku Application Terms of Service můžete vložte také link na vaše Obchodní podmínky. Více informací o nastavení obchodních a dalších podmínek na e-shopu najdete v článku Nastavení souhlasů.
Úpravy ukončíte kliknutím na tlačítko Save (Uložit) (obrázek 10).
obrázek 10
Krok 3
Přejděte na stránku Credentials. Klikněte na tlačítko Create credentials a vyberte možnost OAuth client ID (obrázek 11).
obrázek 11Na následující stránce Create OAuth client ID vyberte jako typ aplikace možnost Web application (obrázek 12).
V administraci vašeho e-shopu otevřete umístění Propojení → Sociální sítě, záložka Google. V sekci Povolit přihlášení zkopírujte adresu, která se nachází v řádku Vaše "Redirect URIs" . Má vždy stejný tvar jako: http://www.domena-eshopu.cz/cms/libs/hybridauth/index.php?hauth.done=Google. Liší se jen názvem vaší domény (obrázek 13).
Tuto adresu vložte do pole Authorized redirect URIs v administraci Google. Nakonec klikněte na tlačítko Create (obrázek 12).
obrázek 12
obrázek 13
Krok 4
Poté, co v administraci Google kliknete na tlačítko Create, objeví se obrazovka, na které uvidíte Vaše "Client ID" (nahoře) a Váš "Client Secret" (dole) (obrázek 14).
obrázek 14
Kódy postupně zkopírujte z obou políček a vložte je do příslušných prázdných políček Vaše "Client ID" (nahoře) a Vaše "Client Secret" (obrázek 15).
obrázek 15
V administraci Google, potom co kódy zkopírujete, klikněte na tlačítko OK.
V administraci e-shopu nezapomeňte kliknout vpravo nahoře na tlačítko Uložit.
Tím je vše nastaveno. Vašim zákazníkům se políčko přihlášení přes Google zobrazí na e-shopu takto (obrázek 16).
obrázek 16