Pertanyaan Umum tentang Payment Element

Payment Element adalah komponen UI yang aman, dan dapat disematkan, memungkinkan Anda untuk menerima metode pembayaran lokal dari seluruh dunia.

Untuk membantu pengguna pembayaran satu kali dan rutin menerima beberapa metode pembayaran yang berbeda, Payment Element mendukung 3 jalur integrasi utama:

Pertanyaan Umum

Apa saja fitur inti Payment Element?

Dengan Payment Element, Stripe meluncurkan generasi baru Elements (lihat: https://stripe.com/payments/elements). Sebelum Payment Element, merchant perlu membangun dan memelihara integrasi baru untuk setiap metode pembayaran yang terpisah. Karena tidak lagi diperlukan, Anda akan menghemat waktu dan sumber daya yang signifikan dengan memanfaatkan Payment Element.

Lihat beberapa fitur inti Payment Element di bawah ini:

- Dukungan untuk beberapa metode pembayaran melalui integrasi Elements tunggal
- Fitur ini memunculkan opsi pembayaran yang relevan untuk setiap pembeli melalui logika penyortiran berdasarkan lokasi negara pelanggan (berasal dari alamat IP) dan bahasa pilihan (berasal dari lokal browser)
- Fitur dilokalkan untuk 42 lokal: https://stripe.com/docs/js/appendix/supported_locales
- Dapat diatur sesuai merek merchant (font, warna, spasi, dll.)
- Responsif terhadap seluler
- Memiliki validasi input bawaan
- Patuh terhadap PCI-DSS
- Bekerja dengan PaymentIntents/SetupIntents

Bagaimana Payment Element berhubungan dengan Stripe Elements dan bagaimana perbedaannya satu sama lain?

Stripe Elements adalah kumpulan komponen UI siap-rakit, seperti input dan tombol, untuk membangun alur checkout Anda. Untuk setiap metode pembayaran (kartu kredit, kartu debit, dll.), ada Element terkait. Payment Element adalah komponen baru yang menggabungkan setiap Elements metode pembayaran menjadi satu Elemen.

Inilah perbedaan Stripe Elements dan Payment Element satu sama lain:

Saat menggunakan Elements sebelumnya, merchant perlu membuat dan mempertahankan pemetaan mata uang/negara/metode pembayaran dan logika terkait waktu harus memanggil API Stripe di backend dan untuk menampilkan/menyembunyikan Elements di antarmuka pengguna (UI). Ini akan membutuhkan pengintegrasian setiap Element satu per satu.

Dengan Payment Element, dimungkinkan untuk menghilangkan kebutuhan merchant untuk membangun dan memelihara aspek-aspek ini. Pengalaman integrasi mulai terlihat seperti integrasi Element tunggal, pemetaan, logika, presentasi, dan perilaku sudah siap-rakit oleh Stripe. Pertukarannya sedikit lebih sedikit penyesuaian dalam lapisan UI daripada yang mungkin dilakukan hari ini dengan Stripe Elements tetapi lebih banyak kontrol daripada apa yang ditawarkan Stripe Checkout.

Lebih khusus lagi, perbedaan utamanya adalah:

- Payment Element memerlukan upaya yang hampir sama untuk berintegrasi sebagai Element lain (misalnya, Card Element), tetapi membutuhkan upaya yang jauh lebih sedikit untuk mempertahankannya, karena metode pembayaran dapat ditambahkan tanpa perlu berintegrasi dengan Element lain untuk masing-masing.
- Kemampuan untuk menyesuaikan gaya lebih terbatas dibandingkan dengan Elements saat ini, hanya dengan API penataan gaya JavaScript kami yang didukung (bukan CSS). Namun, sebagian besar kemampuan penataan gaya masih didukung.
- Karena konfirmasi sisi server tidak didukung, kartu kredit perlu menggunakan webhook (tidak demikian halnya dengan Elements hari ini). Namun karenanya, kami akan mendukung jalan pintas untuk ada di Kartu.
- Pengalihan ke halaman konfirmasi pesanan diperlukan untuk sebagian besar metode pembayaran yang diterima melalui Payment Element, jadi aplikasi web satu halaman perlu menambahkan halaman terpisah untuk konfirmasi pesanan. Namun, pengalaman checkout masih sepenuhnya tertanam di dalam situs merchant (tidak seperti Stripe Checkout).

Bagaimana Payment Element terkait dengan Checkout?

Payment Element adalah komponen UI baru yang dapat ditempatkan dalam situs web merchant, ditata dan diberi merek sesuai pengalaman merchant. Ini memungkinkan Anda untuk menawarkan beberapa metode pembayaran (lebih dari 18 dan terus bertambah) dengan upaya yang jauh lebih sedikit secara otomatis mengumpulkan informasi yang diperlukan dari konsumen (kecuali alamat pengiriman). Payment Element menggunakan API pembayaran Stripe (PaymentIntents/SetupIntents) agar berfungsi dan dibangun di atas SDK kami, Stripe.js. Produk ini dirancang untuk merchant yang ingin mengontrol pengalaman pembayaran yang ditawarkan. Lebih khusus lagi, jika Anda ingin mengintegrasikan pembayaran sepenuhnya dalam aplikasi web Anda (yaitu aliran multi-langkah, sadar merek, kebutuhan kontrol yang tinggi, memberikan persyaratan khusus saat checkout), maka Payment Element adalah produk untuk Anda. Payment Element memungkinkan Anda mengumpulkan informasi apa pun yang Anda butuhkan saat checkout dan merancang pengalaman yang Anda inginkan.

Di sisi lain, Stripe Checkout adalah halaman pembayaran kami yang di-hosting sepenuhnya yang juga memudahkan untuk menawarkan LPM (lebih dari 25) yang akan dialihkan oleh situs Anda, tetapi dilengkapi dengan opsi gaya terbatas (warna/logo). Stripe Checkout menggunakan Sesi Checkout untuk beroperasi dan tidak menggunakan Payment Intent/Setup Intent. Ini dirancang untuk contoh penggunaan yang lebih sederhana yaitu alur satu langkah dengan lebih sedikit kebutuhan untuk kontrol/kustomisasi/branding. Stripe Checkout menawarkan dan mengumpulkan lebih banyak info, termasuk pengumpulan alamat pengiriman dan menunjukkan daftar produk/total pesanan dan tombol kirim, yang tidak dimiliki oleh Payment Element.

Seberapa besar upaya untuk menerapkan Payment Element?

Payment Element membutuhkan upaya yang hampir sama untuk diintegrasikan sebagai Element tunggal (misalnya, Card Element), tetapi membutuhkan lebih sedikit upaya untuk mempertahankannya. Saat Anda ingin menawarkan lebih banyak metode pembayaran, Anda tidak perlu mengintegrasikan Element untuk setiap opsi.

Berapa biaya untuk menggunakan Payment Element?

Payment Element hadir tanpa biaya tambahan kepada pengguna. Satu-satunya biaya yang terkait adalah biaya untuk setiap metode pembayaran yang mereka terima (lihat https://stripe.com/pricing/local-payment-methods).

API apa saja yang didukung oleh Payment Element?

Payment Element didukung oleh PaymentIntents dan SetupIntents. API lama lainnya seperti Charges dan Sources tidak didukung.

Apakah saya perlu menggunakan webhook?

Ya, Anda perlu menggunakan webhook dengan Payment Element karena konfirmasi sisi server tidak didukung.

Namun, kami dapat mendukung pintasan ini pada Metode pembayaran yang tidak memerlukan pengalihan seperti Kartu. Kode untuk cara melakukannya ada di sini: https://stripe.com/docs/js/payment_intents/confirm_payment#confirm_payment_intent-options-redirect

Bagaimana cara menggunakan Payment Element untuk menawarkan semua metode pembayaran yang didukung Stripe?

Untuk menggunakan Payment Element untuk menawarkan semua metode pembayaran yang didukung Stripe, Anda dapat meneruskan serangkaian metode pembayaran ke payment_method_types saat Anda membuat PaymentIntent. Namun, Anda tidak dapat melewati semua metode pembayaran yang didukung secara bersamaan karena beberapa metode pembayaran memerlukan mata uang yang berbeda. Anda hanya dapat membuat PaymentIntent dengan metode pembayaran yang mendukung mata uang yang sama. Silakan lihat Metode pembayaran dan tabel dukungan produk di sini:https://stripe.com/docs/payments/payment-methods/integration-options

Apa itu Payment Element Seluler? Bagaimana perbandingannya dengan Payment Element?

Payment Element seluler, atau kelas Payment Sheet dalam kode, adalah komponen UI siap-rakit yang aman yang menampilkan beberapa metode pembayaran dari seluruh dunia (Kartu, Dompet Digital, Debit Bank, Halaman Pembayaran Bank, BNPL, dll). Ini mirip dengan Payment Element di web, tetapi untuk digunakan dalam aplikasi seluler. Antarmuka pembayaran ditampilkan sebagai "lembar bawah" (mirip dengan Apple/Google Pay) dan dibangun ke dalam SDK Seluler Stripe. Produk ini akan membantu merchant Stripe meningkatkan konversi dan mengurangi biaya pembayaran, sambil menggerakkan tujuan perusahaan Stripe seputar adopsi metode pembayaran non-kartu. Untuk mengetahui informasi selengkapnya, lihat: https://stripe.com/docs/payments/accept-a-payment?platform=ios