Read More
Menu Close

    Prestashop SumUp Payment

    Prestashop SumUp Payment helps you to add SumUp payment method to your PrestaShop store. It allows your customers pay via SumUp payment for their order. SumUp is a London based mobile payments company. It provides best in class payment solutions & promises to deliver the money directly to your account in just 1-2 business days.

    Nowadays, offering multiple payment options to customers is very much beneficial. As payment failure is something that happens quite often. Also, many customers leave the website due to this problem. Therefore, it becomes very important for merchants to offer sufficient payment options to the customer. So that a customer can place an order by making payment via another payment method available on the store.

    Generally, the customer base consists of people from various demography. And, they all have varying expectations in regards to online payment. This is why multiple payment options for customers becomes crucial. Keeping in mind of all the above, we are here with yet another payment solution for your Prestashop store. So, Let’s just proceed to see what all features does this Prestashop SumUp Payment module offer.

    Features of the SumUp payment module

    • Adds SumUp payment method for the customers to pay for their order..
    • Choose to display card details form in the Pop-up view.
    • View list of all the SumUp transactions under ‘SumUp Payments’.
    • Eases the process of payment at checkouts.
    • View the date & time of the transaction in the transactions list.

    How to install the SumUp payment module

    • Firstly, go to the module manager in the back office and click on ‘upload a module’.
    • Now, drag and drop the module file or select the file from the system.
    • In this way, the module installation will be successful.
    Click to upload Prestashop SumUp Payment module
    Drop or select Prestashop SumUp Payment module file
    Prestashop SumUp Payment module installed on prestashop

    How to get the API keys of the module

    Create or login to your existing account

    To get the API keys, visit me.sumup.com. If you have an account on the website already, then login to your account with your credentials. Otherwise, proceed to create an account.

    SumUp Payment API 1

    In the process of creating an account, firstly select the location of your business. In other words, you need to select the location where you have registered the business.

    Searching for an experienced
    Prestashop Company ?
    Read More
    SumUp Payment API 2

    Now, enter the email ID, password & click on ‘Continue’. In this way your registration is successful.

    SumUp Payment API 3

    After all this, a new page will open. Here, you can see advertisement of various types of card readers. In order to go to the dashboard, click on ‘I already have a reader’.

    SumUp Payment API 4
    SumUp Payment API 5

    Fill out the required details to activate the account

    On the dashboard, you need to fill out the following details.

    • Information about your business i.e. name of the company, location etc.
    • Personal details & address
    • Bank account details to receive the payments of the customers.
    SumUp Payment API 6
    SumUp Payment API 7
    8-1

    After saving all the details, you will need to activate the account. In order to verify the account, enter the mobile number to receive a verification code.

    9-1

    Enter the received code & click on the “Confirm code” to continue.

    10-1

    In this way, you can easily activate & verify your account.

    Create App ID & App Secret

    Now, let’s see how we can get the App ID & App secret. To get the App ID, firstly go to the ‘For Developers’ tab. After that, go to the “OAuth- create client credentials” section available at the last of the page. Now, click on the ‘Create client credentials’ button to proceed.

    11-1

    After clicking on the button, a new form will open. Here you need to select/enter following details:

    • The device for which you want to create credentials
    • The client name
    • The Authorised Redirect URL
    12-1

    Saving the above details will create client ID. Now you can proceed to get secret key.

    To get the secret key, download JSON file. There, you will find the secret key in the file.

    13-1

    Use both of these credentials to configure the module. So, this was all about the process to generate app ID & app secret.

    How to configure the Prestashop SumUp Payment module

    In order to provide the payment method to the customer, firstly you need to configure the module.

    Firstly, enter the App ID & secret key. After that, enter the email ID with which you have created an account on the sumup.com. You can even choose to display card details form in a pop-up. Otherwise, you can also redirect your customer to another page to fill out the card details.

    Configure the Prestashop SumUp Payment module

    Workflow of the SumUp payment module

    Now, the configuration of our module is successful. Let’ see how a customer can pay via SumUp payment method for their order.

    Product page
    Cart Page

    As you can see, a new payment method i.e Pay by SumUp Payment is available on the checkout page. Customers can simply select this method to proceed to place the order.

    Pay via Prestashop SumUp Payment

    There is something which I need to mention here. If you may recall, there was an option to enable the Pop-up view in the configuration settings. The customer will see the form in two different ways due to this Pop-up view.

    The first is when we disable this Pop-up view option. In this case, the customer is redirected to another page to fill out the card details.

    Enter the card details to proceed

    Otherwise, the card details form will open in Pop-up view.

    Card details form in Popup view

    On the order confirmation page, customers can view the name of the payment method too.

    Order confirmation page

    In this way, customers can simply pay for their orders using SumUp payment method.

    At the Admin’s-end

    On the dashboard, you will find a new tab i.e. “SumUp Payments’ under ‘Improve’ section.

    Admin dashboard

    Under SumUp Payments, you will find the list of all the SumUp transactions. Click on ‘View’ button to view the order details relevant to this transaction.

    List of SumUp payments

    On clicking the view button, you can view the details of the order associated with that transaction.

    order details page of an order placed with payments via Prestashop SumUp Payment

    This was all about Prestashop SumUp Payment Module. I hope this document will help you in checking the functionality of the module in a better way. Also, do let us know about your views in the comments.

    In case if you want to know more about other payment modules developed by Webkul, check the list here.

    Support

    For any kind of technical assistance, just raise a ticket at http://webkul.uvdesk.com and for any doubt contact us at [email protected]

    Current Product Version - 4.0.0

    Supported Framework Version - 1.7.x.x

    . . .
    Discuss on Helpdesk

    Leave a Comment

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


    2 comments

  • Paolo
    HI, I am trying to apply the discount code ” COVID 10″ is seems not working.

    Does this module works in italy as well?
    https://webkul.com/blog/prestashop-sumup-payment/

    • amit kushwaha (Moderator)
      Hello,
      Greetings from WEBKUL!
      This code is valid on the purchase of two or more modules. If still have any doubt then, please reach us at [email protected] for better assistance.

      Best Regards.

  • Back to Top

    Table of Content