WooCommerce – Checkout Calculator Widget

Integration Guide

Objectives and Target Audience

This guide describes how to install and configure Openpay Checkout Calculator Widget to WordPress version 5.x. In order to install this widget, WooCommerce version 3.x should be active on your ecommerce website.

What is WooCommerce Widgets / Plugins?

WooCommerce Widgets are WooCommerce extensions with a predefined set of configuration options. With their help, the store administrators can boost the functionality of frontend blocks. They provide great control as well as flexibility in creating informational and marketing content from the WooCommerce administrator panel.

Placement

Openpay Checkout Calculator Widget is displayed on the Checkout Page, showing all the available payments allowing the users to pay weekly or fortnightly, over available months.

Installing and Configuring Checkout Calculator Widget

Prerequisites

Before installing the Openpay widget, make sure that your web server meets the following criteria:

  • There should be an existing WooCommerce installation on your WordPress web server. The Openpay module is compatible with WordPress version 4.x and WooCommerce version 3.x. The installation procedure described here has been tested on WooCommerce version 3.x
  • Supported Web Servers: Apache / nginx
  • SSL: A valid security certificate is required to work over a secure channel (HTTPS) from the WordPress Admin Panel or while submitting form data from the store‐front. Self‐signed SSL certificates are not supported
  • MySQL database with sample data
  • At least 5.6 or the later version of PHP, MySQL and web browser
  • Curl (version 7.20.0 ‐ 7.44.0)

For further details on PHP compatibility, MySQL, supported Web servers and other requirements, refer to the WordPress website https://wordpress.org/about/requirements and WooCommerce website: https://woocommerce.com

Installation Steps

To install the plugin download the zip file.

Log in to your WordPress admin dashboard

Navigate from Dashboard to Plugin > Add New >Add Plugins (select the downloaded file) > Upload

After installing: Activate the plugin

WP Checkout Activate

Admin Setup

Navigate from Dashboard > Openpay Checkout Calculator Widgets

To set up ‘Checkout Calculator Widget’ fill out the fields as required as per your Openpay account configuration. (This information will be provided by your Openpay Ecommerce Manager or Account Manager)

Please note a Merchant can either have Deposit Percentage or Fractional Payment.

Important note:
Check with Openpay / Ecommerce Manager if your account is configured with Deposit Percentage Plan Tiers.

Configuration for Deposit Percentage Payment

This option shows percentage deposit of the product price.

  • Checkout Calculator Status: Tick the ‘Active’ checkbox to enable the plugin.
  • Deposit Percentage: (normally 20 or as provided).
  • Mode of Payment: Weekly, Fortnightly or Monthly (as provided).
  • Pay of Month: Select Pay of Months (as provided by Openpay. eg 2, 3 or 4, multiple selection could be done for deposit payment).
  • Fractional Payment: Uncheck.
  • Checkout Instruction: (Optional) Enter the text ‘Click on Place Order to securely complete your purchase. You will be directed to Openpay website.’ Or you can leave this field blank.
  • Click ‘Save’.

Important note:
Check with Openpay / Ecommerce Manager if your account is configured with Fractional Plan Tiers.

Configuration for Fractional Payment

This option shows equal payment breakups of the total order value.

WP Fractional Checkout

  • Checkout Calculator Status: Tick the ‘Active’ checkbox to enable the plugin.
  • Mode of Payment: Weekly, Fortnightly or Monthly (as provided).
  • Pay of Month: Enter only one month as supplied by Openpay.
  • Fractional Payment: ‘Yes’.
  • Checkout Instruction: (Optional) Enter the text ‘Click on Place Order to securely complete your purchase. You will be directed to Openpay website.’ Or you can leave this field blank.
  • Click ‘Save’.

Frontend View

‘Checkout Calculator Widget’ for Percentage Deposit
If the module is enabled from the admin and Percentage Deposit is checked the widget will be displayed as follows on the Checkout Page.

‘Checkout Calculator Widget’ for Fractional Payment
If the module is enabled from the admin and Fractional payment is checked the widget will be displayed as follows on the Checkout Page.

Demo Site

Shows the placement of all the Openpay widgets and assets. 

Uninstallation

Navigate from Dashboard to Plugins > Installed Plugins > Openpay Checkout Calculator Widget > Deactivate

Version Control Table

# Date Version Description
1 September 2017 1.1 Created widget
2 July 2019 1.2 Update the widget features
3 September 2019 1.3 New feature of fractional payment added
4 January 2020 1.4 New design updated