# EasyOnboarding

## Overview

The EasyOnboarding is a redirect solution as an alternative to the [Javascript-Widget](https://guide.xs2a.com/xs2a/integration-cs/integration-variants/javascript-widget) or the [Wizard-API](https://guide.xs2a.com/xs2a/integration-cs/integration-variants/wizard-api). With this solution, we will host a standalone page on our system that can be used to redirect a user to finish the process there.

![](https://272679900-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8QV58EtY3_qIBQODz5%2Fuploads%2FEjt7CwFIGyBHhd7NTYI6%2FEasy%20Onboarding.png?alt=media\&token=42390511-c993-4d1c-8d9c-83851fbefbd0)

## Look and feel

#### **Payment Platform (xs2a.pay)**

For the Payment Platform (xs2a.pay) you can configure your Payform pretty simple, fast, and without any deep technical knowledge in our customer cockpit.&#x20;

*What do you need to configure your customized Payform?*&#x20;

1. Go to <https://manage.xs2a.com/> and log into our customer cockpit with your credentials
2. Select "Configure" and go to "Payform"&#x20;

![](https://272679900-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8QV58EtY3_qIBQODz5%2Fuploads%2FUXLEaFyzXPzcqKYy9oKI%2FForm%20Editor.png?alt=media\&token=89a92d95-ab3b-4c8e-93f0-892eca3c79d5)

3\. Start configuration by editing texts, colors and upload your images:&#x20;

![3.1 Edit the text (DE and ENG) you want to display in your Payform](https://272679900-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8QV58EtY3_qIBQODz5%2F-MjSshmuLihkEBse8tnb%2F-MjUDDC5UQSjgKBk8COt%2Fimage.png?alt=media\&token=886c7ff0-df30-4af2-8647-fc4b7c3cfbf1)

![3.2 Upload your image(s) / logos that shall be displayed in your payform](https://272679900-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8QV58EtY3_qIBQODz5%2F-MjSshmuLihkEBse8tnb%2F-MjUDdlpuQkGbpDam6il%2Fimage.png?alt=media\&token=1ffcbcc6-4a3b-441f-b97a-2caedde0b9bd)

![3.3 Select your color(s) for the payform](https://272679900-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8QV58EtY3_qIBQODz5%2F-MjSshmuLihkEBse8tnb%2F-MjUECzh5TYj1PpQBymb%2Fimage.png?alt=media\&token=4d1e1666-ad78-4dae-9f8c-8afd03a92f89)

4\. Save your configured Payform&#x20;

5\. Check your preview and if needed edit your configuration once again

#### **Analytics Platform (xs2a.risk)**

We are able to design and create the page for your requirements. Starting from the Colors to the Layout around our [Javascript-Widget](https://guide.xs2a.com/xs2a/integration-cs/integration-variants/javascript-widget) everything can be adjusted to fit your needs.

## How to use

### Static configuration

This can be used if the configuration for each session and all customers will stay the same. We create the session then directly if the page is opened so that it is only required to redirect a user to the page. You will receive a url that you can redirect a user to.

It is needed to register two redirect urls where we will redirect the customer in case of success or an error/abort.

{% tabs %}
{% tab title="Example url" %}

```
https://manage.xs2a.com/start/exampledoc
```

{% endtab %}
{% endtabs %}

### Dynamic configuration

This needs to be used if the configuration per session of the customer is different. In this case, you need to create your session via REST-API and pass the `wizard-session-key` from our response combined with the page url to the redirect.

The redirect urls for success and error/abort are also needed here, they can be also configured dynamically in the session you received the `wizard-session-key` from.

{% tabs %}
{% tab title="Example url" %}

```
https://manage.xs2a.com/start/exampledoc/<your-wizard-session-key>
```

{% endtab %}
{% endtabs %}

For more information on how to create a session please read the guide for the specific product that should be used.

{% content-ref url="../platforms/pay" %}
[pay](https://guide.xs2a.com/xs2a/integration-cs/platforms/pay)
{% endcontent-ref %}

{% content-ref url="../platforms/risk" %}
[risk](https://guide.xs2a.com/xs2a/integration-cs/platforms/risk)
{% endcontent-ref %}

{% content-ref url="../platforms/api" %}
[api](https://guide.xs2a.com/xs2a/integration-cs/platforms/api)
{% endcontent-ref %}

## Metadata

It is possible to pass up to 3 key-value pairs as metadata to the EasyOnboarding. This is limited by a key length of 20 characters and a value length of 128 characters. The key-value pairs will be appended as query parameters

{% tabs %}
{% tab title="Example url with static configuration" %}

```
https://manage.xs2a.com/start/exampledoc?key1=value1&key2=value2&key3=value3
```

{% endtab %}

{% tab title="Example url with dynamic configuration" %}

```
https://manage.xs2a.com/start/exampledoc/<your-wizard-session-key>?key1=value1&key2=value2&key3=value3
```

{% endtab %}
{% endtabs %}

The Information you provide there can be found in the resulting webhook or in the transaction object itself.

{% content-ref url="../additional-guides/webhooks" %}
[webhooks](https://guide.xs2a.com/xs2a/integration-cs/additional-guides/webhooks)
{% endcontent-ref %}

## Use an own domain

It is possible to use every domain you want as long as you can set the correct DNS record and provide an SSL certificate for it. The address `https://manage.xs2a.com/start/` will then replaced with your domain.

##
