Elements
Elements

Bangun pengalaman pembayaran sempurna Anda

Gunakan rangkaian blok bangunan UI yang kaya dari Stripe untuk mendesain pengalaman pembayaran aman yang sangat cocok dengan situs Anda dan membantu mendorong konversi.

Nama lengkap
Eva Svensson
Negara
Amerika Serikat
Alamat
Alamat jalan
Card
Afterpay
Klarna
Nomor kartu
1234 1234 1234 1234
Tanggal kedaluwarsa
BB / TT
Kode keamanan
CVV
Serahkan pesanan
Alamat email
eva.svensson@example.se
Negara
Belanda
iDEAL
SEPA Debit
iDEAL Bank
ING Bank
Selesaikan checkout
Nama
Eva Svensson
Negara
Tiongkok
Kode pos
Kota
Wilayah
Alamat
Alamat jalan
Alipay
Card
Bayar SEK450,00

Komponen yang dapat disesuaikan

Pilih Elements yang Anda butuhkan dan cocokkan dengan tampilan dan nuansa situs Anda dengan penentuan gaya di tingkat CSS.

Dioptimalkan untuk konversi

Hemat waktu pengembangan dan hilangkan kebingungan pengguna dengan aksesibilitas, pesan kesalahan, input masking, pengisian otomatis bawaan, dan lainnya.

Buka pasar baru

Jangkau lebih banyak pengguna dengan 40+ metode pembayaran melalui satu integrasi. Kelola metode pembayaran dengan mudah dari Dashboard.

Bantu menjaga pembayaran tetap aman

Platform Stripe memenuhi standar sertifikasi industri untuk membantu mengurangi beban kepatuhan bagi bisnis Anda.

Komponen siap-rakit yang dapat disematkan

Fondasi yang kuat untuk membantu mengoptimalkan konversi di seluruh web dan seluler

Gunakan rangkaian UI kami yang modular dan dioptimalkan untuk mengumpulkan detail pembayaran, alamat pelanggan, dompet seluler penawaran, dan lainnya dengan mulus.

Logika pembayaran bawaan

Payment Element Stripe dilengkapi dengan masking, pengaturan gaya, penanganan kesalahan, dan validasi input sisi client untuk penerimaan kartu. Ini juga mendukung 40+ metode pembayaran dengan tanpa integrasi tambahan, dan secara dinamis menunjukkan metode pembayaran yang paling mungkin untuk meningkatkan konversi.

  • Kartu
  • Giropay
  • Debit ACH
  • Google Pay
  • Afterpay / Clearpay
  • Affirm
  • iDEAL
  • Alipay
  • Klarna
  • Apple Pay
  • Konbini
  • Debit Langsung BECS
  • OXXO
  • Bancontact
  • Przelewy24
  • Boleto
  • Debit Langsung SEPA
  • EPS
  • Debit Langsung Bacs
Card
ACH bank debit
Card number
1234 1234 1234 1234
Expiration date
MM/YY
Security code
CVV
Pay US$175,00
Klarna
Card
giropay
Name
Alistair Hanton
Land oder Region
Deutschland
Zahle €90,00
Card
Klarna
Clearpay
Card number
1234 1234 1234 1234
Expiration date
MM/YY
Security code
CVV
Pay £235,00
Boleto
Cartão
CPF/CNPJ
123.456.789-00
Nome
Jane Diaz
Pague R$160,00

Temui Elements kami yang lain

Dibuat oleh kami, dirancang oleh Anda

Kontrol setiap aspek pengalaman

API dan pustaka kami yang serbaguna memungkinkan Anda menggabungkan kesederhanaan komponen bawaan dengan kebebasan UI custom. Gunakan React atau JavaScript untuk membangun integrasi web ideal Anda atau SDK iOS, Android, atau React Native kami untuk mendesain alur seluler yang ramping.

Card
Apple Pay
Nomor kartu
1234 1234 1234 1234
Tanggal kedaluwarsa
BB / TT
Kode keamanan
CVV
Negara
Amerika Serikat
Kode pos
12345
Card
Google Pay
Nomor kartu
1234 1234 1234 1234
Tanggal kedaluwarsa
BB / TT
Kode keamanan
CVV
Negara
Amerika Serikat
Kode pos
90210
Card
Apple Pay
Nomor kartu
1234 1234 1234 1234
Tanggal kedaluwarsa
BB / TT
Kode keamanan
CVV
Negara
Amerika Serikat
Kode pos
90210

Penyesuaian penuh

Gunakan properti CSS untuk menyesuaikan font, warna, spasi, dan sebagainya.

Kode lebih sedikit, kesalahan lebih sedikit

Jangan buang waktu membuat ulang proses pembayaran yang sudah ada

Membangun pengalaman pembayaran yang dioptimalkan untuk konversi itu sulit. Elements memungkinkan Anda memanfaatkan pengalaman kolektif Stripe di seluruh front-end, desain, dan analitik, sehingga Anda dapat menghabiskan lebih sedikit waktu untuk pembayaran dan lebih banyak waktu untuk produk Anda.

Optimasi UI

  • Validasi input sisi client
  • Masking input
  • Petunjuk CVC kartu tertentu
  • Aksesibilitas bawaan (ARIA)
  • Isi otomatis melalui browser dan layanan autentikasi

Ramah-seluler

  • Tata letak yang responsif
  • Keypad numerik dinamis
  • Navigasi ramah-seluler
  • Pemindaian kartu bawaan
  • Apple Pay
  • Google Pay

Pengalaman yang dilokalkan

  • Angka lebar-penuh/CJK
  • Pesan kesalahan yang dilokalkan
  • Bahasa kanan ke kiri
  • Pemilihan metode pembayaran pintar
  • Pengumpulan kode pos dinamis

Kepatuhan yang disederhanakan

  • Nomor kartu dienkripsi dengan AES-256
  • Solusi siap SCA
  • Validasi PCI yang mudah

Skema biaya

Ketahui apa yang akan Anda bayar

Stripe Elements sudah termasuk dalam skema biaya terintegrasi Stripe dan memungkinkan Anda menerima kartu kredit, kartu debit, dompet seluler, dan banyak lagi.

Sudah termasuk

dengan Stripe Payments

Pilih jalur Anda

Opsi lain untuk mulai menerima pembayaran

Semua antarmuka pengguna pembayaran Stripe memberi Anda akses instan ke 40+ metode pembayaran, 35+ bahasa, dan 135+ mata uang. Pilih integrasi yang paling cocok untuk bisnis Anda.

Payment Links

Tautan pembayaran yang dapat dibagikan

Cara tercepat untuk menerima pembayaran—tidak perlu menulis kode program

  • Bagikan tautan melalui email, SMS, atau saluran lainnya
  • Terima pembayaran satu kali, rutin, dan pay-what-you-want
  • Ubah tautan Anda menjadi kode QR atau tombol beli yang dapat disematkan
Checkout
Checkout

Formulir pembayaran siap rakit

Luncurkan lebih cepat dengan checkout yang dioptimalkan untuk konversi

  • Sematkan di situs Anda atau alihkan ke halaman yang di-hosting Stripe
  • Sesuaikan warna dan font agar sesuai dengan brand Anda
  • Tambahkan dukungan untuk pembayaran rutin dan Stripe Tax dengan mudah

Siap memulai? Hubungi kami atau buat akun

Buat akun dan mulai terima pembayaran—tanpa perlu kontrak atau detail perbankan. Atau, hubungi kami untuk merancang paket custom untuk bisnis Anda.