# Payment Element

Sematkan metode pembayaran langsung di aplikasi Anda.

Payment Element adalah komponen drop-in yang dapat disesuaikan dan [menyematkan daftar metode pembayaran](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md) pada layar apa pun di aplikasi Anda. Saat pelanggan memilih metode pembayaran dari daftar, lembar di bawahnya akan mengumpulkan detail pembayaran. Anda dapat menyesuaikannya agar sesuai dengan tampilan dan nuansa aplikasi Anda. Payment Element dalam aplikasi tersedia di SDK [iOS](https://github.com/stripe/stripe-ios), [Android](https://github.com/stripe/stripe-android), dan [React Native](https://github.com/stripe/stripe-react-native) kami. Silakan lihat panduan [menerima pembayaran dalam aplikasi](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md) untuk memulai.

> #### Aplikasi AS yang menjual barang digital
> 
> Aplikasi Android di AS yang menjual barang digital dapat memproses pembayaran di dalam aplikasi menggunakan the Payment Element. Jika Anda menjual barang digital di iOS, lihat cara mengimplementasikan alur aplikasi-ke-web menggunakan Stripe Checkout di bagian [Menjual barang digital dan langganan dalam aplikasi](https://docs.stripe.com/mobile/digital-goods/checkout.md).

Fitur ini tersedia di semua platform yang didukung.

> #### Ketuk untuk menambahkan ketersediaan kartu Anda
> 
> Fitur ketuk untuk menambahkan kartu Anda sedang dalam pratinjau privat. Anda dapat [mempelajari lebih lanjut](https://docs.stripe.com/payments/mobile/embedded-tap-to-add.md) tentang cara mengajukan permintaan akses dan mengintegrasikan fitur tersebut.
![Contoh integrasi Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/mobile-payment-element.de700c536720f40087a00fde4b958b9a.png)

Contoh integrasi Payment Element

Dengan Payment Element, Anda mendapatkan:

- [Akses ke lebih dari 100 metode pembayaran global](https://docs.stripe.com/payments/payment-methods/overview.md): Ini termasuk Apple Pay, Link, dan metode pembayaran populer lainnya yang diaktifkan secara otomatis.

- [Metode pembayaran dinamis](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md): Urutkan dan tampilkan metode pembayaran secara dinamis, serta [luncurkan pengujian A/B](https://docs.stripe.com/payments/a-b-testing.md) untuk metode pembayaran baru.

- [Penyesuaian UI agar sesuai dengan aplikasi Anda](https://docs.stripe.com/elements/appearance-api/embedded-mobile.md): Sesuaikan UI dengan desain aplikasi Anda. Tata letak tetap konsisten, tetapi Anda dapat memodifikasi warna, font, dan sebagainya.

- [Pengumpulan alamat](https://docs.stripe.com/payments/mobile/address-element.md): Kumpulkan alamat penagihan lengkap atau sebagian dengan metode pembayaran apa pun.

- [Metode pembayaran tersimpan](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=payment#enable-saved-cards): Simpan, gunakan kembali, dan kelola kartu serta rekening bank. Anda juga dapat [menyimpan detail pembayaran pelanggan tanpa pembayaran awal](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=setup).

## Demo Elemen Dalam Aplikasi Stripe

Pindai Kode App Clip ini dengan perangkat iOS Anda untuk mencoba demo interaktif Elements dalam aplikasi Stripe. Dalam demo, Anda dapat membuat berbagai konfigurasi UI untuk menemukan yang paling sesuai untuk contoh penggunaan Anda.
[![App Clip Code Showcase Payments dalam aplikasi Stripe untuk Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/embedded_app_clip.77900f08daadccd2a6f49cbbdb909a24.svg)
](https://apps.apple.com/demo/id6450683352?app-clip-bundle-id=com.stripe.PaymentSheetDemo.Clip)
## Tata letak

Pilih antara tata letak radio, tata letak tanda centang, atau tombol mengambang.
![Opsi tata letak Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-layout.f6c429b6dfdf24d2fa144725d8435a22.png)

Payment Element mendukung: tombol radio, tanda centang, dan tata letak tombol mengambang.

## Penampilan

Gunakan Appearance API untuk menyesuaikan tampilan dan nuansa Element Pembayaran agar sesuai dengan aplikasi Anda. Dengan Appearance API, Anda dapat mengontrol font, warna, batas, bayangan, dan sebagainya.
![Penyesuaian tampilan Element Pembayaran](https://b.stripecdn.com/docs-statics-srv/assets/pe-appearance.0c2a1c5208103bcfb92b67b10dd9fb2f.png)

Contoh berbagai cara untuk menata Element Pembayaran

## Metode pembayaran

Element Pembayaran menyediakan akses ke lebih dari 100 metode pembayaran di semua negara yang didukung Stripe. Anda dapat mengaktifkan metode pembayaran dari Dashboard Stripe Anda atau dengan menggunakan [Metode Pembayaran Custom](https://docs.stripe.com/payments/payment-methods/custom-payment-methods.md).

Penyedia metode pembayaran sering kali mengubah persyaratan pengumpulan dan tampilan mereka. Saat Anda menggunakan Element Pembayaran untuk menampilkan metode pembayaran, Stripe menangani semua pengumpulan detail pembayaran dalam formulir lokal yang telah dibuat sebelumnya yang selalu kami perbarui dengan setiap penyedia pembayaran.
![Metode pembayaran Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-payment-methods.91cb1be9cb8ef55b873074dd6f3a7c12.png)

Contoh debit P24 dan SEPA di Payment Element

## Dompet digital

Payment Element mendukung dompet populer, termasuk Apple Pay dan Link, dompet yang dibuat oleh Stripe. Element Pembayaran menampilkan dompet digitalsebaris sebagai opsi metode pembayaran.
![Dompet digital Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-wallets.fed1c5ad5fbb89d74be25e02d291e25c.png)

Contoh Link dalam Element Pembayaran

## Metode pembayaran tersimpan

Element Pembayaran mendukung penyimpanan, tampilan, dan pengelolaan metode pembayaran yang disimpan. Pengumpulan izin ditangani secara otomatis, sehingga memastikan kepatuhan global.

Metode pembayaran yang disimpan mendukung kartu, rekening bank AS, dan rekening debit SEPA.

CustomerSessions API memberikan kontrol tambahan atas:

- Kapan harus menampilkan atau menyembunyikan kotak simpan izin
- Kapan harus menampilkan atau menyembunyikan metode pembayaran yang disimpan
- Mengizinkan pelanggan untuk menghapus metode pembayaran yang disimpan
- Mencegah pelanggan menghapus metode pembayaran terakhir yang disimpan
![Element Pembayaran menyimpan metode pembayaran](https://b.stripecdn.com/docs-statics-srv/assets/pe-saved-payment-methods.6aef147c8b230f2cb50c115b2054f814.png)

Contoh cara pelanggan mengakses metode pembayaran yang tersimpan di Element Pembayaran

## Kumpulkan detail alamat

Anda dapat mengonfigurasi Element Pembayaran untuk mengumpulkan informasi pembayaran tambahan, termasuk nama, email, nomor telepon, dan alamat penagihan, apa pun metode pembayaran yang digunakan pelanggan.

Pengumpulan alamat lengkap mencakup isi otomatis yang disediakan oleh Stripe untuk negara yang didukung, tanpa memerlukan penyiapan tambahan.

> Dengan menggunakan pelengkapan otomatis, Anda setuju untuk mematuhi [Kebijakan Penggunaan yang Dapat Diterima Google Maps Platform](https://cloud.google.com/maps-platform/terms/aup). Jika Anda melanggar kebijakan ini, Stripe mungkin menonaktifkan pelengkapan otomatis atau mengambil tindakan lain yang diperlukan.
![Pengumpulan alamat Element Pembayaran](https://b.stripecdn.com/docs-statics-srv/assets/pe-collecting-address-details.f806ddc435848cdf38470fb4e5adb15b.png)

Contoh yang menunjukkan detail penagihan lengkap yang dikumpulkan

## Fitur tambahan

Payment Element juga berisi fitur berikut:

- Pengumpulan ulang CVC: Konfigurasikan apakah pengumpulan ulang CVC diperlukan saat pengguna membayar dengan metode pembayaran yang disimpan.
- [Pemfilteran merek kartu](https://docs.stripe.com/payments/mobile/embedded-filter-card-brands.md): Konfigurasikan merek kartu yang Anda terima.
