Yhdistä Facebook asiakastileihin
Yhdistä Facebook asiakastileihin suorittamalla seuraavat tehtävät järjestyksessä. Asennuksen aikana sinun on vaihdeltava selaimen välilehtiä Meta for Developers -koontinäytön ja Shopifyn ohjausnäkymän välillä. Facebookin yhdistäminen asiakastileihin edellyttää Meta Developer -tiliä. Lue, miten voit rekisteröityä Meta Developer -käyttäjäksi.
Tällä sivulla
Vaihe 1: Avaa Sign in with Facebook -sivu Shopifyn ohjausnäkymässä
Siirry Shopifyn ohjausnäkymästä kohtaan Asetukset > Asiakastilit.
Klikkaa Todennus-osiossa Hallinnoi.
Avaa Sign in with Facebook -sivu klikkaamalla Facebookin vierestä Yhdistä.
Vaihe 2: Luo sovellus Meta for Developers -koontinäytössä
- Siirry toisella selaimen välilehdellä Meta for Developers -koontinäyttöön ja kirjaudu sisään klikkaamalla Login. Jos et ole luonut Meta Developer -tiliä, sinun on luotava uusi tili kirjautumissivulta ennen kuin jatkat seuraavaan vaiheeseen.
- Klikkaa Apps.
- Klikkaa Create App.
- Täytä kentät App name ja App contact email ja klikkaa sitten Next.
- Valitse Add use cases -sivulla Authenticate and request data from users with Facebook Login ja klikkaa sitten Next.
- Valitse Which business portfolio do you want to connect to this app -sivulla yritysportfolio, tai valitse I don't want to connect a business portfolio yet. ja klikkaa sitten Next.
- Tarkista Publishing requirements -sivu ja klikkaa sitten Next.
- Tarkista Overview-sivu ja klikkaa sitten Go to dashboard.
Vaihe 3: Määritä Meta-sovelluksen asetukset
- Kun olet luonut sovelluksen, klikkaa Meta for Developers -koontinäytössä Use cases.
- Klikkaa Authenticate and request data from users with Facebook Login -käyttötapauksessa Customize.
- Varmista asiakastietojen tallentuminen sisäänkirjautumisen yhteydessä klikkaamalla Permissions and features -osiossa email-kohdan vierestä Add.
- Klikkaa Settings ja siirry sitten kohtaan Client OAuth settings.
- Kopioi uudelleenohjauksen URL-osoite Shopifyn ohjausnäkymän Sign in with Facebook -sivun Uudelleenohjausten URL-osoitteet -osiosta.
- Liitä uudelleenohjauksen URL-osoite Meta for Developers -koontinäytön Settings-sivulla Valid OAuth Redirect URIs -kenttään.
- Jos Shopifyn ohjausnäkymän Uudelleenohjauksen URL-osoitteet ‑osiossa on useampi kuin yksi uudelleenohjauksen URL-osoite, toista nämä vaiheet muiden uudelleenohjauksen URL-osoitteiden kohdalla.
- Kopioi Shopifyn ohjausnäkymän Kirjaudu sisään Facebookilla -sivulla URL-osoite Deauthorize URL -osiosta.
- Liitä URL-osoite Meta for Developers -koontinäytön Settings-sivulla Deauthorize callback URL -kenttään.
- Klikkaa Meta for Developers -koontinäytön Settings-sivulla Save changes.
Vaihe 4: Määritä tunnukset Shopifyn ohjausnäkymässä
- Palaa Meta for Developers -koontinäyttöön ja klikkaa sitten App settings > Basic.
- Kopioi App ID Meta for Developers -koontinäytöstä.
- Liitä Shopifyn ohjausnäkymän Kirjaudu sisään Facebookilla -sivulla App ID Tunnukset-osion App ID -kenttään.
- Klikkaa Meta for Developers -koontinäytössä App secret -kohdan vierestä Show ja kopioi sitten App secret.
- Liitä Shopifyn ohjausnäkymän Kirjaudu sisään Facebookilla -sivulla App secret App secret -kenttään ja klikkaa sitten Tallenna.
- Klikkaa Shopifyn ohjausnäkymässä Tallenna muutokset.
Vaihe 5: Testaa ja ota käyttöön Kirjaudu sisään Facebookilla -ominaisuus
- Klikkaa Shopifyn ohjausnäkymän Kirjaudu sisään Facebookilla -sivulla Lisää toimintoja > Esikatselu, ja testaa sitten Facebook-todennuskulkua ikään kuin olisit kauppaasi sisään kirjautuva asiakas.
- Klikkaa Ota käyttöön.
Kun olet ottanut Kirjaudu sisään Facebookilla -ominaisuuden käyttöön, voit testata asiakaskokemusta siirtymällä verkkokauppaasi ja kirjautumalla sisään asiakastilillesi Facebookin avulla.