Stripe
Overview
Stripe is a US payment gateway that allows e-commerce sites to receive payments on their sales website. Stripe has no setup fees, no monthly fees and no hidden costs. Mageplaza Stripe extension will help you integrate this payment gateway with your store. Your customers can use all debit cards, credit cards, or local payment methods like Alipay, Giropay, Bancontact, Przelewy24, etc. This extension also includes authorize, capture and 3D secure. These settings can be easily done by admin at the backend.
Mageplaza Stripe extension is fully compatible with Mageplaza One Step Checkout
How to download and install
- Download Mageplaza Stripe
- How to Install
How to use
For Customer
- Pay by Card
- Pay by Alipay
- Pay with Giropay
- Pay with Bancontact
- Pay with Przelewy24
- Payment by SOFORT**
- Pay with EPS
- Pay with iDEAL Bank
- Pay with Google Pay
- Pay with Apple Pay
- Pay with Microsoft Pay
- Verify by 3D Secure when paying by Card
- Allow customers to save card information at their first payment to use for next payments.
- You can check the payment by using following test card information:
Test card numbers
Use any of the following test card numbers, a valid expiration date in the future, and any random CVC number, to create a successful payment. Each test card's billing country is set to U.S
NUMBER | BRAND |
4242424242424242 | Visa |
4000056655665556 | Visa (debit) |
5555555555554444 | Mastercard |
2223003122003222 | Mastercard (2-series) |
5200828282828210 | Mastercard (debit) |
5105105105105100 | Mastercard (prepaid) |
378282246310005 | American Express |
371449635398431 | American Express |
6011111111111117 | Discover |
6011000990139424 | Discover |
30569309025904 | Diners Club |
38520000023237 | Diners Club |
3566002020360505 | JCB |
6200000000000005 | UnionPay |
NUMBER | 3D SECURE USAGE | DESCRIPTION |
4000000000003220 | Required | 3D Secure 2 authentication must be completed for the payment to be successful. By default, your Radar rules will request 3D Secure authentication for this card. |
4000000000003063 | Required | 3D Secure authentication must be completed for the payment to be successful. By default, your Radar rules will request 3D Secure authentication for this card. |
4000008400001629 | Required | 3D Secure authentication is required, but payments will be declined with a card_declined failure code after authentication. By default, your Radar rules will request 3D Secure authentication for this card. |
4000000000003055 | Supported | 3D Secure authentication may still be performed, but is not required. By default, your Radar rules will not request 3D Secure authentication for this card. |
4242424242424242 | Supported | 3D Secure is supported for this card, but this card is not enrolled in 3D Secure. This means that if 3D Secure is requested by your Radar rules, the customer will not go through additional authentication. By default, your Radar rules will not request 3D Secure authentication for this card. |
378282246310005 | Not supported | 3D Secure is not supported on this card and cannot be invoked. The PaymentIntent will proceed without performing authentication. |
NUMBER | COUNTRY | BRAND |
4000000760000002 | Brazil (BR) | Visa |
4000001240000000 | Canada (CA) | Visa |
4012888888881881 | Canada (CA) | Visa |
4000004840000008 | Mexico (MX) | Visa |
NUMBER | COUNTRY | BRAND |
4000000400000008 | Austria (AT) | Visa |
4000000560000004 | Belgium (BE) | Visa |
4000002080000001 | Denmark (DK) | Visa |
4000002330000009 | Estonia (EE) | Visa |
4000002460000001 | Finland (FI) | Visa |
4000002500000003 | France (FR) | Visa |
4000002760000016 | Germany (DE) | Visa |
4000003000000030 | Greece (GR) | Visa |
4000003720000005 | Ireland (IE) | Visa |
4000003800000008 | Italy (IT) | Visa |
4000004280000005 | Latvia (LV) | Visa |
4000004400000000 | Lithuania (LT) | Visa |
4000004420000006 | Luxembourg (LU) | Visa |
4000005280000002 | Netherlands (NL) | Visa |
4000005780000007 | Norway (NO) | Visa |
4000006160000005 | Poland (PL) | Visa |
4000006200000007 | Portugal (PT) | Visa |
4000006430000009 | Russian Federation (RU) | Visa |
4000007240000007 | Spain (ES) | Visa |
4000007520000008 | Sweden (SE) | Visa |
4000007560000009 | Switzerland (CH) | Visa |
4000008260000000 | United Kingdom (GB) | Visa |
4000058260000005 | United Kingdom (GB) | Visa (debit) |
NUMBER | COUNTRY | BRAND |
4000000360000006 | Australia (AU) | Visa |
4000001560000002 | China (CN) | Visa |
4000003440000004 | Hong Kong (HK) | Visa |
4000003920000003 | Japan (JP) | Visa |
3530111333300000 | Japan (JP) | JCB |
4000004580000002 | Malaysia (MY) | Visa |
4000005540000008 | New Zealand (NZ) | Visa |
4000007020000003 | Singapore (SG) | Visa |
For other cases, please access more here.
For Admin
- Turn on/off 3D Secure
- Set up the countries using the Payment Method
- Specify Payment Action
- Create Mobile or Telephone Order by the card information saved
How to Configure
1. Configuration
From the Admin panel, go to Stores > Configuration > Sales > Payment Method
1.1 Credential
- Environment:
- Admin can choose Sandbox environment to test payment function with Stripe
- When you want to apply for online payment, admin needs to change the environment to Production
- Publishable key: Admin needs to register a Stripe Account to be able to use the payment methods that Stripe supports. Admin needs to correctly insert the Publishable key of your Stripe Account
- Secret key: Comes with Publishable key, admin also need to fill in exactly Secret of Stripe Account
- Test Credential button: Admin can check your app by clicking the Test Credential button
*How to create Stripe account and get API keys:**
- Visit https://stripe.com to register a Stripe account. Then Sign In with the account you just registered successfully.
- In the Dashboard page of Stripe, select
Get your test API keysto get the API keys test for Sandbox Environment. - With the Production Environment, you need Activate account to get live API keys.
1.2 Card
Enable: Select Yes so that Customer can pay by Card
Title: Enter the title of the payment method. This title will replace the name of the method to display in Frontend
Payment Action:
- Authorize and Capture: Payment will be captured immediately after the Customer place order successfully. At that moment, customers' card is deducted for the order payemnt and the Invoice will be created.
- Authorize: Payment will only be captured when admin creates Invoice for Customer's order. When the Invoice is successfully created, admin can receive money from Customer's card
Credit Card Types:
- Choose 1 or more cards for payment
- Cards will be authenticated when customer completes the card number at check out. For cards not selected in this section, there will be an invalid message for the customer.
3D Secure: Select Yes to use 3D Secure to verify Customer's card, thereby preventing payment fraud. Showing extra field Force using
Force Using: Select Yes to compulsorily verify the card. Showing additional field USing 3D secure when. Only successful 3D Secure verified cards can process orders
- There are 5 types of cards that can be verified by 3D Secure:
- Required: 3D Secure authentication must be completed for the payment to be successful
- Recommended: 3D Secure is supported and recommended but not required on this card. Payments succeed whether 3D Secure is used or not.
- Optional 1: 3D Secure is supported but not required on this card. 3D Secure authentication may still be performed, but is not required. Payments succeed whether 3D Secure is used or not
- Optional 2: 3D Secure is supported for this card, but this card is not enrolled in 3D Secure. This means that if 3D Secure is invoked, the customer is not asked to authenticate. Payments succeed whether 3D Secure is invoked or not.
- Not_supported: 3D Secure is not supported on this card and cannot be invoked.
- There are 5 types of cards that can be verified by 3D Secure:
Using 3D Secure When
- 3D Secure is recommended: Force using 3D secure with recommended card type
- 3D Secure is optional: Force using 3D secure with optional card type
Payment from Applicable Countries:
- Select All Countries to allow Stripe payment method available in all countries
- Select Specific Countries to limit certain countries to use this payment method
- Payment from Specific Countries: The selected countries can show the Card payment method
Instruction: A simple description of this payment method. The instruction will be displayed at Frontend to instruct Customer how to use this payment method
Sort Order:
- Choose display position of this payment method compared to other payment methods
- 0 is the highest number
1.3 Alipay
Enable: Select Yes so that Customer can pay by Alipay
Title: Enter the title of the payment method. This title will replace the name of the method to display in Frontend
Payment Action:
- Authorize and Capture: Payment will be captured immediately after the Customer place order successfully. At that moment, customers' card is deducted for the order payemnt and the Invoice will be created.
- Authorize: Payment will only be captured when admin creates Invoice for Customer's order. When the Invoice is successfully created, admin can receive money from Customer's card
Payment from Applicable Countries:
- Select All Countries to allow Stripe payment method available in all countries
- Select Specific Countries to limit certain countries to use this payment method
- Payment from Specific Countries: The selected countries can show the Card payment method
Instruction: A simple description of this payment method. The instruction will be displayed at Frontend to instruct Customer how to use this payment method
Sort Order:
- Choose display position of this payment method compared to other payment methods
- 0 is the highest number
1.4 Giropay
Enable: Select Yes so that Customer can pay by Giropay
Title: Enter the title of the payment method. This title will replace the name of the method to display in Frontend
Payment Action:
- Authorize and Capture: Payment will be captured immediately after the Customer place order successfully. At that moment, customers' card is deducted for the order payemnt and the Invoice will be created.
- Authorize: Payment will only be captured when admin creates Invoice for Customer's order. When the Invoice is successfully created, admin can receive money from Customer's card
Payment from Applicable Countries:
- Select All Countries to allow Stripe payment method available in all countries
- Select Specific Countries to limit certain countries to use this payment method
- Payment from Specific Countries: The selected countries can show the Card payment method
Instruction: A simple description of this payment method. The instruction will be displayed at Frontend to instruct Customer how to use this payment method
Sort Order:
- Choose display position of this payment method compared to other payment methods
- 0 is the highest number
1.5. Bancontact
Enable: Select Yes so that Customer can pay by Bancontact
Title: Enter the title of the payment method. This title will replace the name of the method to display in Frontend
Payment Action:
- Authorize and Capture: Payment will be captured immediately after the Customer place order successfully. At that moment, customers' card is deducted for the order payemnt and the Invoice will be created.
- Authorize: Payment will only be captured when admin creates Invoice for Customer's order. When the Invoice is successfully created, admin can receive money from Customer's card
Payment from Applicable Countries:
- Select All Countries to allow Stripe payment method available in all countries
- Select Specific Countries to limit certain countries to use this payment method
- Payment from Specific Countries: The selected countries can show the Card payment method
Instruction: A simple description of this payment method. The instruction will be displayed at Frontend to instruct Customer how to use this payment method
Sort Order:
- Choose display position of this payment method compared to other payment methods
- 0 is the highest number
1.6. Przelewy24
Enable: Select Yes so that Customer can pay by Przelewy24
Title: Enter the title of the payment method. This title will replace the name of the method to display in Frontend
Payment Action:
- Authorize and Capture: Payment will be captured immediately after the Customer place order successfully. At that moment, customers' card is deducted for the order payemnt and the Invoice will be created.
- Authorize: Payment will only be captured when admin creates Invoice for Customer's order. When the Invoice is successfully created, admin can receive money from Customer's card
Payment from Applicable Countries:
- Select All Countries to allow Stripe payment method available in all countries
- Select Specific Countries to limit certain countries to use this payment method
- Payment from Specific Countries: The selected countries can show the Card payment method
Instruction: A simple description of this payment method. The instruction will be displayed at Frontend to instruct Customer how to use this payment method
Sort Order:
- Choose display position of this payment method compared to other payment methods
- 0 is the highest number
1.7. SOFORT
Enable: Select Yes so that Customer can pay by SOFORT
Title: Enter the title of the payment method. This title will replace the name of the method to display in Frontend
Payment Action:
- Authorize and Capture: Payment will be captured immediately after the Customer place order successfully. At that moment, customers' card is deducted for the order payemnt and the Invoice will be created.
- Authorize: Payment will only be captured when admin creates Invoice for Customer's order. When the Invoice is successfully created, admin can receive money from Customer's card
Payment from Applicable Countries:
- Select All Countries to allow Stripe payment method available in all countries
- Select Specific Countries to limit certain countries to use this payment method
- Payment from Specific Countries: The selected countries can show the Card payment method
Instruction: A simple description of this payment method. The instruction will be displayed at Frontend to instruct Customer how to use this payment method
Sort Order:
- Choose display position of this payment method compared to other payment methods
- 0 is the highest number
1.8. EPS
Enable: Select Yes so that Customer can pay by EPS
Title: Enter the title of the payment method. This title will replace the name of the method to display in Frontend
Payment Action:
- Authorize and Capture: Payment will be captured immediately after the Customer place order successfully. At that moment, customers' card is deducted for the order payemnt and the Invoice will be created.
- Authorize: Payment will only be captured when admin creates Invoice for Customer's order. When the Invoice is successfully created, admin can receive money from Customer's card
Payment from Applicable Countries:
- Select All Countries to allow Stripe payment method available in all countries
- Select Specific Countries to limit certain countries to use this payment method
- Payment from Specific Countries: The selected countries can show the Card payment method
Instruction: A simple description of this payment method. The instruction will be displayed at Frontend to instruct Customer how to use this payment method
Sort Order:
- Choose display position of this payment method compared to other payment methods
- 0 is the highest number
1.9. iDEAL Bank
Enable: Select Yes so that Customer can pay by iDEAL Bank
Title: Enter the title of the payment method. This title will replace the name of the method to display in Frontend
Payment Action:
- Authorize and Capture: Payment will be captured immediately after the Customer place order successfully. At that moment, customers' card is deducted for the order payemnt and the Invoice will be created.
- Authorize: Payment will only be captured when admin creates Invoice for Customer's order. When the Invoice is successfully created, admin can receive money from Customer's card
Payment from Applicable Countries:
- Select All Countries to allow Stripe payment method available in all countries
- Select Specific Countries to limit certain countries to use this payment method
- Payment from Specific Countries: The selected countries can show the Card payment method
Instruction: A simple description of this payment method. The instruction will be displayed at Frontend to instruct Customer how to use this payment method
Sort Order:
- Choose display position of this payment method compared to other payment methods
- 0 is the highest number
1.10. Google Pay
Enable: Select Yes so that Customer can pay by Google Pay
Title: Enter the title of the payment method. This title will replace the name of the method to display in Frontend
Payment Action:
- Authorize and Capture: Payment will be captured immediately after the Customer place order successfully. At that moment, customers' card is deducted for the order payemnt and the Invoice will be created.
- Authorize: Payment will only be captured when admin creates Invoice for Customer's order. When the Invoice is successfully created, admin can receive money from Customer's card
Payment from Applicable Countries:
- Select All Countries to allow Stripe payment method available in all countries
- Select Specific Countries to limit certain countries to use this payment method
- Payment from Specific Countries: The selected countries can show the Card payment method
Instruction: A simple description of this payment method. The instruction will be displayed at Frontend to instruct Customer how to use this payment method
Sort Order:
- Choose display position of this payment method compared to other payment methods
- 0 is the highest number
1.11. Apple Pay
Enable: Select Yes so that Customer can pay by Apple Pay
Title: Enter the title of the payment method. This title will replace the name of the method to display in Frontend
Payment Action:
- Authorize and Capture: Payment will be captured immediately after the Customer place order successfully. At that moment, customers' card is deducted for the order payemnt and the Invoice will be created.
- Authorize: Payment will only be captured when admin creates Invoice for Customer's order. When the Invoice is successfully created, admin can receive money from Customer's card
Payment from Applicable Countries:
- Select All Countries to allow Stripe payment method available in all countries
- Select Specific Countries to limit certain countries to use this payment method
- Payment from Specific Countries: The selected countries can show the Card payment method
Instruction: A simple description of this payment method. The instruction will be displayed at Frontend to instruct Customer how to use this payment method
Sort Order:
- Choose display position of this payment method compared to other payment methods
- 0 is the highest number
1.12. Microsoft Pay
Enable: Select Yes so that Customer can pay by Microsoft Pay
Title: Enter the title of the payment method. This title will replace the name of the method to display in Frontend
Payment Action:
- Authorize and Capture: Payment will be captured immediately after the Customer place order successfully. At that moment, customers' card is deducted for the order payemnt and the Invoice will be created.
- Authorize: Payment will only be captured when admin creates Invoice for Customer's order. When the Invoice is successfully created, admin can receive money from Customer's card
Payment from Applicable Countries:
- Select All Countries to allow Stripe payment method available in all countries
- Select Specific Countries to limit certain countries to use this payment method
- Payment from Specific Countries: The selected countries can show the Card payment method
Instruction: A simple description of this payment method. The instruction will be displayed at Frontend to instruct Customer how to use this payment method
Sort Order:
- Choose display position of this payment method compared to other payment methods
- 0 is the highest number
2. Admin create order at backend
- Go to
Sales > Orders > Create New Order > Select Customer > Select Store. - After choosing product to make order, please fill the Address Information and choose Shipping Method. At Payment Method, choose Credit Cards(Stripe), then select one card which has been saved to process the payment.
- Mageplaza Stripe extension only support admin to create backend order with the saved card information previously.
3. Frontend
3.1. Stripe payment at checkout page
3.2 Saved Card Management and Use Saved Card for Next Payment
