This plugin requests Craft 4.x and Craft Commerce 4.x
You can install this plugin from the Plugin Store or with Composer.
Go to the Plugin Store in your project’s Control Panel and search for “Affirm”. Then click on the “Install” button in its modal window.
Open your terminal and run the following commands:
# go to the project directory
cd /path/to/my-project
# tell Composer to load the plugin
composer require webdna/commerce-affirm
# tell Craft to install the plugin
./craft install/plugin commerce-affirm
To add an Affirm payment gateway, go to Commerce → Settings → Gateways, create a new gateway.
Enter the Public & Private API keys (environmental variable are recommended) and a product key if you have one.
On the payment page, use the getPaymentFormHtml method passing in a few parameters.
{% set params = {
cancelUrl: siteUrl('/shop/checkout/payment'),
confirmationUrl: siteUrl('/shop/checkout/order', {number: cart.number, success:'true'}),
mode: 'modal',
} %}
{% namespace cart.gateway.handle|commercePaymentFormNamespace %}
{{ cart.gateway.getPaymentFormHtml(params)|raw }}
{% endnamespace %}
automatic
: automatically launches the payment modal otherwise show a button to launch it. (default: 'true')
cancelUrl
: the url to return to if the process is cancelled. (only used in 'redirect' mode)
confirmationUrl
: the url to return to on a successful application. (only used in 'redirect' mode)
mode
: 'modal' or 'redirect' (default: 'modal')
showStatus
: show the status updates, processing etc. (default: false)
onFail
, onSuccess
, onOpen
, onValidationError
if you pass in the onSuccess
callback, you will need to handle setting the token input with the received e.checkout_token
and submitting the form.