WooCommerce Smart Checkout plugin

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

Introduction

Features

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 WooCommerce-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 WooCommerce Smart Checkout plugin consists of the following steps.

Step 1: Add Viva Wallet plugin to your WooCommerce store

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

  2. Log into your WooCommerce (Wordpress) account and navigate to Plugins > Add New:

    WooCommerce Dashboard

  3. Click on the Upload Plugin button at the top of the screen:

    WooCommerce Upload Plugin

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

  5. Click on the Choose button then Install Now. Wordpress will install the plugin in the background

  6. Once installed, click on the Activate Plugin button. The plugin will be displayed at the bottom of the plugins page

  7. Choose Settings from the WooCommerce menu in the left navigation

  8. Click on the Payments tab at the top of the page to display the WooCommerce Payment Methods list

  9. Ensure that the Vivawallet toggle is enabled and click on the Manage button next to the Vivawallet entry at the bottom of the list:

    WooCommerce Upload Plugin

  10. A Viva Wallet-specific settings page will be displayed. Please fill out the fields as follows:

    WooCommerce Upload Plugin

    • Enable/Disable: Check this box to enable the plugin

    • Title: Enter the title to display to customers on the Checkout screen. For example “Pay by debit or credit card”

    • Description: Enter the description to display to customers on the Checkout screen. For example “Cards accepted: Visa, Mastercard, Maestro or Amex”

    • 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

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

    • Test mode: When checked, the plugin will connect to the Viva Wallet demo environment. In that case, use the credentials from your demo account. When unchecked, use the credentials from your live account

    • Order status: Choose what to set your order status to, within WooCommerce, when the payment is successful

  11. When complete, click on the Save changes 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 WooCommerce store: http(s)://www.your_domain.com/index.php?wc-api=wc_vivawallet&vivawallet=webhook

Get Support

If you have any questions about our solutions, or questions about how to integrate with our solutions, please refer to our Get Support page.