PrestaShop 1.7

Before you begin:

The Viva Wallet PrestaShop 1.7 plugin is backwards compatible with version 1.5 onwards.

Step 1: Create a payment source

To add a new payment source in the Viva Wallet banking app:

  1. Click on Sales in the left navigation:

    Sales submenu
  2. Click on Online payments in the Sales submenu:

    Online payments submenu
  3. Click on Websites / apps in the Online payments submenu:

    Online payments submenu
  4. Click on the Add Website/App button on the right.
    The New Payment Source dialog box is displayed:

    New Payment Source dialog box

  5. Complete the fields as follows:

    • Code – the four-digit number in the top-left of the dialog box is the ‘Source Code’. Make a note of it for use in your plugin.
    • Source Name – give your payment source a source name so you can recognise it in your reports.
    • Linked Wallet – link the payment source to the required wallet.
    • Protocol – if your e-commerce platform uses SSL on the checkout, select https, otherwise use http.
    • Domain Name – enter the domain name to be associated (without the protocol. i.e. use [(www.)yourdomain.com], not http://[yourdomain].com). If the site uses www, it must be specified and visa versa.
    • Integration method – leave this with redirection selected.
    • Company Logo - a PNG of your company logo to be displayed on the Viva Wallet payment page.
    • Success URL – enter modules/vivawallet/success.php
    • Failure URL – enter modules/vivawallet/fail.php

  6. Click on the Create button to finish creating the payment source.

Once the payment source moves from a status of ‘Pending’ to ‘Active’ in the Website/Apps list, it’s ready to use. This should take no longer than 24 hours.

Step 2: Integrate with the e-commerce store

To start using Viva Wallet as your payment gateway within PrestaShop 1.7:

  1. Install the previously downloaded ZIP archive (viva-payment.zip) through your stores module manager (add new module).

  2. The module will show in your store admin under modules / payments & gateways.

  3. Enable and configure the Viva Wallet module.

Step 3: Set an optional webhook

  1. Go to Settings > API Access > Webhooks in the Viva Wallet banking app:

    Webhooks tab

  2. Click on Create Webhook.
    The New Webhook dialog box is displayed:

    New webhook dialog box

  3. In the Url field, enter http(s)://(www.)your_domain.com/modules/vivawallet/webhook.php, exchanging the placeholder for your actual domain name.

  4. Choose Transaction Payment Created from the Event Type dropdown.

  5. Click on the Save button.