Magento Smart Checkout plugin

Our Magento Smart Checkout plugin allows you to accept payments to your Magento 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 Magento-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.

It is not possible to activate asynchronous payment methods for the Magento Plugin

Setup instructions

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

Step 1: Add Viva Wallet plugin to your Magento store

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

  2. Unzip the downloaded ZIP file

  3. Open the directory containing the source files (magento_vivawallet/Ced/VivaPayments)

  4. Access your Magento directory and upload all files from the above directory to your Magento installation (new files will be added to your app/code/Ced/VivaPayments folder within Magento)

  5. Run the following commands within Magento (you will need to ensure you have write permissions – please see here for more details on how to run commands):

    • Enable module: bin/magento module:enable --clear-static-content Ced_VivaPayments
    • Upgrade database: bin/magento setup:upgrade
    • Re-run flush command: bin/magento cache:flush
    • Re-run compile command: bin/magento setup:di:compile
  6. Navigate to STORES > Configuration from the main menu within the Magento Admin panel:

    Magento Configuration

  7. Navigate to payment methods under the Sales tab:

    Magento Payment Methods

  8. Locate the Viva Wallet module - within the settings panel, fill in the following fields:

    Magento Settings

    • Enabled: Check this box to enable the plugin

    • Title: Enter the title to display to customers on the Checkout screen

    • 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 Wallet instance
      • Enter https://demo.vivapayments.com/api/orders if you are using a demo Viva Wallet instance
    • Gateway URL:

      • Enter https://www.vivapayments.com/web/newtransaction.aspx if you are using a live Viva Wallet instance
      • Enter https://demo.vivapayments.com/web/newtransaction.aspx if you are using a demo Viva Wallet instance
    • Transaction URL:

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

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

Step 2: Review additional information, if needed

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.