---
title: Allow the payment form's origin
description: 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:

```txt
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.

![An allowed origin added under Client settings in Adyen](/blume-assets/content/docs/images/adyen-allowed-origins.png)

Reload the checkout. The card fields now appear.

:::warning
Test and live have separate credentials. Add the same origin to your **live** credential before you go live.
:::

:::note
**Upgrading from 1.0.x?** From version 1.1.0 the card form loads from the app's own address, so this step is required even if Adyen already worked before. Until you add the origin, shoppers see "Invalid origin" and can't pay.
:::