Stripe Web Elements

Buat alur checkout Anda sendiri dengan komponen UI siap-rakit.

Stripe Elements adalah satu set komponen UI siap-rakit untuk membangun alur web Anda. Ini tersedia sebagai fitur Stripe.js, pustaka dasar JavaScript kami untuk membangun alur pembayaran. Stripe.js membuat token detail pembayaran sensitif dalam satu Element tanpa pernah berinteraksi dengan server Anda.

Metode pembayaran global: Akses ke lebih dari 100 metode pembayaran global, termasuk dompet digital, seperti Apple Pay.
Link: Bantu pelanggan Anda memproses pembayaran lebih cepat dengan membiarkannya memilih metode pembayaran tersimpan saat checkout sebagai ganti memasukkan informasi pembayaran.
Metode pembayaran tersimpan: Simpan, gunakan kembali, serta kelola kartu dan rekening bank dengan fitur bawaan.
Kepatuhan: Stripe menyediakan antarmuka yang kompatibel secara global dan menangani persyaratan untuk menampilkan mandat dan pemberitahuan persetujuan kepada pembeli.
Formulir terbaru: Formulir yang dilokalkan dengan penanganan kesalahan bawaan. Stripe terus memperbarui persyaratan setiap penyedia metode pembayaran.
Pengumpulan alamat: Kumpulkan alamat tagihan sepenuhnya atau sebagian dengan segala metode pembayaran.
Penyesuaian penampilan: Sesuaikan tampilan dan nuansa Elements agar sesuai dengan desain situs Anda.
Fitur lainnya: Fitur tambahan, seperti CVC recollection dan kontrol atas brand kartu yang Anda terima.

Jelajahi demo

Mulai

Jika Anda tidak melihat Element di bawah ini, temukan selengkapnya di Referensi API Stripe.js.

Payment Element

Recommended

Terima pembayaran dengan satu atau beberapa metode pembayaran secara aman, termasuk kartu.

Express Checkout Element

Recommended

Tampilkan Dompet digital populer seperti Apple Pay, Google Pay, dan PayPal.

Link Authentication Element

Link mengisikan otomatis detail pengiriman dan pembayaran pelanggan Anda untuk mengurangi hambatan serta memberikan pengalaman checkout yang mudah dan aman.

Address Element

Kumpulkan informasi alamat dan tampilkan alamat tersimpan Link.

Payment Method Messaging Element

Secara otomatis memberi tahu pelanggan tentang paket Beli sekarang, Bayar nanti yang tersedia.

Checkout Session API only

Currency Selector Element

Mungkinkan pelanggan membayar dalam mata uang lokal dengan Adaptive Pricing.

API yang kompatibel

Stripe menawarkan dua API pembayaran inti yang kompatibel dengan Elements sehingga memberi Anda fleksibilitas untuk menerima berbagai tipe pembayaran dari pelanggan. Anda dapat mengintegrasikan API ini ke antarmuka pembayaran siap-rakit Stripe. Meski kami merekomendasikan penggunaan Sesi Checkout bagi sebagian besar pengguna, API melayani contoh penggunaan yang sedikit berbeda tergantung cara Anda memilih untuk menyusun alur checkout dan seberapa besar kontrol yang Anda perlukan. Anda dapat membangun halaman checkout dengan Checkout Session API atau membangun integrasi lanjutan dengan Payment Intents API.

Checkout Sessions API memungkinkan Anda membuat model alur checkout pelanggan. Ini meliputi mata anggaran yang disertakan di alamat pembelian, tagihan dan pengirimannya, tarif pajak yang berlaku, serta kupon atau diskon. Sesi Checkout memungkinkan Anda membuat langganan, menghitung tarif pajak dengan Stripe Tax, dan memprakarsai pembayaran.
Payment Intents API memungkinkan Anda membuat model langkah pembayaran. Tidak seperti Checkout Sessions API, yang memerlukan detail mata anggaran, Anda hanya meneruskan jumlah final yang ingin Anda charge. Ini sesuai untuk alur pembayaran, seperti pembayaran di luar sesi. Jika ingin menggunakan Stripe untuk menghitung pajak yang berlaku atau membuat langganan, Anda harus mengintegrasikan masing-masing dengan Stripe Tax API atau Subscriptions API.

Sesi Checkout mencakup informasi pelanggan, pengiriman, pajak, diskon, kupon, dan integrasi pembayaran, sedangkan Payment Intents hanya menangani integrasi pembayaran.