1. Hlavní stránka
  2. Aplikace
  3. Přihlašování přes sociální sítě

Přihlašování přes sociální sítě

Nastavení funkcí z tohoto návodu naleznete ve své administraci pouze při aplikovaných šablonách verze 4.0. Na starších šablonách tato funkce není podporována.

Po aktivaci této funkce se budou moci vaši zákazníci do e-shopu registrovat a posléze přihlašovat pomocí svých uživatelských účtů na různých sociálních sítích. Výrazně tak urychlíte nejen přihlašování, ale na pár vteřin zkrátíte i celý registrační proces zákazníka.

Defaultně je v administraci e-shopu aktivováno přihlášení pouze pomocí služby mojeID a pole pro FB atd. jsou prázdná viz. obrázek. Aktivovat můžete přihlašování také přes Facebook, Google, Twitter a Instagram. V tomto návodu si ukážeme, jak aktivovat Facebook a Google.  

Přihlašování přes sociální sítě

Aktivace a nastavení přihlášení přes Facebook

Běžte do administrace e-shopu sekce Aplikace-Přihlašování přes sociální sítě-záložka Faceboook. Zaškrtněte Aktivovat možnost přihlašování zákazníků pomocí Facebook a uložte.

Přihlašování přes sociální sítě

Pro aktivaci funkce Přihlášení přes sociální síť Facebook je nutné získat požadované kódy, které vložíte do pole ID respektive SECRET. Jak a kde kódy získáte?

Pokud již máte běžný Facebook účet, je nutné vytvořit také tzv. developerský účet.

  1. Přihlaste se do svého Facebook účtu
  2. Přejděte na stránku https://developers.facebook.com/  a založte developerský účet kliknutím na Register Now
  3. Vyskočí vám okno, kde propojíte svůj facebookový účet s developerským kliknutím na Next

Pojmenujte si libovolně aplikaci, např. „Facebook login“ a nechte e-mail, který vám formulář předvyplní.

V aplikace Facebook for developers v nabídce My Apps zvolte Create a new App

Přihlašování přes sociální sítě

 

Pojmenujte aplikaci např. Eshop login.  Email již bude předvyplněn. Dále pokračujte na Create App ID

Přihlašování přes sociální sítě

 

Na další stránce vyberte Integrate Facebook Login a potvrďte Confirm.

Přihlašování přes sociální sítě

V dalším okně v záložce Settings-Basic (1)se již dostanete k požadovaným kódům App ID (6) a App Secret (5). Do pole App Domains nejprve vyplňte jméno domény vašeho e-shopu ( např. https://www.bushcraftshop.cz). Do pole Privacy Policy URL vložte adresu stránky vašeho e-shopu, kde máte obchodní podmínky. App Secret (5) je potřeba odkrýt pomocí tlačítka Show (4). Nyní si zkopírujte oba kódy a stránku facebook developer nezavírejte!

Přihlašování přes sociální sítě

Běžte zpět do administrace e-shopu Aplikace-Přihlašování přes sociální sítě-záložka Faceboook a App ID a Secret vložte do příslušných políček (3) a uložte.

Přihlašování přes sociální sítě

V tomto okně si nyní zkopírujte speciální URL z pole Valid OAuth URIs (3). Tuto URL vám systém vygeneruje automaticky a místo číselné řady viz obrázek ( 1600064444) bude obsahovat jméno vaší domény.

Přihlašování přes sociální sítě

Pokračujte na záložku Settings v aplikaci Facebook Developer. V okně je pole Valid OAuth redirect URIs, do kterého  vložte tuto speciální URL adresu a uložte.

Přihlašování přes sociální sítě

Nyní je nutné aplikace oživit. V horním pravém menu změňte z OFF na ON. V pop-up okně vyberte v záložce Choose Category možnost Shopping a potvrďte. Status se změní na LIVE. 

Přihlašování přes sociální sítě

Přihlašování přes sociální sítě

 

Nyní ověřte, že vše proběhlo v pořádku. Otevřete váš e-shop a najeďte myší na horní lištu do sekce Přihlášení. Pokud vše proběhlo správně, zobrazí se tlačítko Přihlásit přes Facebook a vaši zákazníci se tak mohou na snadno a rychle přihlásit.  

Přihlašování přes sociální sítě

 

Aktivace a nastavení přihlášení přes Google

Stejnou funkcionalitu nabízí také Google. K aktivaci je nutné mít účet na Google a ve službě Google Search Console.

Pokud jste dosud nevyužívali služby v Google Search Console je nejprve nutné získat Google kód na ověření vlastnictví domény a vložit jej do příslušného pole v administraci e-shopu viz. obrázek (1).  

 Podrobný návod na verifikaci vaší domény naleznete na: Ověření vlastnictví domény 

Teprve po úspěšném ověření vaší domény lze pokračovat v samotném nastavení funkce Přihlášení přes sociální síť Google!

Dále se již přihlaste na https://console.developers.google.com

Pokud máte Google účet (nebo více účtů), vyberte příslušný Google účet, který požadujete spárovat se službou Google APIs Services. Pokud účet Google prozatím nemáte, účet nejprve založte a poté pokračujte na výše jmenovanou adresu služby.

Po propojení účtů se vám zobrazí rozhraní Google APIs Services pro aktivaci a nastavení požadované funkce. 

V levém horním menu vyberte Select a project (1) a po otevření pop up okna vyberte NEW PROJECT (2). Vyplňte jméno vašeho projektu (3) a zvolte CREATE (4).

Dále je nutné aktivovat Google API. Zvolte ENABLE APIS AND SERVICES (1), do vyhledávací pole zadejte Google+ (2), abyste nemuseli hledat příslušnou službu v dlouhém seznamu služeb. Zvolte Google+ API (3) a povolte tlačítkem ENABLE (4).

V dalších krocích získáme tzv. Credentials a příslušné kódy. Pokračujte v menu Credentials (1) v okně zvolte Create credentials (2) a OAuth client ID (3).

Nyní je nutné nastavení tzv. consent screen. Vyberte Configure consent screen (1).

V okně OAuth consent screen budeme nastavovat pole Application name (1) a Authorized domains (2). Do pole 1 vložte libovolné zvolený název a do pole 2 vložte jméno vaší domény ve tvaru vasedomena.cz a uložte. Zvolená doména musí být registrována ve službě Google Search Console viz. úvod tohoto návodu! 

Nyní se vraťte do administrace e-shopu Aplikace-Přihlašování přes sociální sítě-záložka Google. V poli Valid OAuth redirect URIs vám systém automaticky vygeneruje příslušný kód.

Vraťte se do služby Google APIs a zaškrtněte Web application (1) vyplňte jméno vaší aplikace Name (2) a do pole Authorized redirect URIs (3) vložte speciální URL adresu v příslušném tvaru a vytvořte pomocí tlačítka Create (4). 

POZOR
Po vyplnění pole Authorized redirect URIs je nutné změny aplikovat-tlačítko Create. Pokud vložíte příslušnou URL adresu a ihned přejdete na tlačítko Create a kliknete nedojde k vytvoření-uložení změn! Po vložení speciální URL je nutné kliknout do libovolného prázdného místa vedle pole. Poté dojde k zašednutí pole a je možné kliknout na tlačítko Create. Takto dojde k správnému uložení změn. Jedná se o technologickou komplikaci ve vlastní aplikaci Google APIs. 

Poté se již zobrazí pop up okno s požadovanými kódy client ID (1) a client Secret (2), které je nutné vložit do administrace e-shopu. 

Kódy zkopírujte do příslušných políček (1 a 2) v administraci e-shopu. Běžte do sekce Aplikace-Přihlašování přes sociální sítě-záložka Google. Zaškrtněte Aktivovat možnost přihlašování zákazníků pomocí Google a vložte kódy a uložte.

Pokračujte do vašeho e-shopu a pokuste se Přihlásit přes Google(1)

Vyberte účet Google (1), přes který se požadujete přihlásit.

V posledním okně povolte přístup k požadovaným datům pomocí tlačítka ALLOW (1).

Pokud jste prošli všemi kroky návodu přihlášení přes sociální síť Google+ je nyní aktivní.

Společnost Google i Facebook poměrně často upravují vzhled jednotlivých oken. Je tedy možné, že obrázky návodu a reálná okna nemusí být vizuálně zcela identické. Funkcionalita však bývá zachována.

 

 

Pomohl Vám tento návod? Ano 1 Ne 1