# OpenCart PlugIns ## :white\_check\_mark: PlugIns Setup and Payment Process Flow ### :ballot\_box\_with\_check: The Download of PlugIn Installation File {% file src="" %} :digit\_one: Download the above plugin zipped installation file and unzip it as below, ![](https://3402525001-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6WLd2JqAuvn1Dcj7t4%2F-MHrNDrcc6H7tPcpMowS%2F-MHrNM5Lf--OlE8ZF2XO%2Fimage.png?alt=media\&token=5e62276c-5e26-4e99-a248-9bf62148d97c) :digit\_two: For each payment plugin, there are four folders in the unzipped folder as below. ![](https://3402525001-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6WLd2JqAuvn1Dcj7t4%2F-ME3KRsNWtffVivMZGtU%2F-ME3KUEMySGWvuiTB_nX%2Fimage.png?alt=media\&token=dd190ec4-9b4b-4818-a2cc-0042ed6fcb90) :asterisk\_symbol: Upload all of them onto your OpenCart System Root Folder as below, ![](https://3402525001-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6WLd2JqAuvn1Dcj7t4%2F-ME3L6vduj-nVQM3Zpn-%2F-ME3M5F5dXM2S3o1YeO_%2Fimage.png?alt=media\&token=8523119e-4e17-4372-a311-32b8957179eb) ### :ballot\_box\_with\_check: The Installation of PlugIns 1. After upload, you can go to your OpenCart Admin web site, navigating to Extensions -> Extensions -> Choose the extension type -> **Payments**, you can find these two OTTPAY payment methods: **OTT Pay QR Code Payment for WeChat Pay, OTT Pay QR Code Payment For Alipay, OTT Pay QR Code Payment For Union Pay.** 2. Click the green button to Install. After installation, the green button will become red called Uninstall and the Edit button will be enabled. ![](https://3402525001-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6WLd2JqAuvn1Dcj7t4%2F-ME3RfC3wMg1sMKrYNrs%2F-ME3VFufxBXqQg0wxEvW%2Fimage.png?alt=media\&token=65365409-a8c2-48a5-9d96-9241fed71afa) ## :ballot\_box\_with\_check: Plugins (Extension) Configuration :digit\_one: Navigate to the payment methods provided by OTTPAY, such as **OTT Pay QR Code Payment For UnionPay**, click **Edit** button and input the parameters and click **Save**. ![](https://3402525001-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6WLd2JqAuvn1Dcj7t4%2F-ME3aUsykFyJZ2Sg8t4V%2F-ME3aWZvX3MrNVYmxhBE%2Fimage.png?alt=media\&token=5b179af0-8cec-48ec-8d6e-e985023b1dbc) :arrow\_forward: Available Currency: BOTH(CAD, USD) ![](https://3402525001-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6WLd2JqAuvn1Dcj7t4%2F-ME3YWjuuvZT07BaamUJ%2F-ME3YYRtNBW3gv2VbeCp%2Fimage.png?alt=media\&token=22137b26-49aa-4cb2-889e-b4f29dc68fa3) :arrow\_forward: Available Currency: CAD !\[A screenshot of a computer Description automatically generated]\() :arrow\_forward: Available Currency: USD !\[A screenshot of a cell phone Description automatically generated]\() * Merchant ID: provided by OTTPAY * Merchant Key: provided by OTTPAY * Merchant Code \*: provided by OTTPAY * Operator ID: provided by OTTPAY * Status: select **Enabled** * Debug Mode: select **Disabled** * Default order status: select **Pending** * Finished order status: select **Complete** * Sort order: 1 \* Merchant Code is needed to make the payment ONLY in the WeChat browser. ## :white\_check\_mark: Payment Process Flow with WeChat Pay and Ali Pay :digit\_one: Go to Product page, select the items to your shopping cart. :digit\_two: Click Checkout button when you finish shopping. :asterisk\_symbol: Payment method options will be displayed as below, select one and place the order. !\[A screenshot of a cell phone Description automatically generated]\() :point\_right: OTTPAY Plugin will automatically identify the browser environment to generate a payment QR code in the PC browser or make a payment directly by customer in the mobile browser. * If PC Browser, it will generate a payment QR code for payment * If Mobile Browser, such as Safari or Chrome, it will activate only Alipay eWallet available for payment * If WeChat browser, it automatically activate the eWallet according to the payment method selected by the customer ![](https://3402525001-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6WLd2JqAuvn1Dcj7t4%2F-ME4AKnKS5QNyo8ZespV%2F-ME4C6jmAhDnCSSQ7laT%2Fimage.png?alt=media\&token=27546720-6dda-4670-ab74-59281c5c856a) :asterisk\_symbol: After payment, The order placed information will bed displayed as below. ![](https://3402525001-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6WLd2JqAuvn1Dcj7t4%2F-ME4CAUPRNZLSci-IE5z%2F-ME4CY1TBOPjfaKpaDLz%2Fimage.png?alt=media\&token=5832d1e3-9beb-4d26-aee4-8386f885ffb9) ## :white\_check\_mark: Payment Process Flow with Union Pay :digit\_one: Go to Product page, select the items to your shopping cart. :digit\_two: Click Checkout button when you finish shopping. :asterisk\_symbol: Payment method options will be displayed as below, select one and place the order. ![](https://3402525001-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6WLd2JqAuvn1Dcj7t4%2F-ME4EC8Qhegx1-UGwRJ7%2F-ME4EZAUMC856dt-nuqB%2Fimage.png?alt=media\&token=0ac8ab58-b3bf-4d51-82da-ffc664c8df7d) :point\_right: OTTPAY Plugin will automatically identify the browser environment to pop up Secure Pay webpage in the PC browser or activate Express Pay Wallet App in the mobile browser. * If PC Browser, it will pop up a UnionPay Secure Pay Webpage as below, * If Mobile Browser, it will activate Union Pay Express Pay eWallet if installed in your mobile. * If WeChat browser, it will activate Union Pay Express Pay eWallet if installed in your mobile. ![](https://3402525001-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6WLd2JqAuvn1Dcj7t4%2F-ME4EoJZFY0zYhsDcu26%2F-ME4F6daEUGOFvPFwEJ_%2Fimage.png?alt=media\&token=5da42234-3081-407e-aa46-7798faaec835) :asterisk\_symbol: After payment, The order placed information will bed displayed as below. ![](https://3402525001-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6WLd2JqAuvn1Dcj7t4%2F-ME4CAUPRNZLSci-IE5z%2F-ME4CY1TBOPjfaKpaDLz%2Fimage.png?alt=media\&token=5832d1e3-9beb-4d26-aee4-8386f885ffb9) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.ottpay.com/payment-plugins/open-cart.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.