- card payments on the checkout, with order bumps,
- one-click upsells charged to the saved card,
- subscription renewals charged automatically, marked to Adyen as subscription payments the buyer agreed to,
- full and partial refunds from the order page,
- refunds, cancellations and chargebacks made in Adyen recorded on the order through an Adyen webhook.
3D Secure is not part of the Adyen merchant yet. ElasticFunnels asks Adyen not to start 3D Secure, so a card whose bank insists on it is declined and the buyer is asked to use another card. If most of your buyers are in Europe or the UK, where banks often require it, check with Adyen before you switch your traffic. Apple Pay, Google Pay and Adyen’s other payment methods are not included either.
Before you start
You need:- An Adyen account. For testing, Adyen gives you a test Customer Area at
ca-test.adyen.comonce you sign up at adyen.com/signup. Adyen may ask for company details before it opens. - Access to the Adyen Customer Area for that account, with a user that can manage API credentials.
Step 1: create the API credential in Adyen
ElasticFunnels talks to Adyen as an API credential (a “web service user”). Most accounts already have one namedws@Company.YourCompany.
- In the Customer Area, go to Developers → API credentials and open your
ws@Company...credential, or create one. - Under Server settings → Authentication, click Generate API key and copy it at once. Adyen shows it only one time.
- Under Client settings, click Generate client key if there is none, and copy it.
- Still under Client settings, add every domain your checkout runs on to Allowed origins (for example
https://checkout.yourstore.com). The card fields do not load on a domain that is missing here. - Under Permissions, keep the Checkout webservice role. Also tick Management API - Webhooks read and write if you want ElasticFunnels to create the webhook for you in step 4.
- Click Save changes.
Step 2: find the other values
Step 3: add the Adyen merchant
- Go to Merchants → Add Merchant and choose Adyen.
- Paste the values. Test and live keys have their own fields, and the Mode toggle decides which set is used. The live URL prefix and region are only needed in Live mode.
- Pick the checkout page this merchant charges on.
- Save.
Step 4: the webhook
Adyen tells ElasticFunnels about refunds, cancellations and chargebacks through a webhook. There are two ways to set it up. Automatic. If the API credential has the Management API - Webhooks read and write role and you left Webhook HMAC key empty, ElasticFunnels creates the webhook in Adyen when you save the merchant and fills in the HMAC key itself. Nothing else to do. By hand. Otherwise:- Open the Adyen merchant in ElasticFunnels again. Below the keys, the form shows your Webhook URL. Copy it.
- In the Customer Area, go to Developers → Webhooks → + Webhook → Standard webhook.
- Paste the URL, set the format to JSON and make sure the webhook is active.
- Under Security, click Generate next to HMAC Key, copy the key and save the webhook.
- Paste the HMAC key into the merchant in ElasticFunnels and save.
- a refund or cancellation made in the Customer Area shows on the order and in your reports,
- a chargeback shows on the order as disputed,
- a refund made from ElasticFunnels is not counted twice when Adyen confirms it.
What the buyer sees
The card panel on your checkout shows Adyen’s fields for card number, expiry date and security code. They look like the rest of the form. When the buyer clicks the submit button, the card is encrypted in the browser and the order goes through as with any other card merchant. A declined card keeps the buyer on the checkout with a message to try another card.One-click upsells and renewals
On the first payment, Adyen saves the card in your Adyen account under a reference for that buyer. Later charges use the saved card:- Upsells after the checkout are charged in one click, without the buyer typing the card again.
- Subscription renewals are charged on schedule and flagged to Adyen as subscription payments the buyer set up.
Refunds and voids
Refund from the order page in ElasticFunnels.- Partial refunds can be made as many times as you need, up to the amount paid.
- A void asks Adyen to cancel the payment. If Adyen has already captured it, Adyen refunds it in full instead, so the buyer always gets the money back.
Testing with the Adyen test account
- Put the test Customer Area’s values in the sandbox fields and set Mode to Sandbox.
- Pay on your checkout with Adyen’s test card
5555 5555 5555 4444(or4111 1111 1111 1111), expiry03/30and security code737. - Open Transactions → Payments in the test Customer Area to see the payment.
Going live
- In the live Customer Area, repeat step 1 (API key, client key with your live checkout domains, Additional data).
- Fill in the live fields, including Live URL prefix and Live region, and switch Mode to Live.
- Set up the live webhook (step 4). It needs its own HMAC key.
- Place one real order with your own card and refund it from the order page.