Bagaimana cara menambahkan Gateway Pembayaran HitPay ke Toko WooCommerce?


• 3 min read
Bagaimana cara menambahkan Gateway Pembayaran HitPay ke Toko WooCommerce?


Tentunya Anda yang punya toko online meggunakan payment gateway sebagai metoda pembayarannya agar lebih mudah dan terintegrasi beerbagai metoda pembayaran. Beberapa platform pembayaran populer lainnya yang ada di Indonesia yaitu - Xendit, Midtrans, Doku, dan HitPay.

Kali  ini mimin ingin belajar cara menintegrasikan salah satu payment gateway, yaitu HitPay.

Berikut beberapa langkah yang harus dilakukan.

  1. Buat akun HitPay gratis
  2. Aktifkan Metode Pembayaran
  3. Aktifkan Metode Pembayaran di Saluran Penjualan

Install WooCommerce Plugin

Unduh dan install Gateway  HitPay Payment Gateway for WooCommerce, navigasikan ke Plugins > Add New within your WordPress admin page.

woocommerce-1.094f5bdc.png
pilihan plugin pada wordpress

Cari HitPay dari kolom pencarian kata kunci dan instal plugin HitPay

Screenshot_2021-03-08_at_4.39.39_PM.png
pencarian pada menu plugin wordpress

klik activate

Screenshot_2021-03-08_at_4.42.26_PM.png
mengaktivasi plugin di wordpress

Dari daftar plugin yang diunduh, klik Aktifkan Enable Auto Updates untuk memastikan plugin Anda diperbarui secara otomatis. (ga wajib sih...ya. baiknya diaktifkan agar kalo ada pembaharuan plugin dari pengembangnya.. akan otomatis update pluginnya)

Screenshot_2021-03-08_at_4.43.44_PM.png
eneble auto update pada wordpress

Tautkan HitPay dengan toko WooCommerce Anda

Pada menu WooCommerce... pilihlahmenu  Settings.

Screenshot_2020-04-30_at_8.59.41_AM.png
menu setting woocommerce pada wordpress

Pilih menu Payments pada bagian settings tersebut

Screenshot_2020-04-30_at_9.00.26_AM.png
menu Payments di bagian settings pada wordpress

Pilih Manage pada bagian HitPay payment method

Screenshot_2020-04-30_at_9.00.57_AM.png
Manage pada bagian HitPay payment method

Selesai untuk Konfigurasi  HitPay di WooCommerce

Note: Enable Live Mode ONLY if you have copy / pasted the API keys and Salt values from the production environment.

If you are testing in sandbox, you have to uncheck Live Mode and copy the API keys and Salt values from HitPay Sandbox environment : https://dashboard.sandbox.hit-pay.com

Sandbox testing instructions can be found here

IMPORTANT: Silakan pilih logo pembayaran yang ingin Anda tampilkan di halaman pembayaran. Jika Anda tidak memilih logo pembayaran, HitPay tidak akan muncul di halaman pembayaran

Screenshot_2021-03-01_at_2.57.26_PM.png
hitpay payment gateway mengaktifkan live mode, api key, dan salt

Membuat API keys

Navigasikan ke Payment Gateway-> API keys dari dashboard dan klik Generate API Key

Copy/Paste API Keys dan nilai Salt di HitPay settings WooCommerce seperti ditunjukkan gambar di atas.

Screenshot_2022-02-27_at_12.27.39_AM.png
Copy/Paste API Keys dan nilai Salt di HitPay settings WooCommerce

FINAL STEPS

Pilihlah menu Advanced pada bagian WooCommerce settings.

Screenshot_2020-05-28_at_5.38.52_PM.png
menu Advanced pada bagian WooCommerce settings

Pastikan Anda menyelesaikan bidang penyiapan halaman i.e Cart page and Checkout Page.

Screenshot_2020-05-28_at_5.39.37_PM.png
Penyiapan halaman Cart page dan Checkout Page pada setting woocommerce wordpress.

Tambahkan text [woocommerce_checkout] pada halaman yang dipilih untuk halaman pembayaran/Checkout Page. Anda dapat memilih menu halaman/Pages pada bagian menu, pilih  Checkout Page dan tambahkan text [woocommerce_checkout] pada bodi halaman.

Screenshot_2020-05-28_at_6.19.00_PM.png
Tambahkan text [woocommerce_checkout] pada halaman halaman pembayaran/Checkout Page pada wordpress.

That's it! Anda sudah siap dengan HitPay di WooCommerce. 🎉

GO TOP

🎉 You've successfully subscribed to Jejak Media!
OK