Reading list Switch to dark mode

    Magento 2 Multi Vendor MangoPay Payment Gateway

    Updated 13 October 2023

    Marketplace MangoPay Payment Gateway For Magento2 is an ideal end-to-end payment solution for the marketplace stores.

    Using this module, the platforms can accept multiple currencies and payment methods online via cards and direct debit (GiroPay and Sofort).

    This module facilitates payment split, where the payment is split to multi sellers for your eCommerce store. MangoPay can hold the fund on segregated accounts, in trust. Furthermore, it fully automates the payouts.

    Note:

    • This payment gateway is an add-on of the Marketplace Module. To use this module you must have installed first Magento 2 Multi Vendor.
     

    Features

    • Provide split payment to all sellers for an order.
    • Provide split payment to sellers for your Marketplace store.
    • Allow buyers to make payment using cards Carte Bleue (CB), Visa, Mastercard, Maestro, and Diners (currency allow as per Mangopay) and Direct Debit (GiroPay and Sofort).
    • The admin can allow the seller to carry out a Full or Partial online refund.
    • Allow admin to do Full or Partial online refund.
    • Allow sellers and the admin to transfer payment from their wallet to their bank.

    Installation: Marketplace MangoPay Payment Gateway For Adobe Commerce Cloud

    Customers will get a zip folder and they have to extract the contents of this zip folder on their system.

    Searching for an experienced
    Magento 2 Company ?
    Find out More

    The extracted folder has an src folder, inside the src folder you have the app folder.

     You need to transfer this app folder into the Adobe Commerce root directory on the server as shown below. 

    Installation Of Marketplace MangoPay Payment Gateway For Magento2

    After the successful installation, you have to run these commands in the Adobe Commerce Cloud root directory:

    First command – For Getting Mangopay API – Run the command given below. 

    composer require mangopay/php-sdk-v2:^3.3.0

    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.

    Installation Of Marketplace MangoPay Payment Gateway For Magento2

    Multi-lingual Support 

    For the 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).

    Marketplace MangoPay Payment Gateway For Magento2

    Language Translation

    If a user wants to translate their module from English to German then they need to follow the path app/code/Webkul/Mpmangopay/i18n in their unzipped folder and will get a CSV file with name “en_US.csv”.

    After that, 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/Mpmangopay/i18n where they have installed Adobe Commerce on the server.

    The module will get translated into the German Language. It supports both RTL and LTR languages.

    Marketplace MangoPay Payment Gateway For Magento2 Translation

    Marketplace MangoPay Payment Gateway For Magento2 Translation

    The user can edit the CSV like the image below.
    Marketplace MangoPay Payment Gateway For Magento2 Translation

    Mangopay Credentials

    How to get Client Id and Passphrase

    For getting MangoPay ClientId and Passphrase, you need to have your MangoPay account first. Here the company registration needs to take place. For company registration, the store owner needs to click on Need To Register. This will open up a Sign Up Form to register the company as below.

    Sign_up

    This will allow the generation of mail from the Mangopay side. This mail will contain the Company Reference.

    mail

    The user needs to add the company reference Sandbox Account Page.

    sandboxaccountpage

    Along with the company reference, the client can enter other details like- Company Name, Email, Platform Type, Country, and Client ID.

    Then the store owner must click on Create Your Sandbox. Thus, allowing the generation of a mail that will assure the completion of registration.

    registration_confirmation_mail

    Now, to create access to the Sandbox Dashboard, we need to follow the link- Sandbox Environment.

    This will allow the generation of mail from the Mangopay side. This mail will contain the Company Reference.

    The user adds the company reference to the Sandbox Account Page.

    Here along with the company reference, the client can enter other details like- Company Name, Email, Pl

    Then we need to click on ‘First Time Login‘ as we are accessing the account for the first time.

    firstlogin

    Here, the account holder adds the login details as- Client id, First and last name, and email id account holder. This completes the registration process henceforth the account holder will enter the Sign-in details.

    Thus, it redirects the user to the account Dashboard which includes the account details.

    Home - MANGOPAY dashboard

    After creating the MangoPay account, you will get a ClientId and a passphrase.

    Admin Configuration

    After the successful installation of the module, you will find the configuration settings by navigating through Stores > Configuration > Sales > Payment methods >Marketplace Mangopay Payment Method.

    Marketplace MangoPay

    Enabled – The admin can enable/ disable Adobe Commerce Marketplace MangoPay Payment Gateway.

    Sandbox Active –With this option, the admin can enable or disable the Testing(sandbox) mode.

    Title – Here the admin can set the title which will display on the front-end.

    Client Id – For which MangoPay user is registered.

    Passphrase –Given by MangoPay after registration.

    Generate MangoPay User and Wallet ID – Generate a MangoPay Escrow Account’s User and Wallet ID, so that money will be transferred to the admin’s escrow account.

    Minimum Order Total – The Admin can set the minimum order total that is required for a transaction

    Maximum Order Total – The Admin can set the maximum order total

    Set no. of days after which admin can release hold amount – By using this field online refund process can be done.

    First, the customer will request an online refund, and then in this field “no. of days” will be added by the customer. For example, if this field is set to 10 then the customer can not request for the online refund after 10 days.

    Further, the seller will not be able to make a withdrawal before the validated time period which is 10 days in this example.

    Also, the admin will transfer the amount to the seller’s account after the validated time period which is 10 days in this example.

    Sort Order – Here admin can set the sort order value.

    New Customer Account Creation

    In this module, whenever a new customer registers with the store or creates a new account, a wallet ID is generated and for that, the customer must add the address in the customer detail form.

    Every customer has a unique wallet id. To create an account the customer will click on “Create an Account” at the  customer end and then fill up the details in the form as shown in the image below:

    Marketplace MangoPay

    Hold in Escrow for Marketplace MangoPay Payment Gateway

    The admin will navigate to Marketplace Management > MangoPay Payment > Hold in Escrow and click on the “Release Amount” button to release the payment.

    Admin will be able to see the transactions with a “Release Amount” option button and a “Wait For Validation Period” option label.

    For the transactions that have crossed the set validation period (For example- 10 days as set above) will have the “Release Amount” button option displayed.

    The transactions that are still in the validation period will have the “Wait For Validation Period” option displayed in front of them.Marketplace MangoPay

    Marketplace MangoPay Payment

    The MangoPay Payment sub-menu option includes three sub-sections, i.e.- 

    • Manage Bank Details, 
    • Admin Transaction, and
    • Hold in Escrow
    Manage Bank Details- 

    webkul-magento2-marketplace-mangopay-payment-gateway-admin-end-save-bank-details-1

    Admin Transaction-

    webkul-magento2-marketplace-mangopay-payment-gateway-admin-transaction

    Hold in Escrow-

    Configuration Of Marketplace MangoPay Payment Gateway For Magento2

    Workflow Of Marketplace MangoPay Payment Gateway For Adobe Commerce Cloud

    Payment Process Workflow

    This is how the MangoPay payment process works. When the customer makes the payment, the money is escrowed in the customer’s e-wallet.

    After the validation time is over, the admin can transfer the payment from the customer’s e-wallet to the seller’s e-wallet.

    Marketplace-MangoPay-Payment-Gateway-

    After getting client Id and passphrase, set these values to Marketplace MangoPay Payment Gateway’s Configuration settings, and now generate MangoPay user-id and wallet id to accept payment from the buyer and split the payment into sellers.

    Just after the admin complete the configuration settings, the seller needs to set his Bank Account Information to make transfer money from his wallet to his account, like in the given screenshot.

    webkul-magento2-marketplace-mangopay-payment-gateway-save-bank-details

    Note – If the seller does not enter correct account details then he can not receive payment using the MangoPay payment gateway.

    The seller can provide KYC (know your customer) documents to get some extra privileges ( transaction limits ). Also, KYC provides secure purchasing to customers. webkul-magento2-marketplace-mangopay-seller-kyc.png

    If the admin enables the Marketplace MangoPay Payment Gateway method then the buyer can see this payment method under the “Payment Information” as shown below in the given screenshot.

    Workflow Of Marketplace MangoPay Payment Gateway For Magento2

    A snapshot to show the Direct Debit(GiroPay and Sofort) options at the checkout time.
    Workflow-Marketplace-MangoPay-Payment-Gateway-Magento2

    After clicking on the “Place Order” button, the user will move to the Mangopay payment gateway where the user will input his card details to make the payment, as given in the image below:

    Workflow Of Marketplace MangoPay Payment Gateway For Magento2

    After a successful checkout, amount payouts to MangoPay Escrow’s buyer wallet.

    If any error occurs during a transaction then the order will have order status as “Pending Payment” otherwise status will be “Processing”.

    Money Transfer Process: From Store to Account

    For transferring money from store to account, the seller can request for withdrawal from his Marketplace Account > “MangoPay Transactions” tab as shown in the given screenshot.

    The seller can request only for the orders for which payment has been done using Marketplace MangoPay Payment Gateway.

    The “Transfer To Bank” button is hidden up to the set validation time (For example 10 days as set by the admin in the backend) and only after the 10th day, the button appears here in this section of the seller for requesting a withdrawal.
    Workflow Of Marketplace MangoPay Payment Gateway For Magento2

    MangoPay Money Transfer

    Money Transfer Process from Admin (ESCROW) wallet to Bank

    For transferring money from admin wallet to bank, the admin needs to set correct bank details of administrator as shown in the attached screenshot –

    webkul-magento2-marketplace-mangopay-payment-gateway-admin-end-save-bank-details

    The admin can transfer the money from the wallet to the bank account and can also see all the transactions:

    MangoPay Money Transfer Process From Administrator's (ESCROW) Wallet To Bank

    Refund Process

    Marketplace Mangopay Payment Gateway provides an easy refund to its customers. Now admin/seller both can do full/partial refund easily.

    Refund Via Seller

    For the refund process, the seller will follow the steps:

    • First, the seller will navigate to “My Order History”.
    • From the available list of orders, the sellers will select the desired one.
    • The seller will click on the Credit memo tab to request for refund.

    Refund Via Seller

    • After that, the seller will click on the Refund Button to complete the refund process.

    The escrowed amount in the buyer’s wallet will get transferred to the buyer’s account from which the payment is done.

    Refund Via Seller

    Refund Via Admin

    For the refund admin will navigate to the invoice page to select the order for making the refund.
    Refund Via Admin

    Now click on the invoice for which you want to generate the credit memo. After that, the page that opens up, click on the credit memo button.
    Refund Via Admin

    After clicking on Credit Memo, you have to click on the Refund button. When the admin does the refund, the escrowed amount in the buyer’s wallet goes back to the same bank from which the buyer made the payment earlier.
    Refund Via Admin

    Admin can see the transaction details of the refunded order.
    Refund Via AdminThat is all for the Marketplace MangoPay Payment Gateway For Magento 2. Still, have any issue feel free to add a ticket and let us know your views to make the module better at webkul.uvdesk.com

    Current Product Version - 5.0.1

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

    . . .

    Leave a Comment

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


    2 comments

  • Chenguy Ung
  • 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