# BLIK

{% hint style="info" %}
BLIK is supported through Stripe, Mollie, and Airwallex gateways
{% endhint %}

***

### Step 1: Login and navigate to the funnel to add BLIK <a href="#giropay-checkoutchamp-step1-loginandnavigatetothefunneltoaddgiropay" id="giropay-checkoutchamp-step1-loginandnavigatetothefunneltoaddgiropay"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FWp7rS4iGKJ1NOk9C5nsJ%2Fimage.png?alt=media&#x26;token=165815ff-3308-46f6-8528-a45bc07a86c2" alt="" width="563"><figcaption></figcaption></figure>

***

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

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FGQC5OFEWCE38Yq8J2kuD%2Fimage.png?alt=media&#x26;token=4b6a760e-0147-4714-9c08-2bc6f605ee32" alt="" width="559"><figcaption></figcaption></figure>

***

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

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fu64HU6LzzHOJ4HeqX74N%2Fimage.png?alt=media&#x26;token=6e5108e7-86d7-42f7-a2b1-11bf7feb0b96" alt="" width="563"><figcaption></figcaption></figure>

***

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

* StripeV2, Mollie, and Airwallex gateways can be selected here

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F2FhKMIwpjPIP8ZBbUcPO%2Fimage.png?alt=media&#x26;token=b2691a31-4e6f-41e3-9a7d-b46947f05f22" alt="" width="375"><figcaption></figcaption></figure>

***

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

***

### Step 6: Edit the Checkout page and add the BLIK button or radio <a href="#giropay-checkoutchamp-step6-editthecheckoutpageandaddthegiropaybutton" id="giropay-checkoutchamp-step6-editthecheckoutpageandaddthegiropaybutton"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F36agjuFGg4rkkNnpUhir%2Fimage.png?alt=media&#x26;token=7d924e50-0e8e-4d6e-820b-6df95bdaeb3e" alt="" width="183"><figcaption></figcaption></figure>

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

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F1dMA6hgI7m4AiBzFswS9%2Fimage.png?alt=media&#x26;token=8fdcba53-3eae-4ae0-835c-17dd4751a18e" alt="" width="563"><figcaption></figcaption></figure>

#### 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="#giropay-checkoutchamp-step6-1-button-customizebuttonsizebyclickingonthebuttonanddraggingthehighlight" id="giropay-checkoutchamp-step6-1-button-customizebuttonsizebyclickingonthebuttonanddraggingthehighlight"></a>

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

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FOHdysoOVT85CvpyCpyxI%2Fimage.png?alt=media&#x26;token=8738173d-7ba4-4692-abe1-0f79a2d3bd0c" alt="" width="563"><figcaption><p>A</p></figcaption></figure>

#### Add a form radio button to the page. Design this to your preference. <a href="#giropay-checkoutchamp-step6-2-radio-selecttheradiobuttonandchangethesettingssothenameis-payment_meth" id="giropay-checkoutchamp-step6-2-radio-selecttheradiobuttonandchangethesettingssothenameis-payment_meth"></a>

#### Select the radio button.  Set the Name to “payment\_method” and Value to "BLIK". <a href="#giropay-checkoutchamp-step6-2-radio-selecttheradiobuttonandchangethesettingssothenameis-payment_meth" id="giropay-checkoutchamp-step6-2-radio-selecttheradiobuttonandchangethesettingssothenameis-payment_meth"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FSZ8LWdgEIYSQ5AKskXnX%2Fimage.png?alt=media&#x26;token=8841dcc3-9434-432b-bc95-6b095c0d46e2" alt="" width="297"><figcaption></figcaption></figure>

#### This may also be used with the payment toggler by setting the name to “fk-payment-option-toggler“ <a href="#giropay-checkoutchamp-step6-2-radio-selecttheradiobuttonandchangethesettingssothenameis-payment_meth" id="giropay-checkoutchamp-step6-2-radio-selecttheradiobuttonandchangethesettingssothenameis-payment_meth"></a>

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

***

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

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fvo26JONEMV1Ap7SVLOkc%2Fimage.png?alt=media&#x26;token=0013ef44-84a2-428e-b390-25d4cf918147" alt="" width="317"><figcaption></figcaption></figure>

***

### Step 8: On the arrow leaving the checkout page, choose the BLIK button.  If using radio or checkbox then choose the standard checkout button. <a href="#giropay-checkoutchamp-step8-onthearrowleavingthecheckoutpage-choosethegiropaybutton" id="giropay-checkoutchamp-step8-onthearrowleavingthecheckoutpage-choosethegiropaybutton"></a>

***

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

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