Configuration
Stripe Gateway for WooCommerce supports all major credit and debit cards including Visa, MasterCard, Discover, Diners Club, American Express, JCB, UnionPay, and many more.
Follow the step-by-step instructions to set up credit card payment options:
Step 1: Navigate to the Payments under WooCommerce Settings
Go to WooCommerce ⇨ Settings ⇨ Payments tab.
Click on Manage next to Stripe Gateway - Credit Card (Stripe).

Step 2: Configure the Credit Cards option
Click on the Credit Cards section.

Check the box next to Enable Stripe Gateway.

Make sure to enter the title and description that will appear on the checkout page.

Step 3: Specify charge type for credit card payments
Here are the additional settings you need to do:
- Charge type: Two charge types are available.
- Charge: Select this option to charge your customers immediately
- Authorize: Select this option for your customers to approve each payment within a few days (max up to 7 days) - this option requires webhook integration

Note: You can enable payments through saved cards.
Step 4: Choose card form style
You get three options.
- Inline credit card form
To choose Inline Form, check the option “Enable Inline Credit Card Form”.

Here is what the inline credit form looks like:

- Standard credit card form
To choose a traditional look, you can select “Enable Standard Credit Card Form”.

Here is how the Standard option looks like:

- Enhanced Payment Element
The recommended option is Enhanced Payment Element. With this option, you can also enable authentication in the Card Field, or Billing Email Field, or choose None to disable authentication.

Here how the recommended option looks like:

Pick the one you like. Finally, click on Save Changes when done.
This is how you can enable the Card payment options in Stripe Gateway for WooCommerce.
Testing
Make sure to test your payments on your store first before going live.
By default, your Stripe API settings will have the Test mode enabled.
It means you can actually test your payments by placing orders with the help of demo cards.
Visit Stripe’s testing document to get information about demo card numbers.

Once you’ve set everything up and tested your payments, we recommend you switch to live mode.
You can do this by going to the WooCommerce Settings ⇨ Payments tab.
Continue to Stripe Woo Payment Gateway > Stripe API Settings and change the mode from “Test” to “Live”.

Save the changes once done.