Integrasi Gateway Pembayaran WooCommerce Stripe dalam langkah mudah

Programming

Oleh Vinci terakhir diubah pada 11 Juli 2022.

Integrasi payment gateway merupakan modul penting dalam membangun website e-commerce. Untuk toko WooCommerce, ada beberapa opsi untuk integrasi gateway pembayaran.

Payment gateway adalah untuk mengaktifkan fitur pembayaran online di akhir proses e-purchase. Ada beberapa penyedia payment gateway yang menawarkan proses pembayaran yang aman dan terpercaya melalui aplikasi e-commerce.

Daftar berikut menunjukkan contoh penyedia gateway pembayaran untuk toko WooCommerce.

  1. PayPal
  2. garis-garis
  3. Setelah pembayaran
  4. Pembayaran Amazon
  5. Bayar Cepat
  6. persegi dan banyak lagi…

Stripe adalah salah satu pilihan terbaik yang menawarkan layanan pembayaran yang baik.

Alasan memiliki Stripe untuk WooCommerce

Pertama, kita akan melihat mengapa Stripe adalah pilihan terbaik untuk memiliki opsi pembayaran ini terlepas dari WooCommerce. Kemudian, kita dapat melihat manfaat gabungan dari memiliki Stripe di WooCommerce.

Stripe adalah salah satu penyedia gateway pembayaran yang paling banyak digunakan. Ini adalah solusi populer di seluruh dunia untuk pembayaran kartu. Ini memiliki beberapa keunggulan dan mereka adalah:

  • Kemudahan integrasi dan penggunaan.
  • Biaya transaksi dan tingkat konversi yang sesuai.
  • Pengalaman mulus dengan pembayaran kartu kredit atau debit.
  • Siklus hidup pembayaran yang aman dengan pendaftaran webhook yang tepat.

Manfaat mengintegrasikan Stripe ke WooCommerce

  • Menerima semua pembayaran kartu kredit atau debit populer melalui web atau seluler.
  • Elemen checkout Stripe sebaris alih-alih pengalihan. Ini mengurangi churn dan meningkatkan tingkat konversi.
  • Dengan plugin WooCommerce Stripe yang populer, Anda mendapatkan solusi pembayaran yang kuat.
  • Mudah diupgrade untuk mendapatkan fitur terbaru dan tambahan.

Pembayaran melalui WooCommerce

Bagaimana mengintegrasikan Stripe di toko WooCommerce

Ada berbagai plugin untuk integrasi gateway pembayaran Stripe. Tiga di antaranya tercantum di bawah ini.

  1. Gerbang pembayaran WooCommerce Stripe
  2. Plugin pembayaran untuk Stripe WooCommerce
  3. Terima pembayaran Stripe

Bagian berikut menjelaskan plugin ini dan menunjukkan cara menggunakannya untuk mengatur pembayaran Stripe.

Catatan: Dapatkan kunci API Stripe Anda sebelum memulai integrasi.

1. Plugin Gerbang Pembayaran WooCommerce Stripe

Ini aktif dengan versi terbaru yang memungkinkan dan jumlah instalasi tertinggi. Mari kita lihat fitur dan manfaatnya di bawah ini.

resep 6.4.0
Fasilitas aktif 900.000+
pembaruan terbaru 1 hari yang lalu

Kemungkinan

  • Menerima sebagian besar pembayaran kartu.
  • Mendukung Apple Pay, Google Pay, dan Microsoft Pay per pelanggan.
  • Membuat checkout Stripe sebaris dengan WooCommerce alih-alih mengalihkan ke layanan yang dihosting.
  • Dukungan untuk ekstensi seperti langganan WooCommerce.
  • Mendukung koneksi API Pembayaran Web untuk pembayaran melalui perangkat seluler.

manfaat

  • Melacak kasus pelanggan dan menghemat waktu pada pembayaran berturut-turut.
  • Memungkinkan pembayaran cepat dengan autentikasi sentuh atau wajah dengan ID Apple.
  • Mendukung pembayaran cepat dengan beberapa ketukan menggunakan layanan API Pembayaran Web.

Langkah-langkah integrasi

Unduh plugin ini dari situs web resmi dan unzip di direktori plugin WordPress. Kemudian masuk ke admin WordPress dan pergi ke Plugins->Installed Plugins untuk mengaktifkan plugin.

Plugin ini membantu membuat checkout linier di keranjang belanja dalam 2 langkah. Klik pada pengaturan plugin dan ikuti langkah-langkah di bawah ini.

  1. Pilih mode uji dan atur kunci (dapat diterbitkan, kunci rahasia, dan kunci rahasia Webhook).
  2. Konfigurasikan setelan Checkout Kilat. Ini juga memungkinkan Anda untuk menyesuaikan elemen pembayaran Stripe.

Elemen bergaris di checkout WooCommerce

Setelah pengaturan, etalase akan menampilkan opsi untuk membayar dengan Stripe. Gambar di bawah ini menunjukkan opsi Stripe (hanya kartu) di halaman pemesanan WooCommerce Place.

Garis WooCommerce

2. Plugin pembayaran untuk Stripe WooCommerce

Ini mendukung pembayaran kartu, pembayaran seluler, pembayaran elektronik langsung seperti ACH, dll.

Membutuhkan WordPress versi 5.6 atau lebih tinggi. Informasi penting tentang status plugin ditunjukkan pada tabel di bawah ini.

resep 3.3.19
Fasilitas aktif 80.000+
pembaruan terbaru 2 bulan yang lalu

Kemungkinan

  • Mendukung pembayaran browser seperti Google Pay dan Apple Pay di halaman produk, keranjang, dan pembayaran.
  • 2.0 menawarkan brankas 3D.
  • Mengizinkan plugin seperti langganan WooCommerce, pemesanan di muka, dan pemblokiran.

manfaat

  • Ini adalah mitra Stripe resmi, yang berarti memiliki keandalan dan kepercayaan yang tinggi.
  • Ini memiliki lebih sedikit gesekan dan memfasilitasi pembayaran tanpa batas untuk meningkatkan tingkat konversi.

Langkah-langkah integrasi

Unduh plugin dan luncurkan di toko WordPress. Buka pengaturan plugin untuk mengonfigurasi kunci Stripe dan lebih banyak perintah.

Halaman pengaturan berisi banyak tab untuk mengelompokkan pengaturan. Mari kita lihat beberapa pengaturan di pengaturan plugin.

Pengaturan API Untuk memilih mode demo atau live.
Untuk menyetel kunci API Stripe dan setelan webhook.
pengaturan lanjutan Untuk memperjelas pembayaran angsuran
Untuk mengaktifkan pelacakan berbasis peristiwa. Contoh: Inisiasi pengembalian dana jika terjadi pembatalan. Menunda ketika perselisihan muncul.
Untuk mengaktifkan pengiriman tanda terima melalui email.
Kartu kredit/debit Untuk mengonfigurasi pengaturan elemen kartu kredit Stripe.

Terlepas dari yang di atas, tab Pembayaran memiliki pengaturan yang terkait dengan berbagai gateway seperti Apple Pay dan semuanya.

Plugin ini menawarkan banyak pengaturan untuk dikonfigurasi. Untuk langkah pertama, konfigurasikan pengaturan berikut untuk memverifikasi bahwa pembayaran Stripe terintegrasi.

  • Kunci API dan konfigurasi webhook.
  • Menyesuaikan bidang elemen kartu bergaris.

Opsi pembayaran Output Stripe

Elemen Kartu Garis WooCommerce

3. Terima pembayaran Stripe

Ini menempatkan tombol “Beli Sekarang” Stripe di UI. Ini memungkinkan pembelian barang atau produk atau layanan digital. Menyematkan elemen pembayaran Stripe melalui kode pendek.

Membutuhkan WordPress versi 5.0 atau lebih tinggi dan PHP versi 5.6 atau lebih tinggi. Ini adalah plugin terbaru kedua yang diperbarui di antara tiga plugin yang kami bandingkan.

resep 2.0.63
Fasilitas aktif 40.000+
pembaruan terbaru 1 minggu yang lalu

Kemungkinan

  • Solusi pembayaran satu ketukan dengan fitur ingat.
  • Melacak transaksi di admin WordPress.
  • Ini memungkinkan penjualan produk digital, aset media, dan lainnya.
  • Mengizinkan toko WooCommerce dicap dengan menampilkan logo situs web di jendela checkout.
  • Mengirim email pemberitahuan kepada pembeli dan penjual.
  • Ini memberikan opsi untuk pembayaran di masa mendatang dengan instruksi “hanya yang diotorisasi”.

manfaat

  • Menyediakan panel pembayaran Stripe yang responsif.
  • Memungkinkan penyesuaian elemen Stripe dengan CSS agar sesuai dengan tema WooCommerce.
  • Menerima data tambahan dari pelanggan menggunakan bidang khusus.
  • Pembayaran aman dengan otentikasi 3DS dan SCA.

Langkah-langkah integrasi

Unduh plugin Terima Pembayaran Stripe dari repositori resmi WordPress. Kemudian aktifkan plugin ini dan konfigurasikan untuk menawarkan opsi pembayaran Stripe di frontend WooCommerce.

Ini memungkinkan situs web WordPress untuk menjual produk tanpa WooCommerce. Ikuti langkah-langkah di bawah ini untuk mengonfigurasi pengaturan pembayaran Stripe dasar.

  • Buka pengaturan plugin dan konfigurasikan kunci API.
  • Untuk menambahkan produk ASP, buka pembayaran Stripe -> Produk. Langkah ini membuat kode pendek spesifikasi produk asp dengan ID produk yang sesuai.
  • Buat halaman atau posting dan petakan produk ASP untuk menampilkan bilah dengan tombol “Beli Sekarang”.

Plugin ini memiliki 4 tab pengaturan yang dikategorikan oleh pengaturan Terima Pembayaran Stripe.

  • Pengaturan Umum
  • Pengaturan email
  • pengaturan lanjutan
  • captcha

Pengaturan Umum

  1. Saat Anda mengaktifkan plugin ini, itu akan menghasilkan halaman “Terima Kasih” dan “Produk ASP”. Pengaturan umum mengisi tautan ini.
  2. Tindakan Tambahkan Produk membuat kode pendek ASP untuk dipetakan untuk menampilkan opsi pembelian produk.
  3. Ini termasuk pengaturan untuk harga dan konfigurasi mata uang.
  4. Untuk mengaktifkan validasi kode pos penagihan untuk mencegah entri penagihan anonim.
  5. Terutama, tab ini memiliki bidang untuk menyetel kunci API Stripe dan beralih antara mode demo atau langsung.

Pengaturan email

  • Hal ini untuk mengaktifkan tanda terima pesanan untuk dikirim melalui email notifikasi.
  • Konfigurasikan alamat target pembeli dan penjual untuk mengirim tanda terima.
  • Hal ini memungkinkan untuk menyesuaikan template email.

pengaturan lanjutan

Tab ini digunakan untuk mengonfigurasi elemen tampilan harga, bidang khusus, ketentuan, dan lainnya.

  • Pengaturan harga – untuk menambahkan posisi mata uang, pemisah titik desimal, format angka dengan pemisah ribuan.
  • Pengaturan Bidang Kustom – Untuk menambahkan opsi untuk mendapatkan informasi tambahan bagi pembeli.

captcha

Plugin ini sangat menyarankan untuk mengaktifkan captcha untuk mencegah serangan berbahaya. Ini menawarkan dua jenis layanan captcha.

Beli Strip WordPress sekarang

Hasil

Karena Pembayaran Stripe adalah solusi yang banyak digunakan, mendemonstrasikan integrasi pembayaran dapat memandu pengembang pemula dan ahli.

Pada artikel ini, kita telah melihat tiga plugin Stripe untuk menyiapkan gateway pembayaran. Kebanyakan dari mereka adalah plugin WooCommerce.

Kami juga melihat cara menerima pembayaran melalui toko WordPress Anda tanpa plugin WooCommerce.

Saya harap pilihan ini membantu Anda mengaktifkan pembayaran Stripe di situs web WooCommerce Anda. Berbagai penyesuaian membantu membuat elemen Stripe unik untuk WooCommerce.

Kembali ke atas


Source link

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *