Bantuan
Masuk

Masuk dengan media sosial untuk akun pelanggan

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

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

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

Di halaman ini

Pertimbangan untuk menghubungkan opsi masuk dengan media sosial ke akun pelanggan

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

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

Hubungkan Google ke akun pelanggan

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

Selama pengaturan, Anda perlu beralih di antara tab browser untuk Google Cloud Console dan admin Shopify. Anda harus menyiapkan akun Google Cloud guna menghubungkan Google ke akun pelanggan. Untuk mempelajari selengkapnya tentang Google Cloud, lihat 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 harus Anda salin dan tempel saat mengonfigurasi klien OAuth aplikasi Google. Jadi, biarkan halaman ini tetap terbuka di tab browser yang 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 ada atau buat proyek baru. Anda akan dialihkan ke dasbor proyek.
  3. Klik Menu, lalu klik APIs & Services > Kredensial.
  4. Klik Konfigurasi layar persetujuan > Mulai.
  5. Lengkapi detail konfigurasi OAuth proyek Anda:
    1. Berikan nama aplikasi yang akan dikenali oleh pelanggan, misalnya nama toko online Anda. Sediakan email Anda untuk dukungan teknis, lalu klik Berikutnya.
    2. Di bagian Audiens, pilih Eksternal, lalu klik Berikutnya.
    3. Berikan email kontak untuk notifikasi apa pun yang mungkin dimiliki Google terkait proyek tersebut, lalu klik Berikutnya.
    4. Setujui Kebijakan Data Pengguna Layanan API Google, lalu klik Lanjutkan.
    5. Klik Buat.
  6. Konfigurasi 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 cara membuat kebijakan toko.

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

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

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

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

Langkah 4: Konfigurasi kredensial di admin Shopify Anda

  1. Dari dialog Klien OAuth dibuat di Google Cloud Console Anda, salin ID Klien.
  2. Di halaman Masuk dengan Google pada admin Shopify Anda, di bagian Kredensial, tempel ID Klien.
  3. Dari dialog Klien OAuth dibuat di Google Cloud Console Anda, salin Rahasia klien.
  4. Di halaman Masuk dengan Google pada admin Shopify Anda di bagian Kredensial, tempel Rahasia klien.
  5. Di halaman Masuk dengan Google pada admin Shopify Anda, klik Simpan.

Langkah 5: Terbitkan aplikasi Anda di Google Cloud Console

  1. Pada 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 harus menyelesaikan tugas berikut secara berurutan:

Selama pengaturan, Anda harus beralih antara tab browser untuk dasbor Meta for Developers dan admin Shopify Anda. 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 mengatur akun Meta Developer, Anda perlu 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 Selanjutnya.
  5. Di halaman Tambahkan kasus penggunaan, pilih Autentikasi dan minta data dari pengguna dengan Facebook Login, lalu klik Selanjutnya.
  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 Selanjutnya.
  7. Tinjau halaman Persyaratan penerbitan, lalu klik Selanjutnya.
  8. Tinjau halaman Ringkasan, lalu klik Buka dasbor.

Langkah 3: Konfigurasi pengaturan aplikasi Meta Anda

  1. Setelah membuat aplikasi, di dasbor Meta for Developers Anda, klik Kasus penggunaan.
  2. Pada kasus penggunaan Autentikasi dan minta data dari pengguna dengan Facebook Login, klik Sesuaikan.
  3. Untuk memastikan informasi pelanggan diperoleh 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 pada admin Shopify Anda, salin URL pengalihan dari bagian URL Pengalihan.
  6. Di halaman Pengaturan pada dasbor Meta for Developers Anda, tempel URL pengalihan di kolom URI Pengalihan OAuth yang Valid.
  7. Jika Anda memiliki lebih dari satu URL pengalihan di bagian URL Pengalihan admin Shopify Anda, ulangi langkah-langkah ini untuk URL pengalihan tambahan.
  8. Di halaman Masuk dengan Facebook pada admin Shopify Anda, salin URL dari bagian URL Pembatalan Otorisasi.
  9. Di halaman Pengaturan pada dasbor Meta for Developers Anda, tempel URL di kolom URL callback pembatalan otorisasi.
  10. Di halaman Pengaturan pada dasbor Meta for Developers Anda, klik Simpan perubahan.

Langkah 4: Konfigurasi kredensial di admin Shopify Anda

  1. Klik ikon Beranda untuk kembali ke dasbor Meta for Developers Anda, lalu klik Pengaturan aplikasi > Dasar.
  2. Salin ID Aplikasi dari dasbor Meta for Developers Anda.
  3. Di halaman Masuk dengan Facebook pada admin Shopify Anda, tempel ID Aplikasi di kolom ID Aplikasi pada bagian Kredensial.
  4. Di dasbor Meta for Developers Anda, klik Tampilkan di sebelah Rahasia aplikasi, lalu salin Rahasia aplikasi.
  5. Di halaman Masuk dengan Facebook pada admin Shopify Anda, tempel Rahasia aplikasi di kolom Rahasia aplikasi, 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 sedang masuk ke toko Anda.
  2. Klik Aktifkan.

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

Masuk dengan Shop

Jika Anda telah mengaktifkan Shop Pay, pelanggan Anda dapat masuk dengan kredensial Shop dan passkey mereka yang tersimpan. Pelanggan juga otomatis masuk dengan Shop setelah mereka melakukan checkout di toko Anda menggunakan Shop Pay.

Masuk dengan Shop diaktifkan secara otomatis untuk akun pelanggan, dan hanya dapat dihapus dari toko Anda jika Anda menonaktifkan Shop Pay.

Pelajari cara menambahkan tombol Masuk dengan Shop ke toko Anda.

Mengelola opsi masuk media sosial Anda

Anda dapat mengedit, mematikan, atau menghapus metode masuk media sosial yang telah dihubungkan.

Setelah Anda mematikan atau menghapus metode masuk media sosial, pelanggan akan tetap masuk untuk mencegah gangguan. Sesi masuk media sosial berakhir secara alami, atau ketika 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 diedit.
    • Untuk mematikan opsi masuk tanpa menghapusnya, klik Matikan.
    • Untuk menghapus opsi masuk, klik Hapus, lalu klik Hapus pada dialog.

Memperbarui info masuk media sosial Anda saat mengubah domain akun pelanggan

Jika Anda berencana untuk mengubah domain akun pelanggan ke URL lain, Anda harus memperbarui pengaturan masuk media sosial sebelum melakukan perubahan di Shopify. Hal ini memastikan pelanggan dapat terus masuk tanpa gangguan.

Langkah-langkah ini diwajibkan bila Anda memperbarui URL akun pelanggan di Shopify dari format lama, seperti shopify.com/1234567890/account, ke format subdomain baru account.your-store.com, atau dari subdomain saat ini ke subdomain lain, seperti memperbarui account.your-store.com menjadi customers.your-store.com.

Tambahkan subdomain akun pelanggan baru ke penyedia media sosial Anda

Anda akan menambahkan domain baru ke pengaturan penyedia media sosial bersama domain Anda saat ini. Setelah Anda mengubah domain akun pelanggan di Shopify dan mengonfirmasi bahwa proses masuk serta keluar akun pelanggan berfungsi, Anda dapat menghapus entri domain yang lama.

Anda harus mengulangi langkah-langkah ini untuk setiap opsi masuk media sosial yang telah Anda aktifkan.

Langkah-langkah:

Google
  1. Buka Google Cloud Console lalu buka API & Layanan > Kredensial.
  2. Pilih Klien OAuth 2.0 yang Anda buat untuk Shopify.
  3. Di Asal JavaScript yang diotorisasi, tambahkan entri baru. Misalnya: https://account.your-store.com
  4. Di URI pengalihan yang diotorisasi, tambahkan entri baru. Misalnya: https://account.your-store.com/authentication/social/google/callback
  5. Di URL panggilan balik pembatalan otorisasi, tambahkan entri baru. Misalnya: https://account.your-store.com/authentication/social/google/revoke
  6. Simpan perubahan Anda. Biarkan URL lama dan URL baru untuk saat ini.
  7. Kembali ke admin Shopify Anda dan ikuti langkah-langkah untuk mengubah domain akun Anda ke URL subdomain khusus baru di Shopify.
  8. Uji proses masuk maupun proses keluar dengan setiap opsi media sosial di etalase toko online Anda untuk mengonfirmasi bahwa semuanya berfungsi.
  9. Opsional: Setelah proses masuk dipastikan berfungsi dengan benar, Anda dapat kembali ke Google lalu menghapus entri domain yang lama.
Facebook
  1. Buka Meta for Developers lalu buka aplikasi Anda.
  2. Navigasikan ke Login Facebook > Pengaturan.
  3. Di URI Pengalihan OAuth yang Valid, tambahkan entri baru. Misalnya: https://account.your-store.com/authentication/social/facebook/callback
  4. Di URL Panggilan Balik Pembatalan Otorisasi, tambahkan entri baru. Misalnya: https://account.your-store.com/authentication/social/facebook/revoke
  5. Navigasikan ke Pengaturan > Dasar.
  6. Di Domain Aplikasi, tambahkan entri baru. Misalnya: account.your-store.com
  7. Simpan perubahan Anda. Biarkan URL lama dan URL baru untuk saat ini.
  8. Kembali ke admin Shopify Anda dan ikuti langkah-langkah untuk mengubah domain akun Anda ke URL subdomain khusus baru di Shopify.
  9. Uji proses masuk maupun proses keluar dengan setiap opsi media sosial di etalase toko online Anda untuk mengonfirmasi bahwa semuanya berfungsi.
  10. Opsional: Setelah proses masuk dipastikan berfungsi dengan benar, Anda dapat kembali ke Facebook lalu menghapus entri domain yang lama.