OpenCart Smart Checkout plugin

Our OpenCart Smart Checkout plugin allows you to accept payments via Viva Smart Checkout in your OpenCart store.

Overview

Whilst still functional, this OpenCart Smart Checkout plugin is no longer supported. A new plugin will be released soon

This plugin uses our Smart Checkout solution. Please see our video overview of Smart Checkout’s main features and benefits:


Features

1 Please note: If offering installments, the value provided by the merchant is not the number of installments the customer will select, and it is not mandatory for the customer to select installments at all. The process is as follows:

  1. The merchant indicates the maximum number of installments they wish to offer to the customer
  2. It is then up to the customer whether they pay with or without installments
  3. If the customer decides to pay with installments, they are able to select the number of installments (up to the maximum specified by the merchant)

User experience

Screenshots

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

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

Opencart Checkout Page
Smart Checkout

Video

The below video shows the user experience from your checkout page to Viva 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
MobilePay Online
BANCOMAT Pay
BitPay
BLIK
EPS
Satispay
iDEAL
IRIS
Klarna
MULTIBANCO
MB WAY
P24
Payconiq
PayU
Sofort
Swish
tbi bank
Trustly
WeChat Pay
SEPA Direct Debit
Pay By Bank
Cash (Viva Spot)
Payment Method Icon - Bluecode
Pay on Delivery

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 Pay By Bank

Before you start

Step 1: Create Viva account

If you do not already have an account with Viva 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 banking app.

You will need to use the OpenCart-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 activated for you by us (e.g. Apple Pay), other payment methods can only be activated by yourself (e.g. PayPal), for others you need to get in touch with us to activate them for you after a further review of your business.

Please note: it is not possible to activate asynchronous payment methods for the OpenCart Plugin

Setup instructions

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

Step 1: Add Viva Smart Checkout plugin to your OpenCart store

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

  2. Unzip the downloaded ZIP file

  3. You should now see a folder called “upload”. Within this folder, there should be two subfolders (“admin” and “catalog”). Connect to your OpenCart root directory (for example, via FTP) and merge these “admin” and “catalog” folders into the “admin” and “catalog” folders within your OpenCart root directory (new files will find their correct place in your system)

  4. Navigate to the extension installer within OpenCart, click on the Upload button, browse to the ZIP file you downloaded in step 1 (not the unzipped folder) and upload it to OpenCart:

    OpenCart Extension Installer

  5. Log in to your OpenCart admin section and navigate to Extensions > Payments:

    OpenCart Admin

  6. Find “Vivawallet Smart Checkout” in the list of extensions and click the green button with the plus icon to install the plugin:

    OpenCart Extension

  7. When installed, click the Edit button to show the settings screen:

    OpenCart Edit

  8. Within the settings panel, fill in the following fields:

    OpenCart Settings

    • Merchant Id: 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

    • OrderCode URL:

      • Enter https://www.vivapayments.com/api/orders if you are using a live Viva instance
      • Enter https://demo.vivapayments.com/api/orders if you are using a demo Viva instance
    • Redirect URL:

      • Enter https://www.vivapayments.com/web/newtransaction.aspx if you are using a live Viva instance
      • Enter https://demo.vivapayments.com/web/newtransaction.aspx if you are using a demo Viva instance
    • Installments: This is an optional field, only applicable to Greek merchants – you can set the maximum allowed payment card installments and their corresponding order values

    • Total: The required minimum order amount for activation of this payment method

  9. When complete, save these settings and the Viva Smart Checkout payment option will be available in your checkout

Upgrading the plugin

Keeping the plugin up to date help improve user experience with the addition of new features as well as improvement of existing features.

  1. To find the existing version of the plugin, access your OpenCart directory and open vivawallet.php file with an editor under catalog/extension/payment/ folder. The version is mentioned on the third line. If there is no version information, then it can be considered as version 1.0.

  2. Check the Release Notes page and search for OpenCart plugin releases. If you see a newer version, download it from this link.

  3. Navigate to the extension installer within OpenCart, click on the Upload button, browse to the ZIP file you downloaded (not the unzipped folder) and upload it to OpenCart:

    OpenCart Extension Installer

  4. To check and verify your plugin settings, navigate to Extensions > Payments within OpenCard admin panel, find “Vivawallet Smart Checkout” in the list of extensions and click the Edit button. OpenCart Edit

Get Support

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