Cara Mengatur Webhook Stripe WordPress (Tanpa WooCommerce)

Diterbitkan: 2023-10-11

Pernah bertanya-tanya bagaimana cara mengintegrasikan webhook WordPress Stripe untuk proses pembayaran online yang lancar?

Dengan memanfaatkan kemampuan webhook Stripe, Anda dapat meningkatkan permainan pembayaran Anda dan memastikan pengalaman pengguna yang lancar.

Tutorial ini akan mengajari Anda cara mengintegrasikan webhook Stripe dengan WPForms dalam sekejap, menjaga situs Anda tetap sinkron dengan aktivitas Stripe Anda.

Siapkan Webhook Stripe dengan WPForms

Cara Mengatur Webhook Stripe (Tanpa WooCommerce)

Anda dapat dengan mudah mengatur webhook Stripe menggunakan integrasi Stripe asli WPForms. Ikuti langkah-langkah di bawah ini untuk memulai:

Dalam Artikel Ini

  • 1. Menginstal dan Mengaktifkan WPForms
  • 2. Menghubungkan Stripe ke Situs WordPress Anda
  • 3. Menyiapkan Webhook Stripe Secara Manual
  • 4. Membuat Titik Akhir Webhook di Stripe
  • 5. Memanfaatkan Fitur Pembayaran yang Ditingkatkan

1. Menginstal dan Mengaktifkan WPForms

WPForms memudahkan pembuatan formulir di situs Anda. Ia bekerja dengan Stripe dan platform pembayaran lainnya, menjadikannya salah satu plugin pembayaran WordPress terbaik.

Selain itu, plugin WPForms gratis memudahkan untuk menghubungkan formulir pemesanan Anda dengan Stripe, membebankan biaya nominal 3% per transaksi + biaya Stripe.

Semua tingkat lisensi, termasuk pelanggan WPForms Lite, juga dapat menggunakan webhook untuk koneksi dua arah ke Stripe, yang tidak terlalu rumit dan memakan waktu dibandingkan WooCommerce.

Jika Anda ingin menghapus biaya tambahan, Anda dapat meningkatkan ke WPForms Pro untuk menghemat biaya dalam jangka panjang dan mengakses fitur yang lebih canggih.

WPForms homepage

Setelah Anda memilih versi WPForms dan siap untuk melanjutkan, unduh dan aktifkan plugin di situs WordPress Anda!

Besar! Sekarang, saatnya menyiapkan koneksi Stripe dengan WPForms dan mengaktifkan webhook Stripe untuk menyinkronkan situs web Anda dengan aktivitas Stripe Anda.

2. Menghubungkan Stripe ke Situs WordPress Anda

Untuk memulai, Anda harus membuka WPForms »Pengaturan di menu sebelah kiri dashboard WordPress Anda. Dari sana, klik tab Pembayaran .

WPForms payments tab

Jika Anda ingin mengubah mata uang yang digunakan di situs Anda, pilih mata uang yang diinginkan dari menu drop-down sebelum melanjutkan.

Payment currency selection

Setelah Anda siap untuk mengintegrasikan pembayaran Stripe ke platform Anda, gulir ke bawah dan klik tombol biru Hubungkan dengan Stripe .

Connect with Stripe

Setelah itu, Anda harus memasukkan detail login Stripe Anda untuk menghubungkan akun Stripe Anda dengan WPForms. Jika Anda tidak memiliki akun Stripe, mungkin sekarang saat yang tepat untuk membuatnya.

WPForms Stripe account

Setelah mengikuti semua langkah di wizard Stripe Connect, Anda akan diarahkan kembali ke area admin situs Anda. Di sini, Anda akan melihat tanda centang hijau di sebelah Status Koneksi .

Stripe connection status

Catatan: Webhook akan dikonfigurasi secara otomatis saat Anda menghubungkan situs Anda ke Stripe. Ini akan mencoba konfigurasi otomatis beberapa kali di latar belakang.

Namun, dalam beberapa kasus yang jarang terjadi, konfigurasi otomatis mungkin tidak berfungsi untuk akun Anda. Jadi, WPForms kemudian akan menampilkan kolom untuk mengaturnya secara manual.

Untuk menyiapkan webhook Stripe secara manual, Anda harus membuat titik akhir di dasbor Stripe dan menyalin kunci konfigurasi ke WPForms.

3. Menyiapkan Webhook Stripe Secara Manual

Untuk melakukan ini, navigasikan ke WPForms »Pengaturan di menu situs WordPress di sebelah kiri. Klik pada tab Pembayaran .

Selanjutnya, gulir ke bawah hingga Anda mencapai area berlabel Stripe . Untuk memulai, alihkan opsi Aktifkan Webhook dari sini.

enable webhooks option

Lalu, di bagian bawah laman, klik Simpan Setelan . Halaman sekarang akan disegarkan, dan Anda akan dapat melihat kolom tambahan untuk konfigurasi webhook lebih lanjut.

webhooks field

Anda dapat menggunakan akun Stripe Anda untuk membuat titik akhir baru, yang akan memberi Anda data yang Anda perlukan untuk bidang ini.

Catatan: Pengaturan individual diperlukan untuk mode Live dan Test. Gunakan bidang ID Tes Webhook dan Rahasia Tes Webhook untuk Mode Tes.

Gunakan bidang Webhook Live ID dan Webhook Live Secret untuk Mode Langsung. Pastikan mode situs Anda cocok dengan pengaturan Stripe.

Anda kemudian dapat beralih antara mode sinkronisasi Langsung dan Uji dengan mengunjungi *domain*/wp-admin/admin.php?page=wpforms-settings&view=payments&webhooks_settings .

4. Membuat Titik Akhir Webhook di Stripe

Masuk ke akun Stripe Anda dan akses dasbor Stripe Anda dari tab baru sehingga Anda dapat kembali ke halaman Pengaturan WPForms nanti.

Saat Anda masuk ke akun Stripe Anda, tombol pengalih mode Uji akan muncul di sudut kanan atas halaman.

Stripe dashboard test mode

Catatan: Jika Anda berada dalam Mode Tes, tombol alihnya harus AKTIF , dan jika Anda berada dalam Mode Langsung, tombolnya harus OFF .

Untuk melanjutkan, Anda dapat menavigasi ke opsi Pengembang , yang dapat ditemukan di sudut kanan atas halaman.

Stripe dashboard developers option

Setelah Anda membuka halaman Pengembang, cukup navigasikan ke tab Webhook dan klik di atasnya.

webhooks tab Stripe dashboard

Selanjutnya, klik ikon Tambahkan titik akhir di halaman Webhook untuk membuat titik akhir webhook baru.

add an endpoint

Ini menampilkan halaman acara webhook Listen to Stripe di mana Anda harus mengisi informasi yang diperlukan untuk menyiapkan webhook Anda.

Stripe events page

Sekarang, kembali ke WPForms » Pengaturan » Pembayaran . Sesampai di sana, salin Titik Akhir Webhook dengan mengklik ikon salin.

copy webhooks endpoint

Setelah Titik Akhir Webhook disalin, buka akun Stripe Anda dan masukkan ke dalam bidang URL Titik Akhir .

endpoint url in Stripe account

Kemudian, akan muncul pilihan Dengarkan dan Versi . Biarkan acara tidak terganggu, lalu klik tombol + Pilih acara .

select events button

Untuk melengkapi pilihan acara Anda, centang opsi Pilih semua acara lalu klik tombol Tambahkan acara .

Stripe add events

Setelah selesai, silakan gulir ke bawah hingga bagian bawah halaman dan klik tombol Tambahkan titik akhir .

Stripe add endpoint

Setelah Anda menyiapkan webhook, Anda akan menemukan ID webhook ditampilkan di kanan atas halaman. Cukup klik untuk menyalin.

Stripe copy webhook id

Kembali ke WPForms » Pengaturan » Pembayaran dan tempel ID webhook ke area Webhook Live ID .

paste webhooks live id

Setelah itu, kembali ke akun Stripe Anda, cari bagian Signing secret key, lalu klik opsi Reveal .

Stripe reveal signing secret

Ketika rahasia Penandatanganan terungkap, salin nilainya dan tempelkan ke bidang Webhook Live Secret di pengaturan WPForms Anda.

webhooks live secret

Selanjutnya, klik Simpan Pengaturan , dan Anda akan selesai dengan konfigurasinya! Status pembayaran Anda sekarang akan disinkronkan secara real time antara WPForms dan Stripe.

5. Memanfaatkan Fitur Pembayaran yang Ditingkatkan

Setelah Anda siap menerima pembayaran melalui Stripe dan WPForms, Anda dapat melakukan berbagai tindakan tanpa sering mengakses dasbor Stripe.

Misalnya, Anda dapat mengakses semua pembayaran WPForms di dashboard WordPress Anda dengan membuka WPForms » Pembayaran dan memilih tab Ikhtisar .

Anda dapat mengubah tampilan grafik dan dengan cepat melihat data yang paling Anda minati dengan mengeklik opsi di bawah grafik, seperti:

  • Jumlah Pembayaran
  • Jumlah Penjualan
  • Jumlah yang Dikembalikan
  • Langganan Baru
  • Perpanjangan Langganan
  • Kupon Ditebus

WPForms payments summary graph

Selain itu, Anda dapat memfilter pembayaran berdasarkan berbagai kriteria dengan menggunakan dropdown di bagian atas tabel pembayaran, yang meliputi:

  • Semua jenis : Jenis pembayaran, yang mencakup pembayaran satu kali dan langganan.
  • Semua gateway: Metode pembayaran yang digunakan untuk menangani dan menyetujui transaksi pembayaran, termasuk PayPal Standard, PayPal Commerce, Stripe, Square, dan Authorize.net.
  • Semua langganan : Status pembayaran berbasis langganan saat ini, yang mungkin berupa salah satu dari yang berikut: Aktif, Dibatalkan, atau Tidak Disinkronkan.

wpforms payment filter options

Catatan: Opsi filter Semua gateway hanya tersedia jika Anda telah mengaktifkan beberapa gateway pembayaran di WPForms.

Jika Anda memerlukan informasi lebih lanjut tentang pembayaran tertentu, cukup klik email pembayar yang terletak di bawah kolom Pembayaran .

click individual payment

Anda sekarang dapat melihat semua informasi yang diperlukan mengenai pembayaran tersebut di halaman pembayaran khusus.

individual payments page

Jika diperlukan, Anda dapat mengklik Lihat di Stripe untuk mengakses detail pembayaran langsung dalam platform gateway pembayaran masing-masing.

view in stripe

Atau, jika Anda ingin melakukan pengembalian dana melalui gateway pembayaran untuk pembayaran terkait, klik tombol Pengembalian Dana .

refund payment

Anda juga dapat membatalkan langganan langsung dari dalam dashboard WordPress dengan mengklik tombol Batal untuk pembayaran masing-masing.

cancel subscription

Untuk informasi lebih lanjut tentang menavigasi dan melihat rincian halaman entri individual, lihat panduan kami tentang Entri Formulir.

Pertanyaan Lebih Lanjut tentang Webhook Stripe WordPress

Mengintegrasikan Stripe Webhook ke WordPress adalah topik populer di kalangan pembaca kami. Berikut adalah jawaban atas beberapa pertanyaan umum tentang hal itu.

Bagaimana cara beralih antara mode langsung dan uji untuk webhook Stripe?

Anda dapat beralih antara mode sinkronisasi Langsung dan Uji dengan mengunjungi *domain*/wp-admin/admin.php?page=wpforms-settings&view=payments&webhooks_settings

Bagaimana cara menambahkan Stripe Webhook ke WordPress?

Anda dapat memanfaatkan integrasi Stripe asli WPForms untuk pengaturan webhook yang lancar di situs WordPress Anda, tanpa pengetahuan pengkodean apa pun.

Apakah WordPress mendukung Webhook?

Ya, WordPress mendukung webhook, dan alat seperti WPForms membuat integrasi menjadi lebih mudah dengan Stripe.

Apakah Stripe gratis di WordPress?

Meskipun Stripe mengenakan biaya pemrosesan, mengintegrasikannya dengan WordPress menggunakan fitur Stripe asli WPForms tidak membebankan biaya tambahan dari sisi plugin.

Selanjutnya, Pelajari Cara Membuat Kupon Sekali Pakai di WordPress

Ingin mempelajari cara membuat kupon sekali pakai tanpa WooCommerce? Lihat cara termudah membuat formulir untuk mengelola dan mendistribusikan kupon sekali pakai dengan WPForms.

Buat Formulir WordPress Anda Sekarang

Siap membuat formulir Anda? Mulailah hari ini dengan plugin pembuat formulir WordPress termudah. WPForms Pro menyertakan banyak templat gratis dan menawarkan jaminan uang kembali 14 hari.

Jika artikel ini membantu Anda, silakan ikuti kami di Facebook dan Twitter untuk tutorial dan panduan WordPress gratis lainnya.