#  

<Frame>
<img style = "pointer-events:none;" src="https://api.apidog.com/api/v1/projects/831852/resources/351996/image-preview"></img>
</Frame>


## 1. Introduction
The ABA PayWay WooCommerce Plugin lets you easily integrate ABA PayWay into your WordPress store.



Provide a smooth checkout experience while offering multiple popular payment methods, including:

- Local: **ABA PAY, KHQR**
- International: **Visa, Mastercard, UnionPay, JCB, Alipay, WeChat Pay**

## 2. How it works


<Frame caption="ABA PayWay Credit/Debit Card checkout experience on Woocommerce">
  ![card2.png](https://api.apidog.com/api/v1/projects/831852/resources/352053/image-preview)
</Frame>
1. Customers browse your WooCommerce store and add products to their cart.
2. At **checkout**, they select a payment method.
3. A secure payment popup appears for them to complete the payment.
4. After payment, they are redirected to the confirmation page, and the order status updates automatically.

## 3. Integration Steps
### 3.1 Integration Steps

Follow the steps below to integrate the ABA PayWay Payment Gateway into your WordPress store.

:::info[]
**Prerequisites** 

Before integrating PayWay with your WooCommerce store, ensure you have:

- A **PayWay Sandbox Account**: **[Register here](https://sandbox.payway.com.kh/login/)** to receive your testing Merchant ID and API Key via email.
- A **WordPress site and WooCommerce store**, both within the *latest 3 versions*, set up with products/services ready to sell.
:::

**Step 1: Find and Install the Plugin**

- Log in to your **WordPress admin panel**.
- Navigate to the **Plugins** section and click **Add New Plugin**.

<Frame>
  ![1 (1).webp](https://api.apidog.com/api/v1/projects/831852/resources/351899/image-preview)
</Frame>

- Search for "**ABA PayWay**".
<Frame>
 ![2.webp](https://api.apidog.com/api/v1/projects/831852/resources/351900/image-preview)
</Frame>

- Click **Install Now** on the plugin.
<Frame>
![3.webp](https://api.apidog.com/api/v1/projects/831852/resources/351901/image-preview)
</Frame>

- Then, click **Activate**.
<Frame>
![4.webp](https://api.apidog.com/api/v1/projects/831852/resources/351902/image-preview)
</Frame>

**Step 2: Configure the ABA PayWay Plugin**

- Upon activation, you will be redirected to the Installed Plugin Page.
- Click on **Settings**, which will redirect you to **Woocommerce Payment Settings**.
<Frame>
![image.png](https://api.apidog.com/api/v1/projects/831852/resources/351965/image-preview)
</Frame>

- Then click **Manage** to access the gateway configuration page.
<Frame>
![image.png](https://api.apidog.com/api/v1/projects/831852/resources/351966/image-preview)
</Frame>

- In the configuration settings, locate the **Merchant ID & API Key** field and fill in your sandbox credentials:
***These credentials should be in the **email** you’ve registered for a PayWay Sandbox account.*


- Ensure you've checked the **Sandbox Mode** to enable testing.

<Frame>
![WooCommerce-settings-‹-pw-wordpres-php8-0-—-WordPress-03-14-2025_10_46_AM.png](https://api.apidog.com/api/v1/projects/831852/resources/352081/image-preview)
</Frame>

---

**Merchant ID** `mandatory`
Enter your unique PayWay merchant ID in this field. You can find it in the email registered for your PayWay Sandbox account. When you're ready to go live, replace it with your production merchant ID.

---

**API Key** `mandatory`
Enter your unique PayWay API Key in this field. You can find it in the email registered for your PayWay Sandbox account. When you're ready to go live, replace it with your production API Key.

---

**Sandbox Mode**
Enable this option to connect your integration to the PayWay sandbox account for testing. If unchecked, it will connect to the PayWay production environment.

---

**Payment Methods** `mandatory`
Choose the payment methods you want to offer customers at checkout. Test any of these methods in the sandbox environment. To go live, you may enable only those agreed upon with the Payway sales team.

To select multiple options, hold **Command (⌘)** on Mac or **Ctrl** on Windows, then click the payment methods you want to accept (e.g., Credit/Debit Cards, ABA KHQR).

---

**Payment Method Icon Color**
Some websites might have background colors that make the payment method icon hard to see. To fix this, our plugin provides two icon options: **Color Background** and **White Background**.

---

**Hide/Unhide Close Button**
In the modal popup checkout, you can decide to show or hide the close button. Displaying it lets customers cancel their payment during the payment step.

---
**Success URL for Web Continuation**
This is the URL where you want to redirect customers after payment completion.

---
**Success URL for Mobile Continuation**
This is the URL where you want to redirect customers after payment completion.


---

**Pushback URL**
PayWay will send the URL after payment completion. If the default pushback URL doesn't work, use this URL instead: https://pw-wordpress.ababank.com/?aba_payway_pushback=1.

---

**Mini App Integration JS**
To use your website as a mini app on ABA Mobile, you need to add a JavaScript script here. This script will be provided after you complete the onboarding process for the mini app.

---

**Custom CSS**
Your website may use themes or plugins with conflicting CSS. Add your custom CSS here to override these styles and ensure proper display.

---


### 3.2 Testing
**Step 1: Test & Verify the Setup**

To confirm a successful setup, preview your website and test the transaction flow to ensure everything works as expected.

**Success Connection Checklist:**
- Go to your **web store**, add a product to the cart, and **proceed to checkout**.
<Frame>
![image.png](https://api.apidog.com/api/v1/projects/831852/resources/351970/image-preview)
</Frame>

- Fill in all required customer details.
- Check if the selected payment method appears on the checkout page, showing options such as:
    - Credit/Debit Cards (VISA, Mastercard, UnionPay, JCB)
    - ABA KHQR
    - Alipay
    - WeChat Pay


:::tip[]
**All payment methods are available for testing in sandbox mode.** For live payments, only the options you’ve agreed upon with our sales team will be available.
:::

<Frame>
![image.png](https://api.apidog.com/api/v1/projects/831852/resources/351971/image-preview)
</Frame>
**Step 2: Test Transactions in Sandbox Mode**

<AccordionGroup>
  <Accordion title="Credit/Debit Card">
    <Frame>
![12.webp](https://api.apidog.com/api/v1/projects/831852/resources/351949/image-preview)
</Frame>

Use the test cards below to simulate the payment, then select "**Pay ...USD**".
    
<div class="table-code overflow-y-auto">
  <table class="text-base text-center whitespace-nowrap" style="border-collapse: collapse; width: 100%;">
    <tbody>
      <tr style="background-color: #f5f5f5;">
        <th style="padding: 8px;">Card Status</th>
        <th style="padding: 8px;">Card Type</th>
        <th style="padding: 8px;">Card Number</th>
        <th style="padding: 8px;">Exp</th>
        <th style="padding: 8px;">CVV</th>
        <th style="padding: 8px;">3DS Enrolled</th>
      </tr>
      <tr>
        <td rowspan="2" style="padding: 8px;"> **Success** </td>
        <td style="padding: 8px;">Master Card</td>
        <td style="padding: 8px;">5156 8399 3770 6777</td>
        <td style="padding: 8px;">01/30</td>
        <td style="padding: 8px;">993</td>
        <td style="padding: 8px;">No</td>
      </tr>
      <tr>
        <td style="padding: 8px;">Visa Card</td>
        <td style="padding: 8px;">4286 0900 0000 0206</td>
        <td style="padding: 8px;">04/30</td>
        <td style="padding: 8px;">777</td>
        <td style="padding: 8px;">Yes</td>
      </tr>
      <tr>
        <td rowspan="2" style="padding: 8px;"> **Declined** </td>
         <td style="padding: 8px;">Master Card</td>
        <td style="padding: 8px;">5156 8302 7256 1029</td>
        <td style="padding: 8px;">04/30</td>
        <td style="padding: 8px;">777</td>
        <td style="padding: 8px;">Yes</td>
        
      </tr>
      <tr>
        <td style="padding: 8px;">Visa Card</td>
        <td style="padding: 8px;">4156 8399 3770 6777</td>
        <td style="padding: 8px;">01/30</td>
        <td style="padding: 8px;">993</td>
        <td style="padding: 8px;">No</td>
      </tr>
    </tbody>
  </table>
</div>



  </Accordion>
  <Accordion title="ABA KHQR">
    Select the ABA KHQR payment method to generate a test QR code.
    **For visual reference only
 <Frame>
![13.webp](https://api.apidog.com/api/v1/projects/831852/resources/351950/image-preview)
</Frame>
 </Accordion>
  <Accordion title="WeChat Pay">
    Select the WeChat payment method to generate a test QR code.
    **For visual reference only
<Frame>
![14.webp](https://api.apidog.com/api/v1/projects/831852/resources/351951/image-preview)
</Frame>
  </Accordion>
   <Accordion title="Alipay">
    Select the Alipay payment method to generate a test QR code.
    **For visual reference only
    <Frame>
![15.webp](https://api.apidog.com/api/v1/projects/831852/resources/351952/image-preview)
</Frame>
  </Accordion>
</AccordionGroup>

**Step 3: Confirm the following response status**
Make sure the response status updates accordingly.

- **✅ Success Status**
<Frame>
![17.webp](https://api.apidog.com/api/v1/projects/831852/resources/351953/image-preview)
</Frame>

- **❌ Declined Status**
<Frame>
![18.webp](https://api.apidog.com/api/v1/projects/831852/resources/351954/image-preview)
</Frame>

**Step 4: Verifying Transactions**

**On PayWay Sandbox Portal <Icon icon="ph-fill-codesandbox-logo"/>**
- You can track the transaction details inside the **PayWay Sandbox Portal > Transactions Page** – **[Sign In here](https://sandbox.payway.com.kh/login)**.

<Frame>
  ![image.png](https://api.apidog.com/api/v1/projects/831852/resources/351955/image-preview)
  </Frame>
  <Frame>
![image.png](https://api.apidog.com/api/v1/projects/831852/resources/351956/image-preview)
</Frame>

**On WordPress <Icon icon="remix-wordpress-fill"/>**
- Go to **Woocommerce > Orders** to see payment transactions details.

 <Frame>
![image.png](https://api.apidog.com/api/v1/projects/831852/resources/351958/image-preview)
</Frame>
## 4. Going Live

**Great job!** You’ve completed the sandbox testing, and your website is ready to go live.

**Let's make it official!** Follow these simple steps to go live and start accepting real payments effortlessly:

**Step 1: Reach out to ABA Bank to activate your account for real payments**

To start accepting real payments, you’ll need an ABA Merchant Account set up for live transactions.

:::tip[]
If you don't have an ABA Merchant Account yet, please contact our E-Merchant Acquisition team at **paywaysales@ababank.com** to get started today!
:::

**Step 2: Switch to Live Mode**
After finalizing your agreement with our team, you’ll receive your credentials for the live payment environment.
- Replace your Sandbox (testing) Merchant ID and API Key with the Live Merchant ID and API Key provided.
- Uncheck the Sandbox Mode.

<Frame >
  ![image.png](https://api.apidog.com/api/v1/projects/831852/resources/351959/image-preview)
</Frame>

- Click **Save Changes** to activate your live payments environment.

<Frame >
![image.png](https://api.apidog.com/api/v1/projects/831852/resources/351960/image-preview)
</Frame>

**Step 3: Do a Quick Test**
Make a small live payment on your store to ensure the transaction is settled to your account.

**Step 4: Success!**
You did it! Your website is officially live and ready to accept real payments with ABA PayWay.


:::highlight yellow 💡
**Note**
- Refunds issued on the **ABA Merchant Portal (Production Env)** will not be reflected in the WooCommerce store transaction records.
- For troubleshooting or if you have any questions or concerns, please contact digitalsupport@ababank.com.
:::



