Prestashop SumUp Payment {User-Guide}

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.

Prestashop SumUp Payment helps you to add the SumUp payment method to your PrestaShop store. It allows your customers to pay via SumUp payment for their orders. The extension allows you to issue full or partial refunds from the back office.

Note: Module is compatible with PrestaShop version 8.x.x.

• Adds SumUp payment method for the customers to pay for their order.
• Choose to show card details form in the Pop-up view.
• View a list of transactions done using SumUp from a separate tab.
• Easily process refunds for orders placed using SumUp.
• Refund the amount partially or in full.
• Show email and zip code fields in card details popup.
• The language in the popup will be the same as the context locale.
• Prestashop SumUp Payment module is MultiShop Compatible.

• Firstly, go to the module manager in the back office and click on ‘upload a module’.
• After that, drag and drop the module file or select the file from the system.
• In this way, the module installation will be successful.

To get the API keys, visit me.sumup.com. If you already have an account on the website, then login to your account with your credentials. Else, 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 the following details:

After the successful installation of the module, you need to configure it.

• App ID and App Secret – Specify the app id and secret that you have received from your SumUp account.
• Display payment form in popup – Enable to show the card details form in a popup. If disabled, then the customers will be redirected to another page to fill in the card details.
• Email/Zipcode in payment form – Enable the fields to show email and zipcode in the payment form.
• Refund – Enable to process the refunds for transactions done using SumUp payment gateway.

Kindly note that in order to process the refunds, you need to initiate authorization to authorize your account.

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.

If you have enabled the display of the payment form in a popup, then on selecting the place order button, a card details form will appear in a popup as shown in the below screenshot.

If disabled, then the customer is redirected to another page to fill out the card details.

The language in the payment popup will be the same as the context locale. Suppose, the customer has selected the French language. Now, all the fields will display in the French language as shown in the below screenshot.

Customers can view the name of the payment method on the order confirmation page.

After the installation of the module, a new tab ‘SumUp Transactions’ get available inside PrestaShop Payment tab in the back office.

Under this tab, you can view a list of transactions done using SumUp and manage refunds.

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

Refund

PrestaShop SumUp Payment allows you to refund the full or partial product amount to the customer. For using the refund feature, you need to initiate authorization to authorize your account.

On clicking the Initiate Authorization button you will be redirected to SumUp website where you need to login to authorize your account.

After logging in you will redirect to the URL https://prestashop.webkul.com/ps17/ps17-moduledemo/en/module/wksumuppayment/sumupauth.

On clicking the Refund now button, a popup appears on the page where you can select the refund type as full or partial.

In case of partial refund, enter the amount you want to refund to the customer.

In the popup, you can view the transaction for the refunded amount.

For any kind of technical assistance or query, please raise a ticket or send us a mail at [email protected]

Also, please explore our Prestashop development services and a vast range of quality Prestashop addons.