Guide of Stripe Payment Gateway for Magento 2
Stripe is a global tech company providing economic infrastructure, with Magento 2 Stripe extension enabling seamless online payments.
It is the fast-growing payment gateway in recent years, with a presence in 34 countries and 100000+ merchants.
It is first and foremost a technology company with a mission to increase the GDP of the internet.
Magento 2 stripe module is PCI compliant payments system and will work in live and in debugging mode.
With Stripe Payment Gateway for Adobe Commerce Cloud, the customers can securely checkout for the payment as it doesn’t store any customer information. The modules also works with Adobe Commerce Cloud Edition.
NOTE:– This module does not work with Multiple Address Checkout.
Watch the video to understand the extension workflow:-
Features
- Working with stripe-supported currencies.
- Allow buyers to pay using all cards that Stripe supports.
- Working with the latest Stripe API.
- Use Payment Intents API to build dynamic payment flows.
- Payment process is compatible with 3D secure.
- Support -SCA (Strong Customer Authentication)
Installation
Stripe Payment Gateway for Magento2 installation is super easy. First, you have to unzip the module and then you will get an src folder.
Click on the src folder and then you will get the app folder. You need to move the app folder in Magento 2 root directory as per the screenshot.
After the successful installation, you have to run these commands in the Magento2 root directory.
First command-composer require stripe/stripe-php
Second Command -php bin/magento setup:upgrade
Third Command – php bin/magento setup:di:compile
Fourth Command – php bin/magento setup:static-content:deploy
After running the commands, you have to log into the admin panel and you have to clear the Cache. You can refer to the below screenshot.
Cache Management
Multi-Lingual Support
For multilingual support, the admin will navigate through Store->Configuration->General ->Locale Options and select the locale as German (the language into which the admin wants to translate his store content).
Language Translation
If a user wants to translate their module from English to German then they need to follow the path app/code/Webkul/Stripe/i18n in their unzipped Magento Marketplace folder and will get a CSV file with the name “en_US.csv”.
Now they will rename that CSV as “de_DE.csv” and translate all right side content after the comma in the German language.
After editing the CSV, save it and then upload it to the path app/code/Webkul/Stripe/i18n where they have installed Magento2 on their server.
The module will get translated into your desired Language. It also supports RTL and LTR languages. The user can edit the CSV like the image below.
Configuration – Stripe Payment Gateway
After the installation of the Stripe Payment Gateway for Magento 2, the admin will do the module configuration.
The Adobe Commerce admin will follow the path Stores > Configuration > Sales > Payment Methods > Stripe Payment and enter Stripe details like API Publishable Key & API Secret Key.
As per the above screen, you can see many admin config parameters for the Stripe Payment Gateway module, we are going to explain every configuration parameter one by one.
Parameters are:
Enabled- By this option, the admin can enable or disable the Stripe module.
Title- Here the admin can set the title which will display on the front-end.
Debug- By this option admin can set the mode production (live) or sandbox (test).
API Publishable Key- It is used to set the API Publishable Key which is provided by Stripe Payment Gateway.
API Secret Key- This option is used to set the API key (Secret Key) which is provided by Stripe Payment Gateway.
Set Image- The admin can upload any image that they want to display on stripe payment at the checkout page.
Payment from Applicable Countries- Here admin can select the Stripe payment for specific countries or for all the countries.
Payment from Specific Countries- Here the admin will select the name of the specific countries from the list to allow the Stripe payment.
Minimum Order Total- It will allow the admin to set a minimum order total. If the Grand total of the order is less than the specified Minimum Order Total value then the Stripe module will not allow to checkout with the Stripe payment gateway.
$0.50 is the minimum amount allowed by Stripe for Minimum Order Total.
Maximum Order Total- This option allows the admin to set the maximum order total.
Sort Order- Here the admin can set the sort order value for the stripe payment gateway.
Generate Webhook – The admin can generate the webhook and see the collected data from the stripe dashboard.
** Supported cards – visa, master, Amex, Discover, JCB, UnionPay, Diners Club.
API keys from Stripe –
To get the API Keys you can use the Stripe website. First, you’ll need to Signup to stripe if you don’t already have a stripe account.
Also, you can Sign in to the stripe you already have a stripe account.
To Sign up to Stripe, Just Click on the link and fill in the details.
after filling in the details you’ll be redirected to the Stripe home page. Here next you can enter your business details looking for.
Here, you can click on the Solution for developers to get the API credentials. Now from the stripe dashboard, you can click on the toggle button of the viewing test data.
If you’re using the module for the test purpose or you can also use the live credentials of your stripe account APIs if you want to set up the module for the live website.
Sandbox API credentials from Stripe –
Now, the admin can click on the Developers>API keys option and get the Test API credentials as shown in the image below –
The admin can use API Publishable Key, and API Secret keys in the admin configuration to set up the module.
Production API credentials from Stripe –
The admin can get the API credentials for the production mode too. For this, the admin can click on the Viewing test toggle button to disable the test mode and get the API keys for the production model.
Now, the admin can select the Debug mode as Production to use the API keys for the live website.
Generate Webhooks in Stripe Payment Gateway for Magento 2 (Adobe Commerce) –
In web development, a webhook is a method of altering the behavior of a web page, or web application, with custom callbacks.
Webhooks are basically user-defined HTTP callbacks that are triggered by specific events.
From the admin dashboard, the admin can click on the Generate Webhook and generate the data.
after successful generating the webhook, the admin can see the successful message from the admin dashboard as shown in the image below –
Whenever that trigger event occurs on the website, the webhook sees the event and collects the data.
Now, the admin can see the collected data from the stripe dashboard as shown in the image below –
The admin can also click on the generated URL for the detailed view of the events as shown in the image below –
Workflow – Customer End
Now, after successful integration and setup of the Stripe Payment Gateway for Magento 2, the customer can visit the website and add the product to the cart, then process further to checkout and complete the order.
Here, the customer can select Stripe as a payment method to complete the order.
After clicking on the Place Order button, the customer will redirect to the stripe payment page. Here, the customer can enter the card details and pay the amount.
When we click on pay button ,If 3d secure card is used then the popup will appear.
Note:- If the user uses a production mode credential for stripe payment, then the user is asked to verify their identity with a push notification, a text message, or another method chosen by their bank.
The customer will redirect to the thank you page after making the successful payment.
Logged in customers can click on the order id to see the details of the order. Here, the customer can also see the payment method as shown in the image below –
Guest Checkout –
If the customer is not logged in, then the guest customer can also checkout with the stripe payment.
The customer can add the product to the cart and then select the stripe as the payment method.
After clicking on the Place Order button, the customer will redirect to the stripe payment page. Here, the customer can enter the card details and pay the amount.
Now, after successful payment, the customer will be redirected to the thank you page as shown in the image below –
At Backend OF Stripe Payment – Admin End
The admin can see the placed order details with Stripe Payment Gateway by navigating to Sales> Orders from the admin dashboard.
Now, the admin can click on the view button to see the order information as shown in the image below –
The admin can also see the invoices and transaction details for that particular order in which payment is done using Stripe Payment.
Invoice Page –
Admin can click on the Transaction tab to see the transaction details as shown in the image below –
Transaction Page Details –
By clicking on the particular transaction, the admin can view the complete details of the transaction.
Transaction- Stripe Payment Gateway
The admin can check the list of transactions from the stripe payment gateway dashboard. The admin can view all the types of transactions and can export them by selecting the “Export” button.
Refund – Stripe Payment Gateway
Using the Stripe Payment Gateway for Adobe Commerce, the admin can also do an online refund using this payment module from the admin dashboard.
The admin can navigate to Sales> Order and click on the view button for the order, the admin wants to refund the customer.
Now, under the Invoice menu, click on the specific invoice and then click on the view button –
Now, the admin click on the Credit Memo button as shown in the image below –
The admin can enter the amount accordingly and click on the refund button as shown in the image below –
Similarly, the admin can also check the refund status and refunded amount on the Stripe payment gateway from the stripe dashboard as shown in the image below
As well as, the admin can also click on the refunded order to see the complete details of the refund.
That’s all for Stripe Payment Gateway for Magento 2 module. Also, please visit our useful Magento 2 Extensions.
Get in touch:
Still, have any issues feel free to add a ticket and let us know your views to make the module better http://webkul.uvdesk.com/