Bantuan
Masuk

Masuk dengan akun sosial untuk akun pelanggan

Selain pengalaman masuk tanpa kata sandi default untuk akun pelanggan, Anda dapat menghubungkan akun Google dan Facebook agar pelanggan dapat masuk menggunakan kredensial sosial mereka.

Mengaktifkan masuk dengan akun sosial untuk akun pelanggan dapat memberikan pengalaman masuk yang lebih cepat kepada pelanggan melalui metode autentikasi yang sudah dikenal. Anda dapat mengaktifkan beberapa metode masuk dengan akun sosial di toko Anda.

Jika Anda telah menghubungkan penyedia identitas Anda sendiri ke akun pelanggan dan ingin menghubungkan fitur masuk dengan akun sosial, Anda harus menghubungi penyedia identitas eksternal Anda.

Di halaman ini

Pertimbangan untuk menghubungkan fitur masuk dengan akun sosial ke akun pelanggan

Tinjau pertimbangan berikut untuk menghubungkan fitur masuk dengan akun sosial ke akun pelanggan:

  • Anda harus memiliki akun developer untuk penyedia yang ingin dihubungkan ke akun pelanggan.
  • Satu-satunya data pelanggan yang disinkronkan ke Shopify saat Anda menggunakan fitur masuk dengan akun sosial adalah alamat email pelanggan.

Hubungkan Google ke akun pelanggan

Untuk menghubungkan Google ke akun pelanggan, Anda harus menyelesaikan tugas-tugas berikut secara berurutan:

Selama pengaturan, Anda harus beralih antara tab browser untuk Google Cloud Console dan admin Shopify Anda. Anda harus sudah mengatur akun Google Cloud untuk menghubungkan Google ke akun pelanggan. Untuk mempelajari selengkapnya tentang Google Cloud, buka dokumentasi bantuan Google.

Langkah 1: Buka halaman Masuk dengan Google di admin Shopify Anda

  1. Dari admin Shopify Anda, buka Pengaturan > Akun pelanggan.

  2. Di bagian Autentikasi, klik Kelola.

  3. Klik Hubungkan di sebelah Google untuk membuka halaman Masuk dengan Google.

Halaman ini berisi informasi yang perlu Anda salin dan tempel saat mengonfigurasi klien OAuth aplikasi Google Anda, jadi tetap buka halaman ini di tab browser terpisah.

Langkah 2: Buat aplikasi di Google Cloud Console Anda

  1. Di tab browser lain, masuk ke Google Cloud Console Anda.
  2. Pilih proyek yang sudah ada atau buat proyek baru. Anda akan diarahkan ke dasbor proyek.
  3. Klik Menu, lalu klik API & Layanan > Kredensial.
  4. Klik Konfigurasikan layar persetujuan > Mulai.
  5. Lengkapi detail konfigurasi OAuth proyek Anda:
    1. Beri nama aplikasi Anda yang akan dikenali pelanggan, seperti nama toko online Anda. Berikan email Anda untuk dukungan teknis, lalu klik Berikutnya.
    2. Di bagian Audiens, pilih Eksternal, lalu klik Berikutnya.
    3. Berikan email kontak untuk setiap notifikasi yang mungkin dimiliki Google tentang proyek tersebut, lalu klik Berikutnya.
    4. Setujui Kebijakan Data Pengguna Layanan API Google, lalu klik Lanjutkan.
    5. Klik Buat.
  6. Konfigurasikan informasi kebijakan aplikasi Anda yang ditampilkan kepada pelanggan di layar persetujuan:
    1. Klik Branding.
    2. Di bagian Domain aplikasi, sertakan tautan ke beranda Anda, tautan ke kebijakan privasi publik Anda, dan tautan ke ketentuan layanan Anda. Pelajari selengkapnya tentang membuat kebijakan toko.

Langkah 3: Konfigurasikan klien OAuth aplikasi Anda di Google Cloud Console Anda

Langkah ini mengharuskan Anda menyalin detail dari bagian Petunjuk pengaturan di halaman Masuk dengan Google admin Shopify Anda dan menempelkannya ke kolom yang sesuai di tab Google Cloud Console Anda.

  1. Di aplikasi proyek Anda di Google Cloud Console, klik Ringkasan.
  2. Di bagian Metrik, klik Buat klien OAuth.
  3. Konfigurasikan detail klien OAuth:
    1. Dari menu tarik-turun Jenis aplikasi, pilih Aplikasi web.
    2. Di kolom Nama, masukkan nama.
  4. Konfigurasikan Asal Javascript resmi untuk aplikasi Anda:
  5. Di bagian Asal Javascript resmi, klik + Tambahkan URI.
  6. Di halaman Masuk dengan Google di admin Shopify, salin nilai Asal Javascript Resmi.
  7. Di Google Cloud Console, tempelkan nilai tersebut di kolom URI 1.
  8. Jika Anda memiliki lebih dari satu URI di bagian Javascript Resmi di admin Shopify, ulangi langkah-langkah ini untuk kolom URI tambahan.
  9. Konfigurasikan URI pengalihan resmi untuk aplikasi Anda:
  10. Di Google Cloud Console, di bagian URI pengalihan resmi, klik + Tambahkan URI.
  11. Di tab browser yang berisi admin Shopify, salin nilai URI pengalihan resmi.
  12. Kembali ke Google Cloud Console, lalu tempelkan nilai tersebut di kolom URI 1.
  13. Jika Anda memiliki lebih dari satu URI di bagian URI pengalihan resmi di admin Shopify, ulangi langkah-langkah ini untuk kolom URI tambahan.
  14. Di Google Cloud Console, klik Buat.

Biarkan dialog Klien OAuth dibuat yang ditampilkan tetap terbuka untuk Langkah 4: Konfigurasikan kredensial di admin Shopify Anda, karena Anda harus menyalin dan menempelkan informasi dari Google Cloud Console ke admin Shopify Anda.

Langkah 4: Konfigurasikan kredensial di admin Shopify Anda

  1. Dari dialog Klien OAuth dibuat di Google Cloud Console, salin Client ID.
  2. Di halaman Masuk dengan Google di admin Shopify, di bagian Kredensial, tempelkan Client ID.
  3. Dari dialog Klien OAuth dibuat di Google Cloud Console, salin Client secret.
  4. Di halaman Masuk dengan Google di admin Shopify, di bagian Kredensial, tempelkan Client secret.
  5. Di halaman Masuk dengan Google di admin Shopify, klik Simpan.

Langkah 5: Terbitkan aplikasi Anda di Google Cloud Console

  1. Di aplikasi proyek Anda di Google Cloud Console, klik Audiens.
  2. Klik Terbitkan aplikasi.

Hubungkan Facebook ke akun pelanggan

Untuk menghubungkan Facebook ke akun pelanggan, Anda perlu menyelesaikan tugas-tugas berikut secara berurutan:

Selama pengaturan, Anda perlu beralih antar tab browser untuk dasbor Meta for Developers dan admin Shopify. Untuk menghubungkan Facebook ke akun pelanggan, Anda harus memiliki akun Meta Developer. Pelajari cara mendaftar sebagai Meta Developer.

Langkah 1: Buka halaman Masuk dengan Facebook di admin Shopify Anda

  1. Dari admin Shopify Anda, buka Pengaturan > Akun pelanggan.

  2. Di bagian Autentikasi, klik Kelola.

  3. Klik Hubungkan di sebelah Facebook untuk membuka halaman Masuk dengan Facebook.

Langkah 2: Buat aplikasi di dasbor Meta for Developers Anda

  1. Di tab browser terpisah, buka dasbor Meta for Developers, lalu klik Login untuk masuk. Jika Anda belum menyiapkan akun Meta Developer, Anda harus membuat akun baru dari halaman login sebelum melanjutkan ke langkah berikutnya.
  2. Klik Aplikasi.
  3. Klik Buat Aplikasi.
  4. Isi kolom Nama aplikasi dan Email kontak aplikasi, lalu klik Berikutnya.
  5. Di halaman Tambahkan kasus penggunaan, pilih Autentikasi dan minta data dari pengguna dengan Login Facebook, lalu klik Berikutnya.
  6. Di halaman Portofolio bisnis mana yang ingin Anda hubungkan ke aplikasi ini, pilih portofolio bisnis, atau pilih Saya belum ingin menghubungkan portofolio bisnis., lalu klik Berikutnya.
  7. Tinjau halaman Persyaratan penerbitan, lalu klik Berikutnya.
  8. Tinjau halaman Ringkasan, lalu klik Buka dasbor.

Langkah 3: Konfigurasikan pengaturan aplikasi Meta Anda

  1. Setelah membuat aplikasi, di dasbor Meta for Developers, klik Kasus penggunaan.
  2. Pada kasus penggunaan Autentikasi dan minta data dari pengguna dengan Login Facebook, klik Sesuaikan.
  3. Untuk memastikan informasi pelanggan dikumpulkan saat masuk, di bagian Izin dan fitur, di sebelah email, klik Tambahkan.
  4. Klik Pengaturan, lalu buka Pengaturan OAuth Klien.
  5. Di halaman Masuk dengan Facebook di admin Shopify, salin URL pengalihan dari bagian URL Pengalihan.
  6. Di halaman Pengaturan di dasbor Meta for Developers, tempelkan URL pengalihan di kolom URI Pengalihan OAuth yang Valid.
  7. Jika Anda memiliki lebih dari satu URL pengalihan di bagian URL Pengalihan di admin Shopify, ulangi langkah-langkah ini untuk URL pengalihan tambahan.
  8. Di halaman Masuk dengan Facebook di admin Shopify, salin URL dari bagian URL Pencabutan Otorisasi.
  9. Di halaman Pengaturan di dasbor Meta for Developers, tempelkan URL di kolom URL callback pencabutan otorisasi.
  10. Di halaman Pengaturan di dasbor Meta for Developers, klik Simpan perubahan.

Langkah 4: Konfigurasikan kredensial di admin Shopify Anda

  1. Klik ikon Beranda untuk kembali ke dasbor Meta for Developers, lalu klik Pengaturan aplikasi > Dasar.
  2. Salin App ID dari dasbor Meta for Developers Anda.
  3. Di halaman Masuk dengan Facebook pada admin Shopify, tempelkan App ID di kolom App ID di bagian Kredensial.
  4. Di dasbor Meta for Developers Anda, klik Tampilkan di sebelah App secret, lalu salin App secret.
  5. Di halaman Masuk dengan Facebook pada admin Shopify, tempelkan App secret di kolom App secret, lalu klik Simpan.
  6. Di admin Shopify Anda, klik Simpan perubahan.

Langkah 5: Uji dan aktifkan Masuk dengan Facebook

  1. Di halaman Masuk dengan Facebook pada admin Shopify Anda, klik Tindakan lainnya > Pratinjau, lalu uji alur autentikasi Facebook seolah-olah Anda adalah pelanggan yang masuk ke toko Anda.
  2. Klik Aktifkan.

Setelah mengaktifkan Masuk dengan Facebook, Anda dapat menguji pengalaman pelanggan dengan membuka toko online dan masuk ke akun pelanggan Anda menggunakan Facebook.

Mengelola opsi masuk sosial

Anda dapat mengedit, menonaktifkan, atau menghapus metode masuk sosial yang telah Anda hubungkan.

Setelah Anda menonaktifkan atau menghapus metode masuk sosial, pelanggan akan tetap masuk untuk mencegah gangguan. Sesi masuk sosial akan berakhir secara alami, atau saat pelanggan keluar.

Langkah-langkah:

  1. Dari admin Shopify Anda, buka Pengaturan > Akun pelanggan.

  2. Di bagian Autentikasi, klik Kelola.

  3. Di sebelah metode masuk yang ingin diubah, klik menu ….

  4. Lakukan salah satu hal berikut:

    • Untuk mengedit opsi masuk, klik Kelola, lalu perbarui kredensial yang ingin Anda edit.
    • Untuk menonaktifkan opsi masuk tanpa menghapusnya, klik Nonaktifkan.
    • Untuk menghapus opsi masuk, klik Hapus, lalu klik Hapus di dialog.