<!-- canonical: https://docs.costplus.io/docs/plugins -->

> Integrate Cost+ with your e-commerce platform
Cost+ provides native plugins for popular e-commerce platforms. Choose your platform below to get started.

## Supported Platforms

<div style={{display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))', gap: '1rem', marginTop: '1rem'}}>
  <a href="/docs/plugins/shopify" style={{background: 'white', borderRadius: '12px', padding: '1.5rem', border: '1px solid #e5e7eb', textDecoration: 'none', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '0.75rem', boxShadow: '0 1px 3px rgba(0,0,0,0.08)'}}>
    <img src="/images/logos/shopify.png" alt="Shopify" style={{height: '40px', width: 'auto'}} />
    <span style={{color: '#22c55e', fontSize: '0.875rem', fontWeight: 500}}>Available</span>
  </a>
  <a href="/docs/plugins/woocommerce" style={{background: 'white', borderRadius: '12px', padding: '1.5rem', border: '1px solid #e5e7eb', textDecoration: 'none', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '0.75rem', boxShadow: '0 1px 3px rgba(0,0,0,0.08)'}}>
    <img src="/images/logos/woocommerce.png" alt="WooCommerce" style={{height: '40px', width: 'auto'}} />
    <span style={{color: '#22c55e', fontSize: '0.875rem', fontWeight: 500}}>Available</span>
  </a>
  <a href="/docs/plugins/prestashop" style={{background: 'white', borderRadius: '12px', padding: '1.5rem', border: '1px solid #e5e7eb', textDecoration: 'none', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '0.75rem', boxShadow: '0 1px 3px rgba(0,0,0,0.08)'}}>
    <img src="/images/logos/prestashop.png" alt="PrestaShop" style={{height: '40px', width: 'auto'}} />
    <span style={{color: '#22c55e', fontSize: '0.875rem', fontWeight: 500}}>Available</span>
  </a>
  <a href="/docs/plugins/magento" style={{background: 'white', borderRadius: '12px', padding: '1.5rem', border: '1px solid #e5e7eb', textDecoration: 'none', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '0.75rem', boxShadow: '0 1px 3px rgba(0,0,0,0.08)'}}>
    <img src="/images/logos/magento.png" alt="Magento" style={{height: '40px', width: 'auto'}} />
    <span style={{color: '#22c55e', fontSize: '0.875rem', fontWeight: 500}}>Available</span>
  </a>
  <a href="/docs/plugins/modified-ecommerce" style={{background: 'white', borderRadius: '12px', padding: '1.5rem', border: '1px solid #e5e7eb', textDecoration: 'none', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '0.75rem', boxShadow: '0 1px 3px rgba(0,0,0,0.08)'}}>
    <img src="/images/logos/modified-ecommerce.png" alt="modified eCommerce" style={{height: '40px', width: 'auto'}} />
    <span style={{color: '#22c55e', fontSize: '0.875rem', fontWeight: 500}}>Available</span>
  </a>
  <a href="/docs/plugins/opencart" style={{background: 'white', borderRadius: '12px', padding: '1.5rem', border: '1px solid #e5e7eb', textDecoration: 'none', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '0.75rem', boxShadow: '0 1px 3px rgba(0,0,0,0.08)'}}>
    <img src="/images/logos/opencart.png" alt="OpenCart" style={{height: '40px', width: 'auto'}} />
    <span style={{color: '#22c55e', fontSize: '0.875rem', fontWeight: 500}}>Available</span>
  </a>
  <a href="/docs/plugins/shopware" style={{background: 'white', borderRadius: '12px', padding: '1.5rem', border: '1px solid #e5e7eb', textDecoration: 'none', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '0.75rem', boxShadow: '0 1px 3px rgba(0,0,0,0.08)'}}>
    <img src="/images/logos/shopware.png" alt="Shopware" style={{height: '40px', width: 'auto'}} />
    <span style={{color: '#22c55e', fontSize: '0.875rem', fontWeight: 500}}>Available</span>
  </a>
  <a href="/docs/plugins/nopcommerce" style={{background: 'white', borderRadius: '12px', padding: '1.5rem', border: '1px solid #e5e7eb', textDecoration: 'none', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '0.75rem', boxShadow: '0 1px 3px rgba(0,0,0,0.08)'}}>
    <img src="/images/logos/nopcommerce.png" alt="nopCommerce" style={{height: '40px', width: 'auto'}} />
    <span style={{color: '#22c55e', fontSize: '0.875rem', fontWeight: 500}}>Available</span>
  </a>
  <a href="/docs/plugins/drupal-commerce" style={{background: 'white', borderRadius: '12px', padding: '1.5rem', border: '1px solid #e5e7eb', textDecoration: 'none', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '0.75rem', boxShadow: '0 1px 3px rgba(0,0,0,0.08)'}}>
    <img src="/images/logos/drupal-commerce.png" alt="Drupal Commerce" style={{height: '40px', width: 'auto'}} />
    <span style={{color: '#22c55e', fontSize: '0.875rem', fontWeight: 500}}>Available</span>
  </a>
  <a href="/docs/plugins/oscommerce" style={{background: 'white', borderRadius: '12px', padding: '1.5rem', border: '1px solid #e5e7eb', textDecoration: 'none', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '0.75rem', boxShadow: '0 1px 3px rgba(0,0,0,0.08)'}}>
    <img src="/images/logos/oscommerce.png" alt="osCommerce" style={{height: '40px', width: 'auto'}} />
    <span style={{color: '#22c55e', fontSize: '0.875rem', fontWeight: 500}}>Available</span>
  </a>
  <a href="/docs/plugins/wix" style={{background: 'white', borderRadius: '12px', padding: '1.5rem', border: '1px solid #e5e7eb', textDecoration: 'none', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '0.75rem', boxShadow: '0 1px 3px rgba(0,0,0,0.08)'}}>
    <img src="/images/logos/wix.png" alt="Wix" style={{height: '40px', width: 'auto'}} />
    <span style={{color: '#6b7280', fontSize: '0.875rem', fontWeight: 500}}>Coming Soon</span>
  </a>
  <a href="/docs/plugins/ecwid" style={{background: 'white', borderRadius: '12px', padding: '1.5rem', border: '1px solid #e5e7eb', textDecoration: 'none', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '0.75rem', boxShadow: '0 1px 3px rgba(0,0,0,0.08)'}}>
    <img src="/images/logos/ecwid.png" alt="Ecwid" style={{height: '40px', width: 'auto'}} />
    <span style={{color: '#6b7280', fontSize: '0.875rem', fontWeight: 500}}>Coming Soon</span>
  </a>
</div>

## Supported Payment Methods

All plugins support the following payment methods (subject to your merchant account approval):

- **Credit/Debit Cards** -- Visa, Mastercard, and more
- **Google Pay** -- Fast checkout with Google Wallet
- **Apple Pay** -- Seamless payments on Apple devices
- **MobilePay** -- Trusted by Nordic users
- **Swish** -- Popular in Sweden

## Custom Integration

If your platform isn't listed above, you can integrate directly using our [API Reference](/api-reference). The API supports any platform that can make HTTP requests.

See the [Hosted Payment Page](/docs/guides/hosted-payment-page) guide for the simplest integration path.
