Shopify Smart Checkout plugin

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

Overview

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


Features

User experience

Screenshots

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

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

Shopify Checkout Page
Smart Checkout

For the Shopify plugin, when the ‘Cancel’ button is pressed (at the top-left of the Smart Checkout page), no order is created and the customer is redirected back to the merchant’s checkout page, where the shopping cart remains

Video

The below video shows the user experience from your checkout page to Viva Smart Checkout.

Supported payment methods

Due to Shopify’s requirements, Apple Pay, Google Pay and PayPal are no longer supported by the viva.com | Smart Checkout plugin for Shopify

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


Visa
Mastercard
American Express
Maestro
Bancontact
JCB
Discover
Diners Club
Samsung Pay
Viva Wallet
MobilePay Online
BANCOMAT Pay
BitPay
BLIK
EPS
Satispay
iDEAL
IRIS
Klarna
MULTIBANCO
MB WAY
P24
Payconiq
PayU
Swish
tbi bank
Trustly
WeChat Pay
SEPA Direct Debit
Pay By Bank
Payment Method Icon - Bluecode
Cash (Viva Spot)
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

Before you start

Step 1: Create Viva account

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

Step 2: Generate Shopify credentials

Before doing anything, you need to grab your Viva Client ID and generate your unique Client Secret, following the below steps.

  1. Sign in to the Viva banking app and select the required account.

  2. Click on Settings > API Access and scroll down to the Shopify Smart Checkout Credentials (PP) section:

    Shopify credentials

  3. Click on the Generate a pair of credentials button.

  4. A pair of credentials is generated.
    Your unique 32-character Client Secret is now displayed in the Client secret field below ClientID:

    Shopify Credentials

  5. Make a temporary note of your Client ID and Client Secret for later use.

Step 3: 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, other payment methods can only be activated by yourself, for others you need to get in touch with us to activate them for you after a further review of your business.

Setup instructions

PLEASE NOTE: This plugin offers multi-store support, so you can install it on multiple Shopify stores you may have.

You have to use the same Shopify Credentials for all your Shopify stores. Please make a note of your unique Client Secret until you complete the setup of the plugin for all of your stores.

1) Install the plugin on one Shopify store
2) Proceed to install the plugin on the next Shopify store
3) Repeat the process (steps (1) and (2)) if you have three or more stores

Adding the Shopify Smart Checkout plugin consists of the following steps:

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

Installation video

Please see our video on how to install the Viva Smart Checkout plugin in your Shopify store:

Installments (Only Greek Accounts)

Installments

  1. Setup Installments Field: Example: 90:3, 180:6. Order total 90 Euros -> allow 0 to 3 instalments. Order total 180 Euros -> allow 0,2,3,4,5 to 6 installments. Leave empty in case you do not want to offer instalments. Max installments 36.

Step 2: Set your store currency

One final thing to check is that your Shopify store currency matches that of your Viva account. For instance, if your Viva account was set up in the UK, the Viva account will be in GBP, so you must set the Shopify currency to the same, i.e. GBP in this example. Please see below for instructions on how to change your store currency.

To set your store currency, you should follow the below steps.

1. Click on Settings in the bottom-left corner of your Shopify home page:

Shopify home page

2. You may find at the bottom of the pop up the current store currency.

Shopify settings page

3. Click on the Store currency dropdown menu and choose one of the currencies supported by Viva.

Store currency dropdown

4. Click on the Save button to make your choice permanent.

Upgrading the plugin

Shopify plugin updates are done automatically so you never miss a new version.

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!