# Payments

## Setup

-   The Checkout Block supports Three methods of payments:
    -   Check Payment, found in WooCommerce payment section.
    -   Stripe Credit Card payments, provided by [Stripe Gateway](https://woocommerce.com/products/stripe/).
    -   Express Payment methods, provided by [Stripe Gateway](https://woocommerce.com/products/stripe/).

To test Stripe and Express payment methods, you will need API keys, you can get them by creating a testing account
in stripe.

Special Cases:
To test Express payment methods there are some special requirements like

-   You need to be serving the website over https, try ephemeral websites.
-   You need to be from a supported country.
-   To test Apple Pay you will need to have an iOS or device.
-   To test Google Pay you will need to have Chrome installed and a payment method setup.
-   To test Microsoft Pay you will need to have Edge installed.
-   You will also need to be on a supported country, to better verify your compatibility visit
    [this page](https://stripe.com/docs/stripe-js/elements/payment-request-button#react-overview)
    You should see if you're on a supported platform or not.

Unsupported:
![image](https://i.imgur.com/EpkFrat.png).

## What to test

If no payment method is set up: <!-- heading -->

-   [ ] An error will show up in the frontend, saying that no payment method is available.
-   [ ] In the editor, you will be prompted to set up a payment method.

If you have a payment method available: <!-- heading -->

-   [ ] You should be able to perform a successful checkout with Check payments.
-   [ ] You should be able to perform a successful checkout credit card payment using this cart `4242424242424242`
-   [ ] You should be able to perform a failed checkout credit card payment using this cart `4000000000000002`

[![Create Todo list](https://raw.githubusercontent.com/senadir/todo-my-markdown/master/public/github-button.svg?sanitize=true)](https://git-todo.netlify.app/create)

<!-- FEEDBACK -->

---

[We're hiring!](https://woocommerce.com/careers/) Come work with us!

🐞 Found a mistake, or have a suggestion? [Leave feedback about this document here.](https://github.com/woocommerce/woocommerce-gutenberg-products-block/issues/new?assignees=&labels=type%3A+documentation&template=--doc-feedback.md&title=Feedback%20on%20./docs/testing/cart-checkout/payment.md)

<!-- /FEEDBACK -->