# WellnessPay

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FHc1F3i5jeCxsoK2wriIO%2Fimage.png?alt=media&#x26;token=fc0d5051-0773-4472-8a8c-9345f7e7b52b" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="info" %}
WellnessPay will work with Checkout Champ pages and landers that connect to Checkout Champ via Direct API. It will NOT work with Order Entry.
{% endhint %}

{% hint style="warning" %}
No credit card details are stored with WellnessPay.  The customer is redirected to WellnessPay to complete the checkout.

Subscription billing (recurring orders) is not supported.
{% endhint %}

**STEP 1**

To activate WellnessPay, go to **Checkout Champ | Gateways | Gateway Integrations** and select the WellnessPay tile. Click the <mark style="color:green;">+</mark> <mark style="color:green;"></mark><mark style="color:green;">**Activate**</mark> button.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FQIO5J0SNc8DjMwLdp8qn%2Fimage.png?alt=media&#x26;token=d5a4846b-dd6c-45b0-8b74-93aca75f6635" alt="" width="375"><figcaption></figcaption></figure>

**STEP 2**

Enter **apiKey** in the General Details Section of the Gateway Creation Screen. **apiKey** is obtained from your WellnessPay gateway account.

Enter **Title** and **Descriptor**

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FIKtIUCAbeCsD9k1FC4ab%2Fimage.png?alt=media&#x26;token=6e6dcc3c-8679-4127-8405-e87089a52379" alt="" width="375"><figcaption></figcaption></figure>

Click the <mark style="color:green;">**Create Gateway**</mark> button to save your changes and create the gateway.

&#x20;

**STEP 3**

{% hint style="info" %}
This step can be ignored if using Checkout Champ hosted pages
{% endhint %}

The Checkout page must be secure HTTPS. A non-secured call to the WellnessPay gateway will be rejected.

Pass paySource=PREPAID and prepaidType=WELLNESS on the import order API call from your checkout page

One option is to use hidden input fields on the page

```
<input type="hidden" name='paySource' value="PREPAID">
<input type='hidden' name='prepaidType' value='WELLNESS'>
```

&#x20;

**STEP 4**

{% hint style="info" %}
This step can be ignored if using Checkout Champ hosted pages
{% endhint %}

The checkout page must handle standard 3DS processing

[Direct API 3DS Instructions](https://help.checkoutchamp.com/crm/gateway-setup/direct-api-3ds-instructions)

***

### Checkout Champ Pages Only

Go to funnel Settings > Alternate Payment Methods > Wellness Pay.  Choose the WellnessPay gateway created in earlier steps.  Save.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FXg6FMHRkx8G0zRcOLORE%2Fimage.png?alt=media&#x26;token=d445d016-a1b5-49ef-9a01-e12632eaf63e" alt="" width="375"><figcaption></figcaption></figure>

There are 2 options on Checkout pages

Option 1 - button

Drag a WellnessPay button to the page.  Save the page.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FoDAyr161tgT2SKDnHUPE%2Fimage.png?alt=media&#x26;token=853c5dc7-aceb-4d42-b73e-d5cc342b0870" alt="" width="375"><figcaption></figcaption></figure>

Return to the funnel canvas.  Select the WellnessPay button on an arrow leaving the page.  Then publish.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FfDu0xW4qqNfPY7roSGhF%2Fimage.png?alt=media&#x26;token=8d9100ab-65cd-4c48-8e4e-0c0c73b3f930" alt="" width="563"><figcaption></figcaption></figure>

Option 2 - radio

Add a radio button onto the checkout page's payment method selector.  Drag a Radio Button element from the Blocks Menu onto your Checkout Page

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FLrv9LdnnGNalfJLaKcfp%2Fimage.png?alt=media&#x26;token=2efee46c-f673-4b09-a4ff-fa04bf95d9ed" alt="" width="375"><figcaption></figcaption></figure>

Select the radio button.  Go to Settings.  Set Name to `payment_method` and Value to `WELLNESS`. This may also be used with a payment toggler.  Use Name `fk-payment-option-toggler`  instead.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FyDzQ4BSfkMFNbKN8XaFO%2Fimage.png?alt=media&#x26;token=9192198c-88d7-4162-9fd6-c4cdaa945bdc" alt="" width="375"><figcaption></figcaption></figure>

Save and publish.
