Afterpay (CheckoutChamp)

Disclaimers:

No card details are stored for merchants using Afterpay’s Payment Gateway
Afterpay will only work for one-time purchases and will NOT support one-click upsells nor recurring billing/subscriptions
You can enable the “Multi-Pay Rebills” setting which will require a credit card on the checkout pages to accept one-click upsells and recurring payment
Customer info fields are required for this alternate payment method.

Clearpay is also supported. Please follow the same documentation using Afterpay and drag on the Clearpay button instead of the Afterpay button on step 6.

Step 1: Login and navigate to the funnel you’d like to add Afterpay to

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

Step 3: Open the Payments section

Step 4: Add or select existing Afterpay gateway credentials

Enter a Title to easily identify your Afterpay account.
Merchant_ID - Found on the footer of the Home page inside your Afterpay account.
Secret_Key - This is emailed to the account owner upon the account's creation. If you are having difficulties finding this you can reach out to your Business Development Manager or you can reach Afterpay Merchant Support: https://developers.afterpay.com/afterpay-online/docs/merchant-support
Add account Limits, Descriptor, and Mid #

Step 5: Save and Continue

Step 6: Edit Checkout page and add Afterpay button

Step 6-1: 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

Afterpay (CheckoutChamp)

Step 1: Login and navigate to the funnel you’d like to add Afterpay to

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

Step 3: Open the Payments section

Step 4: Add or select existing Afterpay gateway credentials

Step 5: Save and Continue

Step 6: Edit Checkout page and add Afterpay button

Step 6-1: 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

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

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

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

Step 1: Login and navigate to the funnel you’d like to add Afterpay to

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

Step 3: Open the Payments section

Step 4: Add or select existing Afterpay gateway credentials

Step 5: Save and Continue

Step 6: Edit Checkout page and add Afterpay button

Step 6-1: 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

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

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

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