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.

Vaihe 1: Avaa Sign in with Facebook -sivu Shopifyn ohjausnäkymässä

  1. Siirry Shopifyn ohjausnäkymästä kohtaan Asetukset > Asiakastilit.

  2. Klikkaa Todennus-osiossa Hallinnoi.

  3. Avaa Sign in with Facebook -sivu klikkaamalla Facebookin vierestä Yhdistä.

Vaihe 2: Luo sovellus Meta for Developers -koontinäytössä

  1. 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.
  2. Klikkaa Apps.
  3. Klikkaa Create App.
  4. Täytä kentät App name ja App contact email ja klikkaa sitten Next.
  5. Valitse Add use cases -sivulla Authenticate and request data from users with Facebook Login ja klikkaa sitten Next.
  6. 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.
  7. Tarkista Publishing requirements -sivu ja klikkaa sitten Next.
  8. Tarkista Overview-sivu ja klikkaa sitten Go to dashboard.

Vaihe 3: Määritä Meta-sovelluksen asetukset

  1. Kun olet luonut sovelluksen, klikkaa Meta for Developers -koontinäytössä Use cases.
  2. Klikkaa Authenticate and request data from users with Facebook Login -käyttötapauksessa Customize.
  3. Varmista asiakastietojen tallentuminen sisäänkirjautumisen yhteydessä klikkaamalla Permissions and features -osiossa email-kohdan vierestä Add.
  4. Klikkaa Settings ja siirry sitten kohtaan Client OAuth settings.
  5. Kopioi uudelleenohjauksen URL-osoite Shopifyn ohjausnäkymän Sign in with Facebook -sivun Uudelleenohjausten URL-osoitteet -osiosta.
  6. Liitä uudelleenohjauksen URL-osoite Meta for Developers -koontinäytön Settings-sivulla Valid OAuth Redirect URIs -kenttään.
  7. 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.
  8. Kopioi Shopifyn ohjausnäkymän Kirjaudu sisään Facebookilla -sivulla URL-osoite Deauthorize URL -osiosta.
  9. Liitä URL-osoite Meta for Developers -koontinäytön Settings-sivulla Deauthorize callback URL -kenttään.
  10. Klikkaa Meta for Developers -koontinäytön Settings-sivulla Save changes.

Vaihe 4: Määritä tunnukset Shopifyn ohjausnäkymässä

  1. Palaa Meta for Developers -koontinäyttöön ja klikkaa sitten App settings > Basic.
  2. Kopioi App ID Meta for Developers -koontinäytöstä.
  3. Liitä Shopifyn ohjausnäkymän Kirjaudu sisään Facebookilla -sivulla App ID Tunnukset-osion App ID -kenttään.
  4. Klikkaa Meta for Developers -koontinäytössä App secret -kohdan vierestä Show ja kopioi sitten App secret.
  5. Liitä Shopifyn ohjausnäkymän Kirjaudu sisään Facebookilla -sivulla App secret App secret -kenttään ja klikkaa sitten Tallenna.
  6. Klikkaa Shopifyn ohjausnäkymässä Tallenna muutokset.

Vaihe 5: Testaa ja ota käyttöön Kirjaudu sisään Facebookilla -ominaisuus

  1. 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.
  2. 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.