> For the complete documentation index, see [llms.txt](https://docs.neox.vn/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.neox.vn/docs/payment-gateway/integrations/hosted-checkout/plugin-extenstion.md).

# Plugin/Extenstion

NeoX Plugin provides entire payment solution

* Payment by domestic ATM card including 42 banks in Vietnam
* Payment by Visa / Master / JCB international cards.
* Pay QR Code by Mobile Banking application including 37 banks in Vietnam
* Payment by NeoX Wallet

### Woocommerce Integration

**Step 1:** Customers login to the admin page, then go to the plugins' menu to install.

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2FD4yxv3L7amHnpB6PhpqX%2Fimage-5.png?alt=media&amp;token=60ba9c6d-4eb0-4c96-b064-66dd29a72053" alt=""><figcaption></figcaption></figure>

**Step 2:** Click on **Add new and** search plugin with "**neo**" keyword

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2FufoHBjaWhXi3rwWymfLw%2FMicrosoftTeams-image%20(7).png?alt=media&amp;token=fc9a3a40-5d62-401d-93f1-860673a6396d" alt=""><figcaption></figcaption></figure>

**Step 3:** Choose the **NeoX Payments for WooCommerce** plugin, then click on **Install Now**

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2FufoHBjaWhXi3rwWymfLw%2FMicrosoftTeams-image%20(7).png?alt=media&amp;token=fc9a3a40-5d62-401d-93f1-860673a6396d" alt=""><figcaption></figcaption></figure>

**Step 4:** Customers click on **Active**

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2FXXi3Hd2aueRxfEAqtjIR%2FMicrosoftTeams-image%20(10).png?alt=media&amp;token=93718bf6-5dec-4139-84ee-a60af7a84d29" alt=""><figcaption></figcaption></figure>

**Step 5**: Click on **Settings** of **NeoX Payment for WooCommerce** plugin

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2FH1rMdkSDhOo8gbmXyvIN%2FMicrosoftTeams-image%20(12).png?alt=media&amp;token=72adbee2-edbc-4390-aeeb-faf83239970e" alt=""><figcaption></figcaption></figure>

**Step 6:** Enable **"Add the NeoX Payment Gateway",** then click on **"Checkout"**

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2FtbGBwvr5xeNXzMfbbOzv%2FMicrosoftTeams-image%20(14).png?alt=media&amp;token=5791afbe-8879-44b5-b647-ac785f85c9a9" alt=""><figcaption></figcaption></figure>

**Step 7:** Customers fill complete information as below image

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2F2O2GmV0JxG0hq3PSkmmH%2FMicrosoftTeams-image%20(15).png?alt=media&amp;token=77021716-812c-4946-861f-1cb0af037002" alt=""><figcaption></figcaption></figure>

**Note**:

**Enable/Disable**: Allow to display NeoX payment gateway on website.

**NeoPay Sanbox**: Allow to check on Sanbox environment.

**Return Page**: The page to return to after paying successful.

To get merchant information, customers can click on the link [here](https://merchant.neopay.com.vn/portal/my-profile).

**Merchant Code**: get the merchant information on merchant portal.

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2FYe9OWvjh5Cyi41BxmMKd%2FScreen%20Shot%202023-01-06%20at%201.08.28%20PM.png?alt=media&amp;token=b290f210-eb84-481b-964a-a9ad5c20057b" alt=""><figcaption></figcaption></figure>

**Secret key:** on Payment gateway configuration section under Payment page config (Merchant portal)

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2F9jbNcRler8FYWjweZYTm%2FScreen%20Shot%202023-01-06%20at%201.17.49%20PM.png?alt=media&amp;token=f2ac099f-0dd9-4d35-a92a-bcaa592542d9" alt=""><figcaption></figcaption></figure>

### Shopbase Integration

**Step 1:** Choose **Settings** section, then click on **Payment providers**

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2FzqNG5Vex0tNs4K4r4E4X%2FScreen%20Shot%202023-01-09%20at%2011.12.51%20AM.png?alt=media&amp;token=448905f0-487f-40ab-a07c-2d7deadab0c5" alt=""><figcaption></figcaption></figure>

**Step 2:** Choose Alternative methods, then click on **Choose alternative provider**

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2FKYiZ4RwcOujjAyAnuHvS%2FScreen%20Shot%202023-01-09%20at%2011.22.00%20AM.png?alt=media&amp;token=fff79190-7468-4084-93f5-7146e5bb4bd9" alt=""><figcaption></figcaption></figure>

**Step 3**: Choose **NeoX**

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2FAOR9XvLVBh5PITyzMMD7%2FScreen%20Shot%202023-01-09%20at%2011.45.21%20AM.png?alt=media&amp;token=667fdc5a-de38-4e6c-815c-635c05b80426" alt=""><figcaption></figcaption></figure>

**Step 4:** Merchants fill complete information as below image

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2FLIzDFHr6xsJ4AK0nAPi3%2FScreen%20Shot%202023-01-09%20at%2012.00.03%20PM.png?alt=media&amp;token=f8937f01-d1aa-430f-9dbb-cc15b423366f" alt=""><figcaption></figcaption></figure>

To get merchant information, customers can click on the link [here](https://merchant.neopay.com.vn/portal/my-profile).

**Merchant Code**: get the merchant information on merchant portal.

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2FYe9OWvjh5Cyi41BxmMKd%2FScreen%20Shot%202023-01-06%20at%201.08.28%20PM.png?alt=media&amp;token=b290f210-eb84-481b-964a-a9ad5c20057b" alt=""><figcaption></figcaption></figure>

**Secret key** (*Hashkey*): on Payment gateway configuration section under Payment page config (Merchant portal)

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2F9jbNcRler8FYWjweZYTm%2FScreen%20Shot%202023-01-06%20at%201.17.49%20PM.png?alt=media&amp;token=f2ac099f-0dd9-4d35-a92a-bcaa592542d9" alt=""><figcaption></figcaption></figure>

**Step 5:** Click on **Add account**, then verify your account (as below image)

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2FUNyPU5Kbec5DUJXchuHG%2FScreen%20Shot%202023-01-09%20at%2012.37.40%20PM.png?alt=media&amp;token=769dbb6e-9c63-47cb-a00f-4c02195eb883" alt=""><figcaption></figcaption></figure>

**Note**:

**Merchant Code**: get the merchant information on merchant portal.

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2FRtO5MOiG2o7ds8YpVUxZ%2FScreen%20Shot%202023-01-06%20at%2011.54.48%20AM.png?alt=media&amp;token=b2d84847-1d9a-4f86-87b7-ef360b9d88e3" alt=""><figcaption></figcaption></figure>

**Secret key:** on Payment gateway configuration section under Payment page config (Merchant portal)

<figure><img src="https://1419689564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFdTKNedABvGBtqJRHWA0%2Fuploads%2F9jbNcRler8FYWjweZYTm%2FScreen%20Shot%202023-01-06%20at%201.17.49%20PM.png?alt=media&amp;token=f2ac099f-0dd9-4d35-a92a-bcaa592542d9" alt=""><figcaption></figcaption></figure>
