# 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://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/8C2HZDXGMO3Ijn8AKl8K/image-5.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/l9mnTmtso5pTGLZpkdOU/MicrosoftTeams-image%20(7).png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/PRgrkDM0HN1a9XGLk1eK/MicrosoftTeams-image%20(8).png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/7h9ur88arykxhHRfNIWV/MicrosoftTeams-image%20(10).png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/OFamDBEgV3VGG6ku6wsg/MicrosoftTeams-image%20(12).png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/BOCoquvwYfkkCzumh4Q7/MicrosoftTeams-image%20(14).png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/76m1GQGpTydjwbp3ldyH/MicrosoftTeams-image%20(15).png" 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://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/T4Y1n7VO4JRmcfjIlVMT/Screen%20Shot%202023-01-06%20at%201.08.28%20PM.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/GcMTQOK93hJOUk25bM1f/Screen%20Shot%202023-01-06%20at%201.17.49%20PM.png" alt=""><figcaption></figcaption></figure>

### Shopbase Integration

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/wRSEuLf1Is8jXAmNmOCS/Screen%20Shot%202023-01-09%20at%2011.12.51%20AM.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/CWJbyWx05NwJGVEv3rd0/Screen%20Shot%202023-01-09%20at%2011.22.00%20AM.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/sb8UtvDntMTff8drE0NN/Screen%20Shot%202023-01-09%20at%2011.45.21%20AM.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/xGtDkOwYxBeYOM1xHNBm/Screen%20Shot%202023-01-09%20at%2012.00.03%20PM.png" 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://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/T4Y1n7VO4JRmcfjIlVMT/Screen%20Shot%202023-01-06%20at%201.08.28%20PM.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/GcMTQOK93hJOUk25bM1f/Screen%20Shot%202023-01-06%20at%201.17.49%20PM.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/g0qufUxxY59GUbfl804F/Screen%20Shot%202023-01-09%20at%2012.37.40%20PM.png" alt=""><figcaption></figcaption></figure>

**Note**:

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/EIvUHOVOBZlfIYjcGEPF/Screen%20Shot%202023-01-06%20at%2011.54.48%20AM.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/uIGO9I55gtHjY6deHGwV/blobs/GcMTQOK93hJOUk25bM1f/Screen%20Shot%202023-01-06%20at%201.17.49%20PM.png" alt=""><figcaption></figcaption></figure>
