> This page is for Afterpay Online Developer, version Main (default). > For other versions, use one of these documentation indexes: > - Main (default): https://developers.afterpay.com/afterpay-online-developer/main/llms.txt > - v1: https://developers.afterpay.com/afterpay-online-developer/v-1/llms.txt > - Chinese: https://developers.afterpay.com/afterpay-online-developer/chinese/llms.txt > For clean Markdown of any page, append .md to the page URL. > For a complete documentation index, see https://developers.afterpay.com/llms.txt. > For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.afterpay.com/_mcp/server. # Opencart ## Configure Afterpay Payment Complete the steps below to enable Afterpay for use as a payment method on product or cart and checkout pages. If you have already enabled Afterpay and would like to implement Express Checkout, visit the [Opencart Afterpay Express Checkout Implementation Guide.](#express-checkout) ## Afterpay on your Checkout Page The Afterpay Opencart plugin can be downloaded [HERE](https://www.opencart.com/index.php?route=marketplace/extension/info\&extension_id=41568) 1. Log into the Opencart Website Admin Portal. ![opencart-1.png](/_fern-img/dd0bbe7fe074e2383547421ada899c23bd101eb250e476f49f4288748efbd1b3.webp) 2. Go to *Extensions* > *Installer*. ![opencart-2.png](/_fern-img/8d21dcddc47db3b6674b586dc481624d6842eee4c6284e343255ff4040931b0c.webp) 3. Click **Upload**. ![opencart-3.png](/_fern-img/fb4bb4254592964cc70c77ed6121dcb0685ab824be5a03ed2b405bc13b4fc462.webp) 4. Ensure that the Opencart Afterpay Plugin has been downloaded, if not please download it [HERE](https://www.opencart.com/index.php?route=marketplace/extension/info\&extension_id=41568) Then locate the plugin in the pop-up and select/open it. ![opencart-4.png](/_fern-img/165214652199e373e0ef754ab5a0989943c44004e88f30906b593192a08ed00d.webp) If successful the Afterpay plugin is visible under *Install History*. ![opencart-5.png](/_fern-img/3b3d75e9418d7122a6cd45a45f7e8c370b3ace08cb7dafb3e4ef7fe116dca7ba.webp) 5. Now go back to *Extensions* > *Extensions*. ![opencart-6.png](/_fern-img/b441a71d7f493f0153f47d0cea920200bb02214e16da9f692d5cd32f8667566e.webp) 6. Click the drop down menu and click *Payments*. ![opencart-7.png](/_fern-img/7be541074bf437ed4f5da53a9e98be204c18f995f7116ebb2b59412ea5992c62.webp) 7. Locate the Afterpay plugin and click the install *+* button, if successful the install button changes to an uninstall *-* button. ![opencart-8.png](/_fern-img/77428610644a0359940d0e8e80be2e69e9aadc8820c9a92b30e5dfb3d9b81ba5.webp) 8. To setup and enable Afterpay, click the **Edit** button. ![opencart-9.png](/_fern-img/e590807b7bfbff3dee9b2bccfa345e57c2bc026fda1c9a69bef84a4bf742788f.webp) 9. Enter the Afterpay setup values listed below and click **Save** when complete. *Test (Sandbox) Mode:* Set to *No* ![opencart-10.png](/_fern-img/7c7114347936ca355c2afa480c792f3af849e978a17de64cb72461bb5cfbdaed.webp) *Merchant ID:* and *Secret Key* - input the *Merchant ID* and *secret key* provided in your merchant on-boarding email. ![opencart-11.png](/_fern-img/0d573dbd4aae90288943b1f19c4fef2ff1882aac61864df6904a206307d815e6.webp) *Merchant Minimum Order Threshold:* This field is automatically populated based on the *Merchant ID* used in the step above.\ *Merchant Maximum Order Threshold:* This field is automatically populated based on the *Merchant ID* used in the step above. ![opencart-12.png](/_fern-img/025e7f876a24e125408fcfc7eae24ae2f3300e017ef6203d1117b9b55a5c32ad.webp) *Geo Zone:* Leave as *All Zones*. ![opencart-13.png](/_fern-img/803e0f672856258e8cffcad185c9dc53e782e72840f3dbbc9eca3ef0f94200ba.webp) *Badge Theme:* We recommend you leave this option as *Black on Mint (Default)* ![opencart-14.png](/_fern-img/b459a51773a729148d261a777fb7f2945ddcfb29c926e5c919a9a785740db2f5.webp) *Display Afterpay in Product Listings:* Set to *Enabled*. ![opencart-15.png](/_fern-img/9c2b36c8ebb9a04da4985237e2b29ac2cc4ba97f99db76bdc240ca7a32eba7e6.webp) *Categories Restriction:* If the Afterpay team have requested that certain items/categories are not available with Afterpay, add them here. ![opencart-16.png](/_fern-img/a7e5cbec4c3618a94aaeffd8f1a76f421092c444d313185b1f796e7a0ddfa409.webp) *Status:* Set to *Enabled*. ![opencart-17.png](/_fern-img/26f3d4cd21aabb91e41690454a81a12697e213527c54b78530f7c78002c21c36.webp) *Sort Order:* Leave *blank* or set to *1*. ![opencart-18.png](/_fern-img/4c7e03d9113d94c3e05bde32a9d6fed2a5ab1c4b26a6ab3d94081621de46336e.webp) 10. When all options are complete, click the **Save** button. ![opencart-19.png](/_fern-img/0103c331b550187589e49b547ab2971738e84d07a2335a7643fa3d070afaf298.webp) If the setup is correct you will not receive any error messages. If an error message appears, try to copy and paste the *Merchant ID* and *Secret Key* again. Make sure there are no spaces at the start or end of these codes. The codes are in the on-boarding email sent to you by Afterpay. 11. Go to *Extensions* > *Modifications*. ![opencart-20.png](/_fern-img/fbf8bb00a188750bc1fc48c182a4f0a4e63705b0a396fbe5a30a9f67f6fe840b.webp) 12. Click the *Refresh* button to reload the cache. ![opencart-21.png](/_fern-img/d667c955eb2084a794fc44eb866293364b50dc6dc69a25c7e2fb080583c3deb3.webp) If succesful, you will see this notification: ![opencart-22.png](/_fern-img/637a2018115385d066235d9102fae2ee00d34ab8330b6ec03d836df31b3fb3fd.webp) Afterpay is now installed and available for use by customers.\ Afterpay appears on the product pages and as a payment option on the checkout page. ## Express Checkout ### Afterpay on your Product and Cart Pages If you are following on from the above instructions, you can skip straight to Step 5. Complete the steps below to enable customers to complete purchases from your product and cart pages. 1. Log into the Opencart Website Admin Portal: ![opencart-23.png](/_fern-img/dd0bbe7fe074e2383547421ada899c23bd101eb250e476f49f4288748efbd1b3.webp) 2. Go to to *Jigsaw Icon* > *Extensions*. ![opencart-24.png](/_fern-img/0caa8ecfeec4739b6cd94917a2d779e65790a6e27fcc70e64f682b3cffc83988.webp) 3. Click the dropdown arrow and select *Payments*. ![opencart-25.png](/_fern-img/6188a244c777beb2d51ab0d55adc5dc81468f8ea93c1ffca632b4089f08d4118.webp) 4. If you have already setup the Afterpay extension on your checkout page, skip this step.\ Locate the Afterpay plugin and click the install *+* button, if successful the install button will now appear as an uninstall *-* button. ![opencart-26.png](/_fern-img/77428610644a0359940d0e8e80be2e69e9aadc8820c9a92b30e5dfb3d9b81ba5.webp) 5. To setup and enable Afterpay click the **Edit** button. ![opencart-27.png](/_fern-img/e590807b7bfbff3dee9b2bccfa345e57c2bc026fda1c9a69bef84a4bf742788f.webp) 6. Click the *Express Checkout* tab. 7. Set the *Express Checkout Status:* to *Enabled*. ![opencart-28.png](/_fern-img/7ba42a9895c109e0c1862623d2794e8be5361631b3cd9ed5a86b8235319eaf78.webp) 8. Click the *Save* icon when you have completed all the options. ![opencart-29.png](/_fern-img/0103c331b550187589e49b547ab2971738e84d07a2335a7643fa3d070afaf298.webp) 9. Go to *Extensions* > *Modifications*. ![opencart-30.png](/_fern-img/fbf8bb00a188750bc1fc48c182a4f0a4e63705b0a396fbe5a30a9f67f6fe840b.webp) 10. Click the *Refresh* button to reload the cache. ![opencart-31.png](/_fern-img/d667c955eb2084a794fc44eb866293364b50dc6dc69a25c7e2fb080583c3deb3.webp) 11. If successful this notification appears: ![opencart-32.png](/_fern-img/637a2018115385d066235d9102fae2ee00d34ab8330b6ec03d836df31b3fb3fd.webp) Afterpay is now installed and available for use by customers. Afterpay appears on Product, Cart and Checkout Pages as a payment option. > **Supported Countries** > > The Afterpay extension is available for Opencart merchants with a store in these countries: > > * 🇦🇺 Australia > > * 🇳🇿 New Zealand > > * 🇨🇦 Canada > > Afterpay is known as Clearpay in the below regions and the extension is available for these countries: > > * 🇬🇧 [United Kingdom](https://developers.clearpay.co.uk/clearpay-online/docs/opencart-1)