> For the complete documentation index, see [llms.txt](https://kb.craftformswp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kb.craftformswp.com/documentation/ecommerce/online-payments.md).

# Online Payments

CraftForms takes online payments as part of a form submission. It works with these payment gateways (PRO):

* [Stripe](/documentation/ecommerce/online-payments/setup-stripe.md)
* [PayPal](/documentation/ecommerce/online-payments/setup-paypal.md)
* [Mollie](https://kb.craftformswp.com/documentation/ecommerce/online-payments/setup-mollie)
* [Square](https://kb.craftformswp.com/documentation/ecommerce/online-payments/setup-square)

Connect your accounts first in **CraftForms → Settings → Payments**. You can add more than one account per gateway. See [Payment Connections](https://kb.craftformswp.com/documentation/ecommerce/online-payments/payment-connections).

To take payments in a form, add the **CraftForms Payment** block:

![Adding the CraftForms Payment block in the form editor](https://97821998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FM2yV1foUgoGHBC66VBDw%2Fuploads%2FfrPUOKog90c1IkOT4Ros%2FSCR-20260527-kmkf.png?alt=media\&token=d8ef07f6-594d-421c-9ce2-aff846163ab8)

Once added, it looks like this in the editor:

![The Payment block in the form editor](https://97821998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FM2yV1foUgoGHBC66VBDw%2Fuploads%2FgJE3SR9KuQN7mB5iEcqZ%2FSCR-20260527-kmjj.png?alt=media\&token=6dbbc7c7-10f8-4aa1-937d-f50dbbcf7727)

The block has settings:

![The Payment block settings in the sidebar](https://97821998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FM2yV1foUgoGHBC66VBDw%2Fuploads%2F5lxxjiS891ZLML3rMhq1%2FSCR-20260527-kmze.png?alt=media\&token=1de33844-556b-4b00-b5e3-213d4f076012)

The important one is **Mode**:

* **Hosted Checkout**. The customer is redirected to the gateway's own checkout page, pays there and comes back to your success page. Works with all four gateways.
* **Embedded Payment**. The payment fields appear in place of the block: card fields for Stripe and Square, buttons for PayPal. Mollie supports Hosted Checkout only.

{% hint style="info" %}
To use Hosted Checkout with Stripe, complete all steps of the [Stripe setup](/documentation/ecommerce/online-payments/setup-stripe.md), including the webhook.
{% endhint %}

{% hint style="info" %}
To use Embedded Payment with Stripe, the first three steps of [the Stripe setup](/documentation/ecommerce/online-payments/setup-stripe.md) are enough: account, API keys and a connection.
{% endhint %}