# 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&#x26;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&#x26;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%2FdEvx0CdLnXV5TnTkZwUS%2FMicrosoftTeams-image%20(8).png?alt=media&#x26;token=ff611e20-a5db-47b6-ba8b-86037a4ff253" 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&#x26;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&#x26;token=72adbee2-edbc-4390-aeeb-faf83239970e" alt=""><figcaption></figcaption></figure>

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

<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&#x26;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&#x26;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&#x26;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&#x26;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%2FyyDhyOu8qEOFyNtPb7xB%2FScreen%20Shot%202023-01-09%20at%2011.12.51%20AM.png?alt=media&#x26;token=00741243-8548-4088-90cb-4be688c762d9" 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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;token=f2ac099f-0dd9-4d35-a92a-bcaa592542d9" alt=""><figcaption></figcaption></figure>
