Allow the payment form's origin

Let Adyen accept the card form that the app loads on your checkout.

The card form loads from the app’s own address. Adyen only accepts card forms from addresses you’ve allowed, so you need to add that address (the origin) to your API credential.

Find your origin

Your origin has this form:

https://<store-id>--<install-id>--app.swell.store

For example: https://mystore--6a6a51e0f713b600120cb472--app.swell.store.

The easiest way to get the exact value:

1. Make sure Environment is set to Test and the settings are saved.
2. Open your storefront’s checkout and select Adyen as the payment method.
3. If the origin isn’t allowed yet, the card form shows an Invalid origin message with the exact origin to add. Copy it.

Add it in Adyen

1. In the Adyen Customer Area, go to Developers → API credentials and open your credential.
2. Scroll to Client settings → Add allowed origins.
3. Paste the origin into the field and select Add. It appears in the list below.
4. Select Save changes at the bottom of the page.

Reload the checkout. The card fields now appear.