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

Direkomendasikan

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

Express Checkout Element

Direkomendasikan

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.

Hanya Checkout Session API

Currency Selector Element

Mungkinkan pelanggan membayar dalam mata uang lokal dengan Adaptive Pricing.

API yang kompatibel

Stripe menyediakan dua API pembayaran utama yang kompatibel dengan Elements, yang memberi Anda fleksibilitas untuk menerima berbagai jenis pembayaran dari pelanggan. Anda dapat mengintegrasikan API ini ke dalam antarmuka pembayaran yang telah disiapkan oleh Stripe. Masing-masing API melayani kebutuhan yang berbeda, bergantung pada bagaimana Anda ingin menyusun alur checkout dan seberapa besar kontrol yang Anda butuhkan. Untuk sebagian besar kasus penggunaan, kami merekomendasikan menggunakan Checkout Sessions.

Gunakan Checkout Sessions API untuk membuat model alur checkout lengkap pelanggan Anda, termasuk mata anggaran dalam alamat pembelian, tagihan dan pengiriman, tarif pajak yang berlaku, serta kupon atau diskon. Sesi Checkout memungkinkan Anda membuat langganan, menghitung tarif pajak dengan Stripe Tax, dan memprakarsai pembayaran menggunakan satu integrasi.
Buat halaman checkout dengan Checkout Session API.
Gunakan Payment Intents API untuk memodelkan hanya langkah pembayaran dengan kontrol yang lebih mendetail. Berbeda dengan Checkout Sessions API yang memerlukan detail item, di sini Anda hanya perlu mengirimkan jumlah akhir yang ingin ditagihkan. Pendekatan ini cocok untuk alur pembayaran tingkat lanjut di mana Anda menghitung jumlah akhir secara manual. Jika Anda menggunakan Payment Intents dan ingin menghitung pajak atau membuat langganan dengan Stripe, Anda harus membangun integrasi terpisah dengan Stripe Tax API atau Subscriptions API.
Buat integrasi lanjutan dengan Payment Intents API.