Prestashop SumUp Payment helps you to add SumUp payment method to the 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
- An additional payment method for the customers.
- 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.
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.
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.
Now, enter the email ID, password & click on ‘Continue’. In this way your registration is successful.
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’.
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.
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.
Enter the received code & click on the “Confirm code” to continue.
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.
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
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.
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.
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.
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.
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.
Otherwise, the card details form will open in Pop-up view.
On the order confirmation page, customers can view the name of the payment method too.
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.
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.
On clicking the view button, you can view the details of the order associated with that transaction.
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.
For any kind of technical assistance, just raise a ticket at http://webkul.uvdesk.com and for any doubt contact us at firstname.lastname@example.org
Current Product Version - 4.0.0
Supported Framework Version - 1.7.x.x