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
Jane Diaz
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
jane.diaz@email.com
Negara
Belanda
iDEAL
SEPA Debit
iDEAL Bank
ING Bank
Selesaikan checkout
Nama
Jane Diaz
Negara
Tiongkok
Kode pos
Kota
Wilayah
Alamat
Alamat jalan
Alipay
Card
Bayar AED450,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
  • Sofort
  • Debit Langsung Bacs
Card
ACH bank debit
Card number
1234 1234 1234 1234
Expiration date
MM/YY
Security code
CVV
Pay US$175,00
SOFORT
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

Opsi integrasi selengkapnya

Pelajari integrasi pembayaran lain kami

Jika Elements tampaknya tidak cocok untuk Anda, pertimbangkan Stripe Checkout untuk memulai lebih cepat atau integrasi hanya API kami untuk kontrol penuh.

Stripe Checkout

Mulai dalam hitungan menit menggunakan halaman pembayaran yang di-hosting dan siap-rakit kami yang dioptimalkan untuk konversi.

Hanya API

Desain UI custom Anda dari nol dan gunakan pustaka javascript atau hanya API kami untuk mendukung pembayaran.

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.