> For the complete documentation index, see [llms.txt](https://help.checkoutchamp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/funnel-visualizer/edit-funnel-settings/payments/sepa.md).

# SEPA

{% hint style="info" %}
SEPA is supported through Global Payments, StripeV2, AdyenV2, Airwallex, Mollie, Trust Payments, Worldline, Worldpay, Celeris, and CheckoutV2 payment gateways
{% endhint %}

***

### Step 1: Login and navigate to the funnel you’d like to add SEPA to <a href="#sepa-checkoutchamp-step1-loginandnavigatetothefunnelyoudliketoaddsepato" id="sepa-checkoutchamp-step1-loginandnavigatetothefunnelyoudliketoaddsepato"></a>

<figure><img src="/files/Qmr4FdhcF4KjeL55dZCE" alt=""><figcaption></figcaption></figure>

***

### Step 2: Click the gear button on the top left to open Settings <a href="#sepa-checkoutchamp-step2-clickthegearbuttononthetoplefttoopensettings" id="sepa-checkoutchamp-step2-clickthegearbuttononthetoplefttoopensettings"></a>

<figure><img src="/files/f29KkQa3o8aI6pG0nXZ4" alt=""><figcaption></figcaption></figure>

***

### Step 3: Open the Payments section <a href="#sepa-checkoutchamp-step3-openthepaymentssection" id="sepa-checkoutchamp-step3-openthepaymentssection"></a>

<figure><img src="/files/JRNkTdA4AVaf9CqOehZL" alt=""><figcaption></figcaption></figure>

***

### Step 4: Add the payment gateway on which to transact <a href="#sepa-checkoutchamp-step4-addstripev2andcheckoutv2gatewaycredentials" id="sepa-checkoutchamp-step4-addstripev2andcheckoutv2gatewaycredentials"></a>

* Global Payments, StripeV2, AdyenV2, Airwallex, Trust Payments, Worldline, Worldpay, and CheckoutV2 gateways can be selected here

<figure><img src="/files/IAWeayytJoFmfGbaNQvb" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

1. Enter a **Title** to easily identify your SEPA account
2. Add the **public\_key** and **private\_key** obtained from your SEPA account
3. Add account **Limits**, **Descriptor,** and **Mid #**
   {% endhint %}

***

### Step 5: Save and Continue <a href="#sepa-checkoutchamp-step5-saveandcontinue" id="sepa-checkoutchamp-step5-saveandcontinue"></a>

***

### Step 6: Edit Checkout page and add a SEPA button <a href="#sepa-checkoutchamp-step6-editcheckoutpageandaddsepabutton" id="sepa-checkoutchamp-step6-editcheckoutpageandaddsepabutton"></a>

<figure><img src="/files/VL6EkFY43Q1odTgQhY74" alt=""><figcaption></figcaption></figure>

### Button <a href="#sepa-checkoutchamp-button" id="sepa-checkoutchamp-button"></a>

<figure><img src="/files/XTfatwJAt7kmvXrrWZ8P" alt=""><figcaption></figcaption></figure>

#### Step 6-1(button): Customize button size by clicking on the button and dragging the highlighted corners or use the Dimension tab for advanced edits. Under the Settings for the element, be sure the Action is set to *Submit + Route* <a href="#sepa-checkoutchamp-step6-1-button-customizebuttonsizebyclickingonthebuttonanddraggingthehighlightedc" id="sepa-checkoutchamp-step6-1-button-customizebuttonsizebyclickingonthebuttonanddraggingthehighlightedc"></a>

### Radio <a href="#sepa-checkoutchamp-radio" id="sepa-checkoutchamp-radio"></a>

<figure><img src="/files/B1ZKijSm7ClhHBGAO4UC" alt=""><figcaption></figcaption></figure>

#### Step 6-1(radio): Add a radio button to the page. You may design this to your preference. <a href="#sepa-checkoutchamp-step6-1-radio-addaradiobuttontothepage.youmaydesignthistoyourpreference" id="sepa-checkoutchamp-step6-1-radio-addaradiobuttontothepage.youmaydesignthistoyourpreference"></a>

<figure><img src="/files/JCGUk8WFSS2rgbzUK3wp" alt=""><figcaption></figcaption></figure>

#### Step 6-2(radio): Select the radio button and change the settings so the Name is “payment\_method”. This may also be used with the payment toggler by setting the name to “fk-payment-option-toggler“. Then set the Value of the radio button to “SEPA\_DEBIT“ in all caps. <a href="#sepa-checkoutchamp-step6-2-radio-selecttheradiobuttonandchangethesettingssothenameis-payment_method" id="sepa-checkoutchamp-step6-2-radio-selecttheradiobuttonandchangethesettingssothenameis-payment_method"></a>

{% hint style="warning" %}
Use either all buttons or radios for pay source selection to mitigate any conflicts
{% endhint %}

***

### Step 7: Save the page. Exit the page builder. <a href="#sepa-checkoutchamp-step7-savethepage.exitthepagebuilder" id="sepa-checkoutchamp-step7-savethepage.exitthepagebuilder"></a>

<figure><img src="/files/erNqNsr0RBOtLJDpAj1t" alt=""><figcaption></figcaption></figure>

***

### Step 8: On the arrow leaving the checkout page, choose the SEPA button. <a href="#sepa-checkoutchamp-step8-onthearrowleavingthecheckoutpage-choosethesepabutton" id="sepa-checkoutchamp-step8-onthearrowleavingthecheckoutpage-choosethesepabutton"></a>

<figure><img src="/files/y2Scr2mhNxtFOoN7XKxp" alt=""><figcaption></figcaption></figure>

***

### Step 9: Publish. You’re done and ready to test! <a href="#sepa-checkoutchamp-step9-publish.youredoneandreadytotest" id="sepa-checkoutchamp-step9-publish.youredoneandreadytotest"></a>

{% hint style="warning" %}
Customer info fields are required for this alternate payment method.
{% endhint %}

SEPA payments require the customer pass their IBAN number

* Choose the building blocks and navigate to Forms

<figure><img src="/files/CM6r3IszVRKOQV8toUev" alt=""><figcaption></figcaption></figure>

* Drag an Input around the SEPA button and set it to IBAN

<figure><img src="/files/6KCsdhgih17lK8Un8dWE" alt=""><figcaption></figcaption></figure>