Payment Element

Payment Element adalah komponen drop-in yang dapat disesuaikan dan menyematkan daftar metode pembayaran pada layar apa pun di aplikasi Anda. Saat pelanggan memilih metode pembayaran dari daftar, lembar di bawahnya akan mengumpulkan detail pembayaran. Anda dapat menyesuaikannya agar sesuai dengan tampilan dan nuansa aplikasi Anda. Payment Element dalam aplikasi tersedia di SDK iOS, Android, dan React Native kami. Silakan lihat panduan menerima pembayaran dalam aplikasi untuk memulai.

Contoh integrasi Payment Element

Dengan Payment Element, Anda mendapatkan:

• Akses ke lebih dari 100 metode pembayaran global: Termasuk Apple Pay, Link, dan metode pembayaran populer lainnya yang diaktifkan secara otomatis.

• Metode pembayaran dinamis: Urutkan dan tampilkan metode pembayaran secara dinamis, serta luncurkan pengujian A/B untuk metode pembayaran baru.

• Kustomisasi UI pengguna untuk menyesuaikan aplikasi Anda: Sesuaikan UI agar konsisten dengan desain aplikasi. Tata letak tetap konsisten, namun Anda dapat memodifikasi warna, font, dan sebagainya.

• Pengumpulan alamat: Kumpulkan alamat penagihan pelanggan dengan detail pembayaran mereka.

• Metode pembayaran tersimpan: Simpan, gunakan kembali, dan kelola kartu serta rekening bank. Anda juga dapat menyimpan detail pembayaran pelanggan tanpa pembayaran awal.

Tata letak

Pilih antara tata letak radio, tata letak tanda centang, atau tombol mengambang.

Payment Element mendukung: tombol radio, tanda centang, dan tata letak tombol mengambang.

Penampilan

Gunakan Appearance API untuk menyesuaikan tampilan dan nuansa Element Pembayaran agar sesuai dengan aplikasi Anda. Dengan Appearance API, Anda dapat mengontrol font, warna, batas, bayangan, dan sebagainya.

Contoh berbagai cara untuk menata Element Pembayaran

Metode pembayaran

Element Pembayaran menyediakan akses ke lebih dari 100 metode pembayaran di semua negara yang didukung Stripe. Anda dapat mengaktifkan metode pembayaran dari Dashboard Stripe Anda atau dengan menggunakan Metode Pembayaran Custom.

Penyedia metode pembayaran sering kali mengubah persyaratan pengumpulan dan tampilan mereka. Saat Anda menggunakan Element Pembayaran untuk menampilkan metode pembayaran, Stripe menangani semua pengumpulan detail pembayaran dalam formulir lokal yang telah dibuat sebelumnya yang selalu kami perbarui dengan setiap penyedia pembayaran.

Contoh debit P24 dan SEPA di Payment Element

Dompet digital

Payment Element mendukung dompet digital populer, termasuk Apple Pay dan Link, dompet digital yang dibuat oleh Stripe. Element Pembayaran menampilkan dompet digital secara langsung sebagai opsi metode pembayaran.

Contoh Link dalam Element Pembayaran

Metode pembayaran tersimpan

Element Pembayaran mendukung penyimpanan, tampilan, dan pengelolaan metode pembayaran yang disimpan. Pengumpulan izin ditangani secara otomatis, sehingga memastikan kepatuhan global.

Metode pembayaran yang disimpan mendukung kartu, rekening bank AS, dan rekening debit SEPA.

CustomerSessions API memberikan kontrol tambahan atas:

• Kapan harus menampilkan atau menyembunyikan kotak simpan izin
• Kapan harus menampilkan atau menyembunyikan metode pembayaran yang disimpan
• Mengizinkan pembeli menghapus metode pembayaran yang disimpan
• Mencegah pembeli menghapus metode pembayaran terakhir yang disimpan

Contoh cara pelanggan mengakses metode pembayaran yang tersimpan di Element Pembayaran

Kumpulkan detail alamat

Anda dapat mengonfigurasi Element Pembayaran untuk mengumpulkan informasi pembayaran tambahan, termasuk nama, email, nomor telepon, dan alamat penagihan, apa pun metode pembayaran yang digunakan pelanggan.

Contoh yang menunjukkan detail penagihan lengkap yang dikumpulkan

Fitur tambahan

Payment Element juga berisi fitur berikut:

• Pengumpulan ulang CVC: Konfigurasikan apakah pengumpulan ulang CVC diperlukan saat pengguna membayar dengan metode pembayaran yang disimpan.
• Pemfilteran merek kartu: Konfigurasikan merek kartu yang Anda terima.