Menu Close
    Searching for an experienced Magento 2 Development Company ?

    Stripe Payment Gateway for Magento 2

    Stripe is a global technology company that builds economic infrastructure for the internet.

    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. 

    Stripe Payment Gateway for Magento 2 module is PCI compliant payments system and will work in Live and in Debugging mode.

    With Stripe Payment Gateway for Magento 2, the customers can securely checkout for the payment as it doesn’t store any customer information.

    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 the Stripe supports.
    • Working with the latest Stripe API.
    • Use Payment Intents API to build dynamic payment flows.
    • 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 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.

    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 also 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 –

    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-detailWebhooks-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

    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 Magento 2, 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 to 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

    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

    Admin can also click on the refunded order to see the complete details of the refund.

    payment refund detailspayment 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 issue 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.0

    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
    . . .
    Discuss on Helpdesk

    Leave a Comment

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


    9 comments

  • williams
    Saved card feature is not showing in checkout page.
    • Subhangi (Moderator)
      Currently, saving the card details feature is not available in the module.
      For more query, please mail us at [email protected] and we will look into your query.
  • Denys
    Hello, Webkul guys 😉
    Have a question about this module. Tell me…
    Can it be switched to make payment not on the website side, but on Stripe’s side? Oldschool redirecting to payment gateway and back to success/error page? I need it cuzz don’t very want to store credit cards due to GDPR liability. If not, tell please, how much will cost realization of such feature. Thank you!
    • kajal sharma (Moderator)
      Hi Denys,
      It doesn’t save the card details on the merchant server. It is all handled by stripe. So, there will be no security and GDPR issues.
  • Nirupama Shree
    Hello There,

    Sorry for the late response. Please mail us the issues which you are getting at [email protected] and we will surely look into the matter.

    Thanks & Regards

  • RCTalkIT
    Stripe option in checkout page is still not showing up.
    I’ve done the following:
    1) unzipped and moved code to folder under app as mentioned above
    2) composer require stripe/stripe-php
    3) php bin/magento setup:upgrade
    4) php bin/magento setup:di:compile
    5) php bin/magento setup:static-content:deploy
    6) Flushed the cache
    7) Reindexed all

    Still I see no payment option for Stripe on FE checkout page.

    What am I missing?

  • RCTalkIT
    I’m getting a blank checkout page (500 Server Error) after following the configuration steps
    I have set the keys as indicated for the test keys and in sandbox mode, I have stripe on test mode.

    This is the error I am getting on error_log for the site:

    PHP Fatal error: Class ‘Stripe\Stripe’ not found in: /var/www/html/e_comm_ana/app/code/Webkul/Stripe/Model/PaymentMethod.php on line 123

    I need help! Ideas?

    • RCTalkIT
      I think I got it in the end. I did not notice you guys say to run the composer to install stripe in vendors. Solved. Thanks.
      • dedar singh
        It Works. Thanks
  • Back to Top

    Table of Content

    Hide Index