# WooCommerce

<img src="https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2FdYkHaQqcQZMMKmdk9TOK%2FWordPress.png?alt=media&#x26;token=8d9da27f-d4cd-44b3-b0f5-755d5db76bcb" alt="" data-size="line"><mark style="background-color:yellow;">WordPress</mark> is a website creation tool and content management system based on the PHP programming language. Its extensible template and plugin framework enables WordPress site owners to quickly integrate MoneyCollect for accepting payments.

<img src="https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2Fy73hKKKasOSMtAMtALsE%2FWooCommerce.png?alt=media&#x26;token=14a76c16-eeef-4d58-961a-19d8a4eb596b" alt="" data-size="line"><mark style="background-color:purple;">WooCommerce</mark> is a customizable, open-source eCommerce platform built on WordPress, and a significant percentage of websites run on it.

MoneyCollect Payments for WooCommerce adds the critical success factors: <mark style="color:green;">an easy-to-install</mark>, <mark style="color:green;">easy-to-use</mark>, <mark style="color:green;">customizable payments gateway as flexible as WooCommerce itself</mark>.

With MoneyCollect Payments for WooCommerce, you can have <mark style="color:blue;">credit cards</mark> and various <mark style="color:blue;">alternative payment methods</mark> available in your WooCommerce webshop in minutes. Make payment effortless for your customers and watch your conversion rates grow.

No matter whether you want to grow internationally or focus on a specific market, MoneyCollect is right for you.

:man\_technologist:[<mark style="color:blue;">`Create MoneyCollect account`</mark>](https://portal.moneycollect.com/register)

:bulb:[<mark style="color:blue;">`Download plugin`</mark>](https://wordpress.org/plugins/moneycollect-payment-gateway-for-woocommerce/)

:wrench:[<mark style="color:blue;">`View on Github`</mark>](https://github.com/MoneyCollect/moneycollect-WooCommerce-payment-plug)

{% hint style="success" %}
All plugins on this page are ready for Strong Customer Authentication (SCA).
{% endhint %}

### MoneyCollect x WooCommerce offer:

Designed for ease of use and rapid installation, MoneyCollect’s Woocommerce plugin gives you a great webshop payment experience with:

{% hint style="success" %}

#### &#x20;  Easy, flexible payments

1\. Multiple payment methods                2.Improved conversion

3\. Seamless payment changes
{% endhint %}

{% hint style="success" %}

#### &#x20;  Great User Experience

1. Automatic branding                          2.Automatic localization
   {% endhint %}

{% hint style="success" %}

#### &#x20;  Convenience

1\. One price, one contract                        2.Easy integration&#x20;

3\. Multilingual support                              4.Automatic compliance

5\. Availability
{% endhint %}

### Steps to integrate MoneyCollect in your WooCommerce webshop

1. <mark style="color:blue;">Create a MoneyCollect account.</mark>
2. Download the plug-in package in a .zip format and rename the downloaded package to  “moneycollect-payments-gateway.zip”
3. Install MoneyCollect for WooCommerce on your WordPress website： Go to your <mark style="color:purple;">WooCommerce Admin Panel</mark>-> Select <mark style="color:purple;">Plugins</mark>-> Select <mark style="color:purple;">Add New,</mark> select <mark style="color:purple;">Upload Plugin,</mark> then select <mark style="color:purple;">Select File</mark> to upload and install.

<div align="left"><img src="https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2FfwEY8dfk619N46zvJW7B%2Fimage.png?alt=media&#x26;token=6db86562-2de6-4ace-9011-d413cce020ee" alt=""></div>

![](https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2FvNURCMlTLDj6QQuf9KDU%2F\)S~H_ZX%7D2PX1GC4%25DD%5D%25_MV.png?alt=media\&token=2247f91c-d85a-41ae-b32c-3777b7cda33e)

![](https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2F055yXeBz1i6D7v4GRyTF%2Finstall%20plugin.png?alt=media\&token=9ce23cd4-509b-4175-8648-576be7c6f205)

4. Go to your WooCommerce Admin Panel-> Select <mark style="color:purple;">WooCommerce</mark> -> Select <mark style="color:purple;">Settings</mark> -> Select <mark style="color:purple;">Payments</mark> ->Select <mark style="color:purple;">MoneyCollect Credit Card</mark> from the WooCommerce payment methods list.

<div align="left"><img src="https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2F8b0sW3V2nQXA4uYq8gV3%2Fimage.png?alt=media&#x26;token=d2456691-4f8b-4619-9595-ae0ded635db6" alt="Select Settings"></div>

![Select Payments ](https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2FCsQs1eErRpYj2tKvKCVZ%2FV%24MOHY3MCIOV7%2550YLWT3V2.jpg?alt=media\&token=c628709b-dd22-4845-9f61-38516db2086f)

![Select MoneyCollect Credit Card](https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2Fc5z36cH0RPPtgmBkbAHF%2FSelect%20MoneyCollect%20Credit%20Card.png?alt=media\&token=2fe88872-d5ec-4081-92a4-f7bc6bcfafe3)

5. Activate MoneyCollect in your WooCommerce webshop by entering your MoneyCollect [<mark style="color:green;">API keys</mark>](https://docs.moneycollect.com/docs/api-keys#obtaining-your-api-keys) into the WooCommerce settings page.

![Settings](https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2FmjbaLT9C99zVIU82atQR%2FSetting.png?alt=media\&token=b0111d9a-07db-4e7b-8a3d-fc9a6e961bed)

6. Once your MoneyCollect account has been approved, you can start accepting payments.

### Checkout with MoneyCollect Credit Card

{% tabs %}
{% tab title="Hosted Payment Page" %}

1. Select <mark style="color:purple;">Hosted Payment Page</mark> for the Checkout model on the WooCommerce settings page.

<figure><img src="https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2F4BOb893RKnTWc7t4M3Ua%2FVQKUM2A.png?alt=media&#x26;token=ba88bfb9-f679-4c4f-b770-7a53c5cc564b" alt=""><figcaption></figcaption></figure>

2. Your customer will see their order information together with payment Method options when purchasing from your webshops.

![](https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2FSdkxjR0OCskS6eBqxDcz%2FSelect%20payment%20methods.png?alt=media\&token=904d18ec-4fb8-4afd-ab07-717971e56554)

3. Select Credit Card (MoneyCollect) and click "Place Order".&#x20;
4. The customer will be redirected to the MoneyCollect Hosted Payment Page to complete the purchase.

![Payment Page](https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2Fq54aTtEqKP3z3Z0K1hZb%2Fcheckout%20page.png?alt=media\&token=eea29c0f-aa7c-47e0-b2c2-971c8d6b30ed)
{% endtab %}

{% tab title="In-page Checkout" %}

1. Select <mark style="color:purple;">In-Page Checkout</mark> for the checkout model on the WooCommerce settings page.

<figure><img src="https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2FyyOUo4sr0BQevnHZAmGb%2Finpage.png?alt=media&#x26;token=2493c9cb-c3df-4591-ae77-025054bc2bdc" alt=""><figcaption></figcaption></figure>

2. When your customers select Credit Card (MoneyCollect), they can fill in the card information directly on this page and complete the purchase here.

![](https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2Fn3MDoGG09znHnkEd3oW1%2Fimage.png?alt=media\&token=75909f45-3423-48f7-8473-6e48e377b6c2)
{% endtab %}
{% endtabs %}

### Additional testing resources

There are several test cards you can use to make sure your integration is ready for production. Use them with any CVC, postal code, and future expiration date.

<table><thead><tr><th width="274.3252127971822">Card Number</th><th width="150">Brand</th><th>DESCRIPTION</th></tr></thead><tbody><tr><td>4242 4242 4242 4242</td><td>Visa</td><td>Succeeds and immediately processes the payment.</td></tr><tr><td>3566 0020 2036 0505</td><td>JCB</td><td>Succeeds and immediately processes the payment.</td></tr><tr><td>6011 1111 1111 1117</td><td>Discover</td><td>Succeeds and immediately processes the payment.</td></tr><tr><td>3782 8224 6310 0052</td><td>American Express</td><td>Succeeds and immediately processes the payment.</td></tr><tr><td>5555 5555 5555 4444</td><td>Mastercard</td><td>Succeeds and immediately processes the payment.</td></tr><tr><td>4000 0025 0000 3155</td><td>Visa</td><td>3D Secure 2 authentication.</td></tr><tr><td>4000 0000 0000 0077</td><td>Visa</td><td>Always fails with a decline code of <code>declined</code>.</td></tr></tbody></table>

### Add alternative payment methods

1. [Enable your desired payment methods](https://docs.moneycollect.com/docs/business-operation/alternative-payment-methods/apply-for-apms-from-your-dashboard) from your MoneyCollect Dashboard&#x20;
2. Goto your WooCommerce Admin Panel-> Select <mark style="color:purple;">WooCommerce</mark> -> Select <mark style="color:purple;">Settings</mark> -> Select <mark style="color:purple;">Payments</mark> ->Toggle on the MoneyCollect alternative payment methods from the WooCommerce payment methods list.

<figure><img src="https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2FMilsXtJHU5TvOHFLq0fr%2F%E6%94%AF%E4%BB%98%E6%96%B9%E5%BC%8F%E5%88%97%E8%A1%A8png.png?alt=media&#x26;token=bb10b3e8-9a52-4659-8572-02a45e13413d" alt=""><figcaption></figcaption></figure>

3. The alternative payment methods selected automatically share the API key values from your MoneyCollect credit card settings. For merchants who are using alternative payment methods only, you need to click the "manage" button to add the  [<mark style="color:green;">API keys</mark>](https://docs.moneycollect.com/docs/api-keys#obtaining-your-api-keys) to your payment method settings separately.