Sosiaalisen median kirjautuminen asiakastileille

Asiakastilien oletuksena olevan salasanattoman kirjautumiskokemuksen lisäksi voit yhdistää Google- ja Facebook-tilisi, jotta asiakkaat voivat kirjautua sisään sosiaalisen median tunnuksillaan.

Sosiaalisen median kirjautumisen käyttöönotto asiakastileille voi tarjota asiakkaille nopeamman kirjautumiskokemuksen tuttujen todennustapojen avulla. Voit ottaa kaupassasi käyttöön useita sosiaalisen median kirjautumistapoja.

Jos olet yhdistänyt oman tunnistautumispalvelusi asiakastileihin ja haluat yhdistää sosiaalisen median kirjautumisen, sinun on otettava yhteyttä ulkoiseen tunnistautumispalveluusi.

Huomioitavaa sosiaalisen median kirjautumisen yhdistämisessä asiakastileihin

Käy läpi seuraavat seikat, jotka on syytä huomioida yhdistettäessä sosiaalisen median kirjautumista asiakastileihin:

  • Sinulla on oltava sen palveluntarjoajan kehittäjätili, jonka haluat yhdistää asiakastileihin.
  • Ainoa Shopifyn kanssa synkronoitava asiakastieto sosiaalisen median kirjautumista käytettäessä on asiakkaan sähköpostiosoite.

Googlen yhdistäminen asiakastileihin

Googlen yhdistäminen asiakastileihin edellyttää, että suoritat seuraavat tehtävät järjestyksessä:

Asennuksen aikana sinun on vaihdeltava Google Cloud Consolen ja Shopifyn ohjausnäkymän selainvälilehtien välillä. Sinulla on oltava Google Cloud -tili määritettynä, jotta voit yhdistää Googlen asiakastileihin. Lue lisää Google Cloudista Googlen ohjedokumentaatiosta.

Vaihe 1: Avaa Kirjaudu sisään Googlella -sivu Shopifyn ohjausnäkymässä

  1. Mene Shopifyn ohjausnäkymässä kohtaan Asetukset > Asiakastilit.

  2. Napsauta Todennus-osiossa Hallinnoi.

  3. Napsauta Google-kohdan vierestä Yhdistä avataksesi Kirjaudu sisään Googlella -sivun.

Tämä sivu sisältää tietoja, jotka sinun on kopioitava ja liitettävä määrittäessäsi Google-sovelluksesi OAuth-asiakasohjelmaa, joten pidä sivu auki erillisellä selainvälilehdellä.

Vaihe 2: Luo sovellus Google Cloud Consolessa

  1. Kirjaudu sisään Google Cloud Consoleen toisella selainvälilehdellä.
  2. Valitse olemassa oleva projekti tai luo uusi. Sinut uudelleenohjataan projektin koontinäyttöön.
  3. Napsauta Menu ja napsauta sitten API-rajapinnat ja palvelut > Tunnukset.
  4. Napsauta Määritä suostumusnäyttö > Aloita.
  5. Täytä projektin OAuth-määrityksen tiedot:
    1. Anna sovelluksellesi nimi, jonka asiakas tunnistaa, kuten verkkokauppasi nimi. Anna sähköpostiosoitteesi teknistä tukea varten ja napsauta sitten Seuraava.
    2. Valitse Yleisö-osiossa Ulkoinen ja napsauta sitten Seuraava.
    3. Anna sähköpostiosoite yhteydenottoja varten Googlen projektia koskevia ilmoituksia varten ja napsauta sitten Seuraava.
    4. Hyväksy Googlen API-palveluiden käyttäjätietokäytäntö ja napsauta sitten Jatka.
    5. Napsauta Luo.
  6. Määritä sovelluksesi käytäntötiedot, jotka näytetään asiakkaille suostumusnäytöllä:
    1. Napsauta Brändäys.
    2. Lisää Sovelluksen verkkotunnus -osioon linkki etusivullesi, linkki julkiseen Tietosuojakäytäntöösi ja linkki Käyttöehtoihisi. Lue lisää kaupan käytäntöjen luomisesta.

Vaihe 3: Määritä sovelluksesi OAuth-asiakasohjelma Google Cloud Consolessa

Tässä vaiheessa sinun on kopioitava tiedot Shopifyn ohjausnäkymän Kirjaudu sisään Googlella -sivun Asennusohjeet-osiosta ja liitettävä ne asianmukaisiin kenttiin Google Cloud Console -välilehdellä.

  1. Napsauta Google Cloud Consolen projektisi sovelluksessa Yleiskatsaus.
  2. Napsauta Mittarit-osiossa Luo OAuth-asiakasohjelma.
  3. Määritä OAuth-asiakasohjelman tiedot:
    1. Valitse Sovelluksen tyyppi -pudotusvalikosta Verkkosovellus.
    2. Kirjoita nimi Nimi-kenttään.
  4. Määritä sovelluksesi Valtuutetut JavaScript-alkuperät:
  5. Napsauta Valtuutetut JavaScript-alkuperät -osiossa + Lisää URI.
  6. Kopioi Valtuutetut JavaScript-alkuperät -arvo Shopifyn ohjausnäkymän Kirjaudu sisään Googlella -sivulta.
  7. Liitä arvo Google Cloud Consolessa URIs 1 -kenttään.
  8. Jos Shopifyn ohjausnäkymän Valtuutetut JavaScript-alkuperät -osiossa on useampi kuin yksi URI, toista nämä vaiheet muiden URI-kenttien osalta.
  9. Määritä sovelluksesi Valtuutetut uudelleenohjauksen URI-osoitteet:
  10. Napsauta Google Cloud Consolessa Valtuutetut uudelleenohjauksen URI-osoitteet -osiossa + Lisää URI.
  11. Kopioi Valtuutettu uudelleenohjauksen URI-osoite -arvo Shopifyn ohjausnäkymän selainvälilehdellä.
  12. Palaa Google Cloud Consoleen ja liitä arvo URIs 1 -kenttään.
  13. Jos Shopifyn ohjausnäkymän Valtuutettu uudelleenohjauksen URI-osoite -osiossa on useampi kuin yksi URI, toista nämä vaiheet muiden URI-kenttien osalta.
  14. Klikkaa Google Cloud Consolessa Luo.

Pidä avautuva OAuth-asiakas luotu -valintaikkuna auki vaihetta 4 varten: Määritä tunnukset Shopifyn ohjausnäkymässä, sillä sinun on kopioitava ja liitettävä tietoja Google Cloud Consolesta Shopifyn ohjausnäkymään.

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

  1. Kopioi Asiakastunnus Google Cloud Consolen OAuth-asiakas luotu -valintaikkunasta.
  2. Liitä Asiakastunnus Shopifyn ohjausnäkymän Kirjaudu sisään Googlella -sivun Tunnukset-osioon.
  3. Kopioi Asiakassalaisuus Google Cloud Consolen OAuth-asiakas luotu -valintaikkunasta.
  4. Liitä Asiakassalaisuus Shopifyn ohjausnäkymän Kirjaudu sisään Googlella -sivun Tunnukset-osioon.
  5. Klikkaa Shopifyn ohjausnäkymän Kirjaudu sisään Googlella -sivulla Tallenna.

Vaihe 5: Julkaise sovelluksesi Google Cloud Consolessa

  1. Klikkaa projektisi sovelluksessa Google Cloud Consolessa Yleisö.
  2. Klikkaa Julkaise sovellus.

Yhdistä Facebook asiakastileihin

Jos haluat yhdistää Facebookin asiakastileihin, sinun on suoritettava seuraavat tehtävät järjestyksessä:

Asennuksen aikana sinun on vaihdettava selaimen välilehteä Meta for Developers -koontinäytön ja Shopifyn ohjausnäkymän välillä. Jotta voit yhdistää Facebookin asiakastileihin, sinulla on oltava Meta Developer -tili. Lue lisää Meta Developer -tilin rekisteröimisestä.

Vaihe 1: Avaa Kirjaudu sisään Facebookilla -sivu Shopifyn ohjausnäkymässä

  1. Mene Shopifyn ohjausnäkymässä kohtaan Asetukset > Asiakastilit.

  2. Napsauta Todennus-osiossa Hallinnoi.

  3. Avaa Kirjaudu sisään Facebookilla -sivu klikkaamalla Facebookin vierestä Yhdistä.

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

  1. Siirry erillisellä selaimen välilehdellä Meta for Developers -koontinäyttöön ja kirjaudu sisään klikkaamalla Kirjaudu sisään. Jos et ole vielä luonut Meta Developer -tiliä, sinun on luotava uusi tili kirjautumissivulta ennen kuin siirryt seuraavaan vaiheeseen.
  2. Klikkaa Sovellukset.
  3. Klikkaa Luo sovellus.
  4. Täytä kentät Sovelluksen nimi ja Sovelluksen yhteyssähköpostiosoite, ja klikkaa sitten Seuraava.
  5. Valitse Lisää käyttötapauksia -sivulta Todenna ja pyydä tietoja käyttäjiltä Facebook-kirjautumisen avulla, ja klikkaa sitten Seuraava.
  6. Valitse Minkä yritysportfolion haluat yhdistää tähän sovellukseen -sivulta yritysportfolio, tai valitse En halua vielä yhdistää yritysportfoliota, ja klikkaa sitten Seuraava.
  7. Tarkista Julkaisuvaatimukset-sivu ja klikkaa sitten Seuraava.
  8. Tarkista Yleiskatsaus-sivu ja klikkaa sitten Siirry koontinäyttöön.

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

  1. Kun olet luonut sovelluksen, klikkaa Meta for Developers -koontinäytössä Käyttötapaukset.
  2. Klikkaa Todenna ja pyydä tietoja käyttäjiltä Facebook-kirjautumisen avulla -käyttötapauksen kohdalla Mukauta.
  3. Varmista asiakastietojen tallentuminen sisäänkirjautumisen yhteydessä klikkaamalla Käyttöoikeudet ja ominaisuudet -osiossa email-kohdan vierestä Lisää.
  4. Klikkaa Asetukset ja siirry sitten kohtaan Asiakasohjelman OAuth-asetukset.
  5. Kopioi Shopifyn ohjausnäkymän Kirjaudu sisään Facebookilla -sivulta uudelleenohjauksen URL-osoite Uudelleenohjauksen URL-osoitteet -osiosta.
  6. Liitä uudelleenohjauksen URL-osoite Meta for Developers -koontinäytön Asetukset-sivulla Voimassa olevat OAuth-uudelleenohjauksen URI-osoitteet -kenttään.
  7. Jos sinulla on Shopifyn ohjausnäkymän Uudelleenohjauksen URL-osoitteet -osiossa useita uudelleenohjauksen URL-osoitteita, toista nämä vaiheet muiden uudelleenohjauksen URL-osoitteiden osalta.
  8. Kopioi URL-osoite Shopifyn ohjausnäkymän Kirjaudu sisään Facebookilla -sivun Valtuutuksen purkamisen URL-osoite -osiosta.
  9. Liitä URL-osoite Meta for Developers -koontinäytön Asetukset-sivulla Valtuutuksen purkamisen takaisinkutsun URL-osoite -kenttään.
  10. Klikkaa Meta for Developers -koontinäytön Asetukset-sivulla Tallenna muutokset.

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

  1. Palaa Meta for Developers -koontinäyttöön klikkaamalla Koti-kuvaketta ja klikkaa sitten Sovellusasetukset > Perusasetukset.
  2. Kopioi Sovelluksen tunnus Meta for Developers -koontinäytöstä.
  3. Liitä sovelluksen tunnus Shopifyn ohjausnäkymän Kirjaudu sisään Facebookilla -sivulla Tunnukset-osion Sovelluksen tunnus -kenttään.
  4. Klikkaa Meta for Developers -koontinäytössä Näytä kohdan Sovelluksen salaisuus vierestä, ja kopioi sitten Sovelluksen salaisuus.
  5. Liitä sovelluksen salaisuus Shopifyn ohjausnäkymän Kirjaudu sisään Facebookilla -sivulla Sovelluksen salaisuus -kenttään, ja klikkaa sitten Tallenna.
  6. Klikkaa Shopifyn ohjausnäkymässä Tallenna muutokset.

Vaihe 5: Testaa ja aktivoi Kirjaudu sisään Facebookilla -toiminto

  1. Klikkaa Shopifyn ohjausnäkymän Kirjaudu sisään Facebookilla -sivulla Lisää toimintoja > Esikatselu, ja testaa sitten Facebookin todennuskulkua samalla tavalla kuin olisit kauppaasi sisäänkirjautuva asiakas.
  2. Klikkaa Ota käyttöön.

Kun olet ottanut Kirjaudu sisään Facebookilla -toiminnon käyttöön, voit testata asiakaskokemusta siirtymällä verkkokauppaasi ja kirjautumalla sisään asiakastilillesi Facebookin avulla.

Kirjaudu sisään Shopin avulla

Jos sinulla on Shop Pay aktivoituna, asiakkaasi voivat kirjautua sisään Shop-tunnuksillaan ja tallennetuilla todentamisavaimilla. Asiakkaat kirjataan sisään automaattisesti Shopin avulla myös sen jälkeen, kun he ovat suorittaneet maksun kassalla kaupassasi käyttämällä Shop Pay -palvelua.

Kirjaudu sisään Shop-tunnuksilla aktivoidaan automaattisesti asiakastileille, ja se voidaan poistaa kaupastasi vain, jos otat Shop Payn pois käytöstä.

Lue lisää siitä, miten voit lisätä Kirjaudu sisään Shop-tunnuksilla -painikkeen kauppaasi.

Sosiaalisen median sisäänkirjautumisvaihtoehtojen hallinta

Voit muokata yhdistämääsi sosiaalisen median sisäänkirjautumistapaa, ottaa sen pois käytöstä tai poistaa sen.

Kun olet ottanut sosiaalisen median sisäänkirjautumistavan pois käytöstä tai poistanut sen, asiakkaat pysyvät sisäänkirjautuneina häiriöiden välttämiseksi. Sosiaalisen median sisäänkirjautumisistunnot vanhentuvat luonnollisesti tai silloin, kun asiakkaat kirjautuvat ulos.

Vaiheet:

  1. Mene Shopifyn ohjausnäkymässä kohtaan Asetukset > Asiakastilit.

  2. Napsauta Todennus-osiossa Hallinnoi.

  3. Klikkaa muutettavan sisäänkirjautumistavan vieressä olevaa -valikkoa.

  4. Tee jokin seuraavista:

    • Jos haluat muokata sisäänkirjautumisvaihtoehtoa, klikkaa Hallinnoi ja päivitä sitten muokattavat tunnukset.
    • Jos haluat ottaa sisäänkirjautumisvaihtoehdon pois käytöstä poistamatta sitä, klikkaa Ota pois käytöstä.
    • Jos haluat poistaa sisäänkirjautumisvaihtoehdon, klikkaa Poista ja klikkaa sitten valintaikkunassa Poista.

Sosiaalisen median sisäänkirjautumisten päivittäminen asiakastilien verkkotunnusta muutettaessa

Jos aiot vaihtaa asiakastilien verkkotunnuksen toiseen URL-osoitteeseen, sinun on päivitettävä sosiaalisen median sisäänkirjautumisten asetukset ennen muutoksen tekemistä Shopifyssa. Tämä varmistaa, että asiakkaat voivat jatkaa sisäänkirjautumista keskeytyksettä.

Näitä vaiheita vaaditaan, kun päivität asiakastiliesi URL-osoitteen Shopifyssa vanhasta muodosta (esimerkiksi shopify.com/1234567890/account) uuteen aliverkkotunnusmuotoon (account.kauppasi.com) tai olemassa olevasta aliverkkotunnuksesta toiseen aliverkkotunnukseen (esimerkiksi päivittämällä account.kauppasi.com muotoon customers.kauppasi.com).

Lisää asiakastilien uusi aliverkkotunnus sosiaalisen median palveluntarjoajille

Lisäät uuden verkkotunnuksen sosiaalisen median palveluntarjoajasi asetuksiin nykyisen verkkotunnuksesi rinnalle. Kun olet muuttanut asiakastilien verkkotunnuksen Shopifyssa ja vahvistanut asiakastilien sisään- ja uloskirjautumisprosessin toimivuuden, voit poistaa vanhat verkkotunnusmerkinnät.

Sinun on toistettava nämä vaiheet jokaisen aktivoimasi sosiaalisen median sisäänkirjautumisvaihtoehdon kohdalla.

Vaiheet:

Google
  1. Siirry Google Cloud Consoleen ja avaa APIs & Services > Credentials.
  2. Valitse Shopifylle luomasi OAuth 2.0 -asiakastunnus.
  3. Lisää uusi merkintä kohtaan Authorized JavaScript origins. Esimerkki: https://account.kauppasi.com
  4. Lisää uusi merkintä kohtaan Authorized redirect URIs. Esimerkki: https://account.kauppasi.com/authentication/social/google/callback
  5. Lisää uusi merkintä kohtaan Deauthorize callback URL. Esimerkki: https://account.kauppasi.com/authentication/social/google/revoke
  6. Tallenna muutokset. Säilytä toistaiseksi sekä vanha että uusi URL-osoite.
  7. Palaa Shopifyn ohjausnäkymään ja seuraa vaiheita vaihtaaksesi tiliesi verkkotunnuksen uuteen mukautetun aliverkkotunnuksen URL-osoitteeseen Shopifyssa.
  8. Testaa sekä sisään- että uloskirjautumista kunkin myyntipaikkasi sosiaalisen median vaihtoehdon kohdalla vahvistaaksesi, että kaikki toimii.
  9. Valinnainen: Kun sisäänkirjautumisprosessin on vahvistettu toimivan oikein, voit palata Googleen ja poistaa vanhat verkkotunnusmerkinnät.
Facebook
  1. Siirry kohteeseen Meta for Developers ja avaa sovelluksesi.
  2. Siirry kohtaan Facebook Login > Settings.
  3. Lisää uusi merkintä kohtaan Valid OAuth Redirect URIs. Esimerkki: https://account.kauppasi.com/authentication/social/facebook/callback
  4. Lisää uusi merkintä kohtaan Deauthorize Callback URL. Esimerkki: https://account.kauppasi.com/authentication/social/facebook/revoke
  5. Siirry kohtaan Settings > Basic.
  6. Lisää uusi merkintä kohtaan App Domains. Esimerkki: account.kauppasi.com
  7. Tallenna muutokset. Säilytä toistaiseksi sekä vanha että uusi URL-osoite.
  8. Palaa Shopifyn ohjausnäkymään ja seuraa vaiheita vaihtaaksesi tiliesi verkkotunnuksen uuteen mukautetun aliverkkotunnuksen URL-osoitteeseen Shopifyssa.
  9. Testaa sekä sisään- että uloskirjautumista kunkin myyntipaikkasi sosiaalisen median vaihtoehdon kohdalla vahvistaaksesi, että kaikki toimii.
  10. Valinnainen: Kun sisäänkirjautumisprosessin on vahvistettu toimivan oikein, voit palata Facebookiin ja poistaa vanhat verkkotunnusmerkinnät.