Bancontact (Checkout Champ)

Owned by Chris Rivera
Last updated: Nov 20, 2023 by Tom Knuth
3 min read

Bancontact is supported through Stripe, Checkout.com, eMerchantPay, Swipen, Worldpay, Worldline, Gala Technology, Cardstream, and NomuPay gateways

Step 1: Login and navigate to the funnel to add Bancontact

Step 2: Click the gear button on the top left to open Settings

Step 3: Open the Payments section

Step 4: Add the payment gateway on which to transact

  • StripeV2, CheckoutV2, eMerchantPay, Worldpay, Worldline, Swipen, Cardstream, and NomuPay gateways can be selected here

 

Step 5: Save and Continue

Step 6: Edit Checkout page to add the Bancontact button

Button

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

 

Radio

 

Step 6-1(radio): Add a radio button to the page. You may design this to your preference.

 

 

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 the name of the pay source in all caps.

 

Use either all buttons or radios for pay source selection to mitigate any conflicts

 

Step 7: Save the page. Exit the page builder.

Step 8: On the arrow leaving the checkout page, choose the Bancontact button.

Step 9: Publish. You’re done and ready to test!