---
updatedAt: 2026-06-17T20:59:24.000Z
agentTools:
  projectIndex: https://docs.clover.com/dev/llms.txt
---

# Clover Payments plugins and extensions

Streamline your online checkout experience with Clover Payments plugins for Adobe Commerce, Shopify, and WordPress.

[block:html]
{
  "html": "<div class=\"container-top\"> \n  <!--North America-US and Canada-->\n  <div class=\"container-reg\">\n    <div class=\"pill-reg\">\n      <div class=\"label-reg\">North America—United States and Canada</div>\n    </div>\n  </div>\n</div>\n<!--syles in global css-->"
}
[/block]

Clover offers payment plugins compatible with popular ecommerce platforms like Adobe Commerce, Shopify, and WordPress. These plugins enable merchants in the United States and Canada to process payments through Clover on their ecommerce websites without any need for coding.

Clover Payments plugins and extensions are available for the following ecommerce platforms:

[block:html]
{
  "html": " <style>\n    .wrapper {\n      width: 90%;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n    }\n    .box {\n      flex: 1 1 calc(33% - 10px);\n      min-height: 150px;\n      text-align: left;\n      margin-bottom: 4px;\n      overflow: hidden;\n      border: 1px solid #D8D8D8;\n      padding: 10pt;\n      box-sizing: border-box;\n      transition: box-shadow 0.3s ease;\n    }\n    .box:hover {\n      box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);\n    }\n    h2.g {\n      font-size: 17px;\n      color: #228800;\n      margin: 2px 0 8px 0;\n    }\n    p.small-text {\n      font-size: 15px;\n      color: #5A5A5A;\n    }\n    .btn {\n      font-family: Altform, sans-serif;\n      border: none;\n      background-color: inherit;\n      font-size: 15px;\n      color: #228800;\n      text-align: left;\n      cursor: pointer;\n      display: block;\n      margin-bottom: 4px;\n    }\n    .btn:hover {\n      color: #5D5D5D;\n    }\n    .btn a {\n      text-decoration: none;\n      color: inherit;\n    }\n    .btn::before {\n      content: \"➔ \";\n      color: #228800;\n    }\n\n    /* Responsive styles */\n    @media (max-width: 1200px) {\n      .box {\n        flex: 1 1 calc(50% - 10px);\n      }\n    }\n    @media (max-width: 768px) {\n      .box {\n        flex: 1 1 calc(100% - 10px);\n      }\n    }\n    @media (max-width: 480px) {\n      .box {\n        flex: 1 1 100%; /* Full width on small screens */\n      }\n    }\n  </style>\n</head>\n<body>\n  <div class=\"wrapper\">\n    <div class=\"box\">\n      <h2 class=\"g\">Clover Payments plugin for Shopify Online Shop\n</h2>\n      <p class=\"small-text\">Lets merchants using Shopify to securely accept payments through their Clover merchant account.</p>\n      <button class=\"btn\"><a href=\"https://docs.clover.com/dev/docs/clover-payments-plugin-for-shopify-online-shop\">Get started</a></button>\n      <button class=\"btn\"><a href=\"https://docs.clover.com/dev/docs/get-help-clover-payments-plugin\">Get help</a></button>\n    </div>\n    <div class=\"box\">\n      <h2 class=\"g\">Clover Payments plugin for WooCommerce</h2>\n      <p class=\"small-text\">Lets WooCommerce merchants to securely process payments using their Clover merchant account.</p>\n      <button class=\"btn\"><a href=\"https://docs.clover.com/dev/docs/woocommerce\">Get started</a></button>\n    </div>\n    <div class=\"box\">\n      <h2 class=\"g\">Clover Payments extension for Adobe Commerce</h2>\n      <p class=\"small-text\">Extension for Adobe Commerce (Magento 2) that facilitates secure payment processing through Clover for merchants.</p>\n      <button class=\"btn\"><a href=\"https://docs.clover.com/dev/docs/magento\">Get started</a></button>\n    </div>\n  </div>\n</body>\n</html>"
}
[/block]