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

> Integrate Cost+ with your modified eCommerce shop using the MMLC module
<div style={{background: 'white', borderRadius: '8px', padding: '1rem', display: 'inline-block', marginBottom: '1rem'}}>
  <img src="/images/logos/modified-ecommerce.png" alt="modified eCommerce" style={{height: '48px', width: 'auto'}} />
</div>

Integrate Cost+ as a payment method in your modified eCommerce shop. The **NoPayn Payment Gateway** module is installed via the Modified Module Loader Client (MMLC) and supports Credit/Debit Cards, Apple Pay, Google Pay, and Vipps/MobilePay.

## Prerequisites

- Active Cost+ merchant account
- modified eCommerce shop with admin access
- [MMLC](https://module-loader.de) installed on your shop

## 1. Install MMLC (if not already installed)

Download MMLC from [module-loader.de](https://module-loader.de). Upload the `ModifiedModuleLoaderClient` folder to your shop root directory.

Once uploaded, access MMLC at:

```
https://your-shop.com/ModifiedModuleLoaderClient/
```

## 2. Add the NoPayn Module Repository

In MMLC, click the **Settings** icon (gear icon). Under **Module repositories**, add the following repository URL:

```
https://github.com/NoPayn/modified-nopayn.git
```

Click **Save** to confirm.

## 3. Install the Module

In MMLC, search for **"NoPayn"** or browse the **Payment** category. Click **Install** on **"NoPayn Payment Gateway"**, then click **Link** to deploy the module files into your shop.

> [!NOTE]
> The Link step copies the module files into the correct shop directories. Make sure your file permissions allow MMLC to write to the shop folder.

## 4. Activate Payment Methods

Navigate to **Admin → Modules → Payment** in your shop admin panel. You'll see the available Cost+ payment methods:

- **Credit / Debit Card**
- **Apple Pay**
- **Google Pay**
- **Vipps/MobilePay**

For each method you want to offer:

1. Click **Install**
2. Enter your **NoPayn API key** (from your [NoPayn dashboard](https://dashboard.costplus.io/) → Settings → API Key)
3. Set the **Completed Order Status** (e.g. "Processing" or a custom status)
4. Click **Save**

> [!TIP]
> You can find your API key in the [Merchant Portal](https://dashboard.costplus.io/) under **Websites** → your website → **Integration**.

## 5. Test and Launch

Place a test order in your storefront to verify the integration:

1. Add a product to the cart and proceed to checkout
2. Select one of the Cost+ payment methods
3. You'll be redirected to the NoPayn payment page
4. After payment, the order status should update automatically in your shop admin

> [!WARNING]
> Make sure to test with your **test API key** before going live. Switch to your production key only after verifying the full payment flow.

## Support

Need help? Reach out to our support team at **support@costplus.io**.
