article

How To Accept PayNow QR, Visa, Mastercard, American Express, Apply Pay, Google Pay, Wechat Pay, AliPay And GrabPay On Your WooCommerce Store

Guide

To accept PayNow QR, Visa, Mastercard, American Express, Apple Pay, Google Pay, WeChat Pay, AliPay and GrabPay PayNow, first register an account at HitPay.

Complete  PayNow Setup

Complete your PayNow setup by navigating to settings>paymentmethods>paynow in the HitPay Dashboard

Fill out the required business details and click on Save

Enable Credit Cards, WeChatPay, AliPay, GrabPay

Connect a Stripe account under Settings > Payment Methods > Credit Cards in the HitPay Dashboard

Connecting a Stripe account is mandatory , however you may choose your activated payment methods under Settings > Payment Gateway > Integrations

Install WooCommerce Plugin

To download and install the HitPay Payment Gateway for WooCommerce, navigate to Plugins > Add New within your WordPress admin page.

 woocommerce-1.094f5bdc.png

Search for HitPay from the keyword search field and install the HitPay plugin

Screenshot_2021-03-08_at_4.39.39_PM.png

Click on activate

Screenshot_2021-03-08_at_4.42.26_PM.png

From the list of downloaded plugins, click on Enable Auto Updates to ensure your plugin is auto updated.

Screenshot_2021-03-08_at_4.43.44_PM.png

Link HitPay with your WooCommerce store

Now navigate to Settings under WooCommerce 

Screenshot_2020-04-30_at_8.59.41_AM.png 

Click on Payments under settings

Screenshot_2020-04-30_at_9.00.26_AM.png

Click on Manage next to HitPay payment method

Screenshot_2020-04-30_at_9.00.57_AM.png

Complete HitPay configuration in 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 : Please select the payment logos that you want to display in the checkout page. If you do not select the payment logos, HitPay will not appear in the checkout page

Screenshot_2021-03-01_at_2.57.26_PM.png

Create API keys

Navigate to Settings>Payment Gateway>API keys from the dashboard

Screenshot_2021-03-01_at_2.49.09_PM.png

Click on Generate API Key

Screenshot_2021-03-01_at_2.49.39_PM.png

Copy / Paste the highlighted values in the HitPay settings in WooCommerce as shown above

Screenshot_2021-03-01_at_2.49.52_PM.png

Activate Payment Methods For WooCommerce from HitPay

Navigate to Settings>Payment Gateway>Integrations 

Screenshot_2020-04-29_at_10.29.54_PM.png

Click on Add New

Screenshot_2020-04-29_at_10.31.09_PM.png

Select the Integration Name : WooCommerce API, select the payment methods that you would like to enable and click on Save

Screenshot_2020-04-30_at_11.28.50_AM.png 

Upon clicking Save, you will be able to view the payment methods enabled for your store

Screenshot_2020-04-30_at_11.28.34_AM.png 

FINAL STEPS

Click on Advanced under WooCommerce settings

Screenshot_2020-05-28_at_5.38.52_PM.png

Ensure you complete Page setup fields i.e Cart page and Checkout Page

Screenshot_2020-05-28_at_5.39.37_PM.png

Add the text [woocommerce_checkout] to the page that has been selected as Checkout Page above.

You may do so by clicking on Pages from the left menu, click on the page selected as Checkout Page

and add the text [woocommerce_checkout] in the body of the page

Screenshot_2020-05-28_at_6.19.00_PM.png

Thats it! You are all setup!