Jak se přihlásit do e-shopu pomocí Facebooku?

Vytvořte si a nastavte uživatelské aplikace.

Je to chytrá funkce, která usnadní zákazníkům přístup na vaše stránky. Pokud si toto přihlášení aktivujete, budou se vaši zákazníci přihlašovat pomocí propojení s jejich Facebookovým účtem. Abyste si mohli nastavit přihlášení přes Facebook, je nutné vytvořit si speciální aplikaci.

Pojďte se s námi podívat, jak jí nastavit. Postupně Vás navedeme na správnou cestu.
 

1. Přihlášení:

• Nejdříve se přihlaste na stránky Facebook

Developer https://developers.facebook.com/.
 

• Přihlášení proveďte pod stejným Facebookovým účtem, pod jakým je vaše Facebooková stránka vytvořena.
• Nemáte-li vytvořenou žádnou aplikaci, vytvořte si jí následující cestou:

STISTKNĚTE TLAČÍTKO MY APPS A ADD NEW APP - naleznete jej vpravo nahoře v roletce vedle vyhledávacího okna.
 

• Stejně budete postupovat, pokud už nějakou aplikaci máte. Stačí přejít do vašeho účtu a vytvořit aplikaci.

• Ve Vyskakovacím okně vyplníte základní údaje:

DO POLÍČKA DISPLAY NAME VYPLŇTE NÁZEV VAŠÍ STRÁNKY A DO POLÍČKA CONTACT EMAIL VÁŠ KONTAKTNÍ E-MAIL A STISKNETE TLAČÍTKO CREATE APP ID.

• V dalším okně nezapomeňte vyplnit ověřovací text

2. Vytvoření aplikace:

• Po vyplnění základních údajů, budete přesměrováni na váš účet.

V LEVÉM MENU ZVOLÍTE MOŽNOST SETTINGS A NÁSLEDNĚ BASIC, zde se nacházejí základní údaje o vaší nové aplikaci.  

• V této sekci jsou pro vás nejdůležitější APP ID a APP SECRET. Tyto údaje musíte zkopírovat do administrace FastCentriku na následné místo:

 NASTAVENÍ/APLIKACE
 3. STRAN/SEKCE
 PŘIHLÁŠENÍ DO E-SHOPU/FACEBOOKU
 LOGIN BUTTON
 

• APP ID vložíte do administrace e-shopu do políčka ID APLIKACE
• Do pole soukromý klíč aplikace pak vložíte APP SECRET
• Možnost Povolit přihlášení pomocí Facebooku si zatrhněte, aby bylo přihlašovací tlačítko na vašem e-shopu viditelné.

• Na vašem e-shopu se poté zobrazí tlačítko Přihlásit přes Facebook vedle klasického přihlašování.

• Dále na účtu Facebook Developer vyberte v levém menu - SETTINGS a následně BASIC. U možnosti CATEGORY pak z roletky vyberte: BUSINESS AND PAGES.

• Po vybrání BUSINESS AND PAGES stiskněte níže tlačítko +ADD PLATFORM a vyberte, zde možnost WEBSITE.

• Do pole SITE URL vyplňte svou URL adresu včetně HTTPS. 
• Výsledná URL adresa v poli SITE URL tak bude vypadat např. takto: 

Např.: https://www.vaseshop.cz/

3. Dále pak vyplňujete:

• PRIVACY POLICY URL, do které vyplňte URL adresu na článek s obchodními podmínkami včetně HTTPS.
• APP DOMAINS do které vyplňte URL adresu vašeho projektu ve tvaru: www.domena.cz  (tedy bez HTTPS).
• APP ICON, do které nahrajte například logo vašeho e-shopu. Pozor však na podmínky udávané Facebookem pro danou ikonu. Podmínky aplikace Facebook máte vypsány během nahrávání obrázku.

• Po vyplnění pak vše uložte pomocí modrého tlačítka SAVE CHANGES, které se nachází v pravém dolním rohu.

4. V sekci PRODUCTS – Facebook login – Settings nastavte:

• Client OAuth Login – yes
• Web OAuth Login – yes
• Force web OAuth Reauthentication – no
• Use Strict Mode for Redirect URIs – yes
• Enforce HTTPS – yes
• Embedded Browser OAuth Login – no

5. V sekci Valid OAuth Redirect URIs:

• vyplňte vaši doménu včetně HTTPS, a k tomu za lomítko dovětek
  externalauthentication/oauthlogincallback/facebook
• Výsledná URL adresa bude tedy vypadat například takto:
  https://www.domena.cz/externalauthentication/oauthlogincallback/facebook

• V horní části přepněte aplikaci do publikované. Přepnutí provedete kliknutím na tlačítko OFF.

6. Poslední krok:

• Ujistit se o správnosti nastavení verze API. Settings – Advanced – UPGRADE API VERSION
• zde by mělo být vyplněno vždy pro položky:
  Upgrade All Calls a Upgrade Calls for App Roles verzce v 3.0

A je to!

Právě jste si nastavili kompletní přihlašování do vašeho e-shopu pomocí Facebooku.
 
Po přihlášení přes tlačítko Přihlásit přes Facebook, bude ještě potřeba přihlásit se do e-shopu pod uživatelským účtem, aby vaše účty mohly být spárovány.