PrestaShop Smart Checkout plugin

Our PrestaShop Smart Checkout plugin allows you to accept payments to your PrestaShop store via Viva Wallet.

Overview

Features

User experience

This plugin uses our Smart Checkout solution. Customers are redirected from your checkout page on your PrestaShop store to Viva Wallet Smart Checkout to pay, and after the customer pays, they are redirected automatically back to your PrestaShop store.

The below images show:
a) a demo checkout page on PrestaShop, and
b) a demo Viva Wallet Smart Checkout:

Shopify Checkout Page
Smart Checkout

Supported payment methods

Smart Checkout supports a wide variety of payment methods, including:


Visa
Mastercard
American Express
Maestro
Bancontact
JCB
Discover
Diners Club
Apple Pay
Google Pay
Samsung Pay
PayPal
PayPal Pay Later
Viva Wallet
BitPay
BLIK
EPS
giropay
iDEAL
IRIS
Klarna
MULTIBANCO
P24
Payconiq
PayU
Sofort
Trustly
WeChat Pay
SEPA Direct Debit
Online Banking
Cash (Viva Spot)

Please see our Payment Methods page for further information on all of our payment methods

Cross-border payments: You can accept payments from international customers for all payment methods except for local payment methods and online banking

Before you start

Step 1: Create Viva Wallet account

If you do not already have an account with Viva Wallet please create an account.

Step 2: Find account credentials

Step 3: Create Payment Source

Please refer to this page for instructions on adding a new Payment Source in the Viva Wallet banking app.

You will need to use the PrestaShop-specific Success & Failure URLs, as specified at the bottom of the above Payment Source creation page

We would highly recommend you show your company logo on your payment pages in order to increase customer recognition and trust, thus improving conversion. You can insert your company logo while creating the payment source as outlined above.

You can also change or update this logo at any time. To do this, please see our adding your brand logo tutorial for a step-by-step guide.

Step 4: Determine your payment methods

Determine which payment methods you want to offer to your customers.

Some of these payment methods are automatically enabled for you by us (e.g. Apple Pay), other payment methods can only be enabled by yourself (e.g. PayPal), for others you need to get in touch with us to enable them for you after a further review of your business.

Setup instructions

Adding the PrestaShop Smart Checkout plugin consists of the following steps.

Step 1: Add Viva Wallet Smart Checkout plugin to your PrestaShop store

  1. Download the PrestaShop Smart Checkout plugin (ZIP file) to your device

  2. Log in to PrestaShop and navigate to Modules > Module Manager:

    PrestaShop Module Manager

  3. Click on the Upload a module button at the top-right:

    PrestaShop Module Upload

  4. In the pop-up window, click select file, browse to the Zip file you downloaded in Step 1 and upload this file

  5. When the module has finished installing, click the Configure button within the pop-up window

  6. Within the Configure panel, fill in the following fields:

    PrestaShop Configure

    • Instalment logic: This is an optional field, only applicable to Greek merchants – you can set the maximum allowed payment card installments and their corresponding order values

    • Base URL:

      • Enter https://www.vivapayments.com if you are using a live Viva Wallet instance
      • Enter https://demo.vivapayments.com com if you are using a demo Viva Wallet instance
    • MerchantID: Enter the Merchant ID you noted in Step 2: Find account credentials

    • API Key: Enter the API Key you noted in Step 2: Find account credentials

    • Source Code: Enter the Source Code of the Source you created in Step 3: Create Payment Source

    • Customer Message: You can also enter an optional message to display to the customer on the payment form, if you wish

  7. When complete, click on the Update settings button at the bottom of the screen and the Viva Wallet payment option will be available in your checkout

Step 2: Set webhook

In order to receive notifications when a payment is successful, you will need to set a Transaction Payment Created webhook. Please see our setup guide for the creation of this webhook.

Within the URL field of the webhook, you will need to use the following format, replacing ‘www.yourdomain.com’ with the domain of your PrestaShop store: http(s)://www.yourdomain.com/module/vivawallet/webhook

Get Support

If you would like to integrate with Viva Wallet, or if you have any queries about our products and solutions, please see our Get Support page to see how we can help!