Portal Pelanggan

Customer Portal adalah area aman yang dihosting di mana pelanggan Anda dapat mengelola langganan, melihat faktur, dan mengakses detail kunci lisensi—tanpa menghubungi dukungan.

Create Portal Session (API)

Buat sesi portal yang aman dan terbatas waktu secara programatis.

Subscriptions

Kelola rencana berulang, peningkatan, penurunan, dan tambahan.

Portal Pelanggan yang diperbarui menunjukkan langganan aktif, metode pembayaran, dan riwayat penagihan

Apa Itu Portal Pelanggan?

Portal ini menyediakan pengalaman layanan mandiri yang terpercaya dan bermerek bagi pelanggan untuk:

Akses riwayat penagihan: Lihat faktur dan unduh tanda terima.
Kelola langganan: Lihat rincian langganan, batalkan langganan segera atau pada tanggal penagihan berikutnya.
Perbarui metode pembayaran: Ubah metode pembayaran untuk langganan aktif atau aktifkan kembali langganan yang ditangguhkan.
Ambil kunci lisensi: Akses semua kunci yang terkait dengan pembelian.
Navigasi dengan mudah: Gunakan tombol kembali untuk berpindah antara bagian portal tanpa kehilangan konteks.

Manfaat Utama

Volume dukungan lebih rendah: Pelanggan menyelesaikan permintaan penagihan umum sendiri
Waktu untuk nilai lebih cepat: Akses langsung ke faktur dan kunci
Risiko churn berkurang: Visibilitas jelas ke pembaruan dan detail rencana
Aman secara desain: Akses token dengan tautan kedaluwarsa
Pengalaman terlokalisasi: Portal tersedia dalam 21 bahasa, dengan deteksi otomatis berdasarkan preferensi browser pelanggan

Metode Akses

Pelanggan dapat mengakses portal menggunakan tautan statis atau tautan dinamis satu kali.

Tautan Statis (akses berbasis email)

Pelanggan dapat meminta akses portal dengan memasukkan email mereka di tautan statis yang tidak pernah kedaluwarsa. Format tautan portal statis bervariasi berdasarkan lingkungan: Mode Uji (untuk pengujian dan pengembangan):

https://test.customer.dodopayments.com/login/{business_id}

Mode Langsung (untuk produksi dengan transaksi nyata):

https://customer.dodopayments.com/login/{business_id}

Ganti {business_id} dengan pengenal bisnis Anda yang sebenarnya, lalu bagikan tautan yang sesuai kepada pelanggan agar mereka dapat memasukkan email mereka dan menerima akses aman ke portal.

Merchant flow

Buka Sales → Customer.
Klik Share invite.
Salin Static link dan bagikan ke pelanggan Anda.

Customer flow

Buka tautan statis.
Masukkan email yang digunakan saat pembelian.
Terima tautan masuk aman untuk mengakses portal.

Pelanggan yang sudah ada dikenali secara otomatis.

Tautan Dinamis (tautan ajaib)

Tautan ajaib yang dipersonalisasi dan satu kali yang mengirim pelanggan langsung ke portal. Tautan ini kedaluwarsa dalam 24 jam.

Tautan dinamis kedaluwarsa setelah 24 jam. Jika kedaluwarsa, buat dan kirim tautan baru.

Merchant flow

Buka Sales → Customer.
Klik Share invite.
Salin Dynamic link dan bagikan ke pelanggan Anda.

Customer flow

Buka tautan dinamis.
Akses Customer Portal langsung tanpa memasukkan email.

Fitur Portal

Customer Portal yang diperbarui menyediakan antarmuka bersih, terpadu dengan bilah sisi kiri dan bagian terorganisir untuk semua kebutuhan manajemen akun.

Active Subscriptions

Lihat semua langganan aktif dengan nama paket, harga, tanggal pembaruan, dan masa berlaku. Klik “Manage subscription” untuk melihat detail, mengedit info penagihan, atau membatalkan.

Payment Methods

Lihat semua metode pembayaran yang tersimpan (kartu, UPI, dll.) secara sekilas. Edit metode pembayaran langsung dari detail langganan.

Billing History

Lihat semua transaksi dalam tabel rinci dengan tanggal, status, jenis harga, hak akses, dan faktur yang dapat diunduh.

Billing Information

Lihat dan edit nama, email, nomor telepon, dan alamat penagihan dari halaman detail langganan.

Ikhtisar Portal

Halaman utama portal menampilkan semua langganan aktif, metode pembayaran yang tersimpan, dan riwayat penagihan dalam satu tampilan yang dapat digulir.

Halaman utama Portal Pelanggan menunjukkan langganan aktif dan metode pembayaran

Metode Pembayaran & Riwayat Penagihan

Gulir ke bawah untuk melihat metode pembayaran yang tersimpan dan riwayat penagihan lengkap dengan indikator status serta faktur yang dapat diunduh.

Metode pembayaran dan riwayat penagihan dengan unduhan faktur

Dukungan Bahasa

Portal Pelanggan tersedia dalam 21 bahasa, sehingga pelanggan Anda dapat mengelola langganan, metode pembayaran, dan riwayat penagihan dalam bahasa yang mereka nyaman gunakan.

Cara pemilihan bahasa bekerja

Deteksi otomatis: Pada kunjungan pertama, portal mendeteksi bahasa pilihan pelanggan dari pengaturan browser mereka dan memuat terjemahan yang sesuai jika tersedia. Bahasa Inggris digunakan sebagai cadangan.
Penggantian manual: Pelanggan dapat mengubah bahasa aktif kapan saja dari pemilih bahasa di header portal (tersedia di desktop dan mobile).
Preferensi yang disimpan: Bahasa yang dipilih disimpan dalam cookie NEXT_LOCALE (valid selama 1 tahun) sehingga portal mengingat pilihan tersebut di seluruh sesi.
Konteks yang disematkan: Saat portal disematkan dalam iframe dan cookie diblokir, portal akan kembali ke parameter URL forceLanguage sehingga bahasa yang dipilih tetap dihormati.

Bahasa yang Didukung

Bahasa	Kode	Bahasa	Kode
Inggris (default)	`en`	Indonesia	`id`
Arab	`ar`	Italia	`it`
Katalan	`ca`	Jepang	`ja`
Cina	`zh`	Korea	`ko`
Belanda	`nl`	Melayu	`ms`
Prancis	`fr`	Polandia	`pl`
Jerman	`de`	Portugis	`pt`
Ibrani	`he`	Rumania	`ro`
Rusia	`ru`	Spanyol	`es`
Swedia	`sv`	Thailand	`th`
Turki	`tr`

Perubahan Paket (Upgrade/Downgrade)

Ketika produk diatur ke dalam Koleksi Produk, pelanggan dapat melakukan upgrade atau downgrade antara paket secara langsung dari Portal Pelanggan.

Ingin mengaktifkan upgrade/downgrade untuk langganan yang ada? Tambahkan produk langganan Anda ke Koleksi Produk. Setelah dikelompokkan, pelanggan dapat beralih antara paket dalam koleksi yang sama melalui Portal Pelanggan.

Aksi yang Tersedia

Aksi	Deskripsi	Kapan Tersedia
Upgrade	Pindah ke paket tingkatan lebih tinggi dalam koleksi yang sama	Bisnis telah mengaktifkan pembaruan langganan
Downgrade	Pindah ke paket tingkatan lebih rendah dalam koleksi yang sama	Bisnis telah mengaktifkan pembaruan langganan

Cara Kerja Perubahan Paket

Pelanggan melihat langganan mereka saat ini di portal
Opsi upgrade/downgrade yang tersedia ditampilkan berdasarkan koleksi produk
Pelanggan memilih paket baru
Prorata dihitung dan pembayaran diproses segera (jika berlaku)
Langganan diperbarui ke paket baru

Perubahan paket hanya tersedia antara produk dalam koleksi yang sama. Produk harus berupa tipe penagihan langganan atau berbasis penggunaan.

Kontrol Bisnis

Bisnis dapat mengatur perilaku perubahan paket dalam Pengaturan Langganan:

Izinkan Pembaruan Langganan: Aktifkan atau nonaktifkan kemampuan bagi pelanggan untuk melakukan upgrade atau downgrade langganan mereka

Product Collections

Pelajari cara menyiapkan koleksi produk dan mengonfigurasi jalur upgrade/downgrade.

Rincian Langganan

Ketika pelanggan mengklik “Kelola langganan” pada langganan yang aktif, mereka dibawa ke halaman rincian langganan. Halaman ini menampilkan:

Detail rencana: Nama langganan, harga, tanggal pembaruan, dan periode validitas
Metode pembayaran: Kartu atau metode pembayaran yang terhubung dengan langganan, dengan tombol “Edit”
Informasi penagihan: Nama, email, nomor telepon, dan alamat penagihan dengan tombol “Edit”
Riwayat penagihan: Tabel rinci semua pembayaran untuk langganan ini
Batalkan Langganan: Tombol yang menonjol untuk membatalkan langganan

Pembatalan Langganan

Pelanggan dapat membatalkan langganan mereka langsung dari halaman rincian langganan. Mengklik “Batalkan Langganan” membuka dialog konfirmasi dengan dua opsi:

Batalkan pada tanggal penagihan berikutnya: Langganan tetap aktif hingga periode penagihan saat ini berakhir, kemudian dibatalkan secara otomatis.
Batalkan sekarang: Langganan dibatalkan segera.

Dialog pembatalan langganan dengan opsi untuk membatalkan pada tanggal penagihan berikutnya atau membatalkan segera

Memperbarui Metode Pembayaran

Pelanggan dapat memperbarui metode pembayaran mereka langsung dari halaman rincian langganan dengan mengklik “Edit” di sebelah metode pembayaran. Fitur ini sangat penting untuk mengaktifkan kembali langganan yang ditahan karena pembayaran gagal.

Mengaktifkan Kembali Langganan yang Dihentikan Sementara

Ketika sebuah langganan ditempatkan dalam on_hold karena pembayaran gagal, pelanggan harus memperbarui metode pembayaran mereka untuk mengaktifkannya kembali. Proses pembaruan otomatis:

Membuat tagihan untuk sisa tunggakan
Menghasilkan faktur untuk tagihan tersebut
Memproses pembayaran menggunakan metode pembayaran baru
Mengaktifkan kembali langganan ke active setelah pembayaran berhasil

Langganan dalam keadaan on_hold tidak akan diperbarui secara otomatis. Pelanggan harus memperbarui metode pembayaran mereka untuk menghapus tunggakan dan mengaktifkan kembali langganan.

Setelah berhasil memperbarui metode pembayaran untuk langganan on_hold, pelanggan akan melihat halaman konfirmasi dan menerima pemberitahuan email tentang pembayaran yang berhasil dan pengaktifan kembali langganan.

Alur Pembaruan Metode Pembayaran

Access subscription details

Klik “Kelola langganan” pada langganan yang aktif dari halaman utama portal.

Click Edit on payment method

Klik tombol “Edit” di sebelah metode pembayaran untuk membuka antarmuka pembaruan metode pembayaran.

Select or add payment method

Pilih metode pembayaran yang disimpan atau tambahkan yang baru dengan memasukkan detail kartu secara aman.

Confirm changes

Konfirmasi pembaruan. Untuk langganan on_hold, ini akan secara otomatis membuat tagihan untuk sisa tunggakan.

Complete payment (if on hold)

Jika langganan sedang ditahan, pelanggan akan diarahkan untuk menyelesaikan pembayaran untuk sisa tunggakan. Setelah pembayaran berhasil, langganan akan diaktifkan kembali secara otomatis.

Confirmation

Pelanggan menerima konfirmasi bahwa metode pembayaran telah diperbarui dan, jika berlaku, bahwa langganan telah diaktifkan kembali.

Contoh Integrasi

Buat sesi Portal Pelanggan yang terikat waktu untuk pelanggan tertentu melalui API, kemudian alihkan pengguna ke URL sesi.

const session = await client.customers.customerPortal.create('cus_123');

// Redirect the user to the hosted Customer Portal
window.location.href = session.link;