Back to Top

Stripe Payment Gateway for Magento 2

Updated 15 December 2023

Stripe is a global technology company that builds economic infrastructure for the internet. Stripe Payment Gateway helps the users to make 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.

Searching for an experienced
Magento 2 Company ?
Find out More

NOTE:– This module does not work with Multiple Address Checkout.

Watch the video to understand the extension workflow:-

9NM_lKkjek4

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.

installation-1

After the successful installation, you have to run these commands in the Magento2 root directory.

First command-composer require stripe/stripe-php

command1

Second Command -php bin/magento setup:upgrade

command2

Third Command – php bin/magento setup:di:compile

command3

Fourth Command – php bin/magento setup:static-content:deploy

command4

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

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).
Stripe Payment Gateway for Magento 2-language setup

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.

installation

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.

Installation for multi lingual

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.

enable stripe payment

specific country payment

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.

create account on stripe

after filling in the details you’ll be redirected to the Stripe home page. Here next you can enter your business details looking for.

Home-page-stripe

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.

overview

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 –

API-keys-–-Test-mode

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.

Production-of-API-key-1

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.

Stripe Payment Gateway for Magento 2-generate webhook

after successful generating the webhook, the admin can see the successful message from the admin dashboard as shown in the image below –

Stripe Payment Gateway for Magento 2-webhook admin panel

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 –

Webhooks test-data

The admin can also click on the generated URL for the detailed view of the events as shown in the image below –

Webhook-URL-detail Webhooks-URL-attempts

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.

review and payment

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.

Stripe Payment Gateway for Magento 2-process for checkout

When we click on pay button ,If 3d secure card is used then the popup will appear.3d-security

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.

loggedin customer thank you page

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 –

order detail

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.

select stripe 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.

enter card details

Now, after successful payment, the customer will be redirected to the thank you page as shown in the image below –

thank you page

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.order details admin end

Now, the admin can click on the view button to see the order information as shown in the image below –

payment-information-admin-end-1-1

The admin can also see the invoices and transaction details for that particular order in which payment is done using Stripe Payment.view invoice details

 Invoice Pageinvoice details

Admin can click on the Transaction tab to see the transaction details as shown in the image below –

transaction-details-1

Transaction Page Details

By clicking on the particular transaction, the admin can view the complete details of the transaction.

transaction-page-details-1

transaction-page-details-1-2

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.

export-transaction

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.

view order

Now, under the Invoice menu, click on the specific invoice and then click on the view button –

view order invoice for refund

Now, the admin click on the Credit Memo button as shown in the image below –

credit memo

The admin can enter the amount accordingly and click on the refund button as shown in the image below –

refund1-1

refund1-1-2

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

All-payment-refund

As well as, the admin can also click on the refunded order to see the complete details of the refund.

payment refund details payment method stripe

further-payment-refund-details

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/

Current Product Version - 5.0.3

Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

Blog Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x
  • Version 2.0.x,2.1.x ,2.2.x,2.3.x,2.4.x
  • Version 2.0.x, 2.1.x, 2.2.x, 2.3.x
. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


9 comments

  • williams
    • Subhangi (Moderator)
  • Denys
    • kajal sharma (Moderator)
  • Nirupama Shree
  • RCTalkIT
  • RCTalkIT
    • RCTalkIT
      • dedar singh
  • Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content