> 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="/files/og8Nim3qyKHCprE6p3m7" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/i0VxDVoR1cnmOHAbSa6w" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/i0VxDVoR1cnmOHAbSa6w" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/mW6rQqjwqItj6vGamj4u" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/NN304PQX7Cs4sgcqXYoU" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/btDFQF6ktxB3s30Eu17d" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/T1FaRtQscYpZEux6Uovq" 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="/files/alLzrIJ9Et53RBJFXNfi" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/MOJ0rICPOWp0Yjs4YVOS" alt=""><figcaption></figcaption></figure>

### Shopbase Integration

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

<figure><img src="/files/JrdccNnUp3TGBxDuKkEJ" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/0C3qBhXJaN0tMFRI4w7h" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/oxbYDlCabGOIAMWRDh50" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/LZPb2glg5o6qljLd03s7" 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="/files/alLzrIJ9Et53RBJFXNfi" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/MOJ0rICPOWp0Yjs4YVOS" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/emnlhJ8pSiCPBDOuUzK6" alt=""><figcaption></figcaption></figure>

**Note**:

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

<figure><img src="/files/xzNocaFhzH9HBPh0Yvja" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/MOJ0rICPOWp0Yjs4YVOS" alt=""><figcaption></figcaption></figure>