Help Center

WooCommerce Plugin Integration Guide

Introduction

WooCommerce is a free, open-source plugin that allows users to sell products and services on WordPress websites. It's one of the most popular e-commerce platforms in the world. 

By integrating Quaife, you can offer a secure and seamless payment experience for your customers, support lots of payment methods and enhance your overall checkout process.

 

What does WooCommerce do?

  • Adds a cart and checkout process: Allows users to list products, take payments, and monitor inventory.
  • Customise your store: Allows users to add extensions for selling subscriptions and taking bookings.
  • Connect to other software: Allows users to connect their store to other software, such as Google Ads, HubSpot, Mailchimp, and Facebook.
  • Manage payments: Allows users to accept credit cards, mobile wallets, bank transfers and cash.
  • Configure shipping options: Allows users to configure shipping options and print labels.
  • Simplify sales tax: Allows users to add WooCommerce Tax or similar integrated services to make automated calculations.
  • Track inventory: Allows users to track product stock and get notifications when it's time to restock.

 

How Do I Integrate WooCommerce with Quaife?

Quaife will provide the EntityId and API Keys to you for configuration.

You will need to configure the webhooks and generate a webhook decryption key for handling webhooks. This is mandatory to send payment notifications to the plugin platform. To do this:

  • Login to merchant dashboard
  • Select your division.
  • Go to the menu: Administration > Webhooks.
  • Click on 'Add New Webhook' button.

Download and Install the Plugin

  1. Download the .zip file from your WooCommerce account. Alternatively, you can download the plugin from here https://github.com/ACI-plugin/aci-woo-commerce.
  2. Go to your WordPress Admin >Plugins >Add New and upload the plugin with the file you
    just downloaded.
  3. Install and activate the extension.

Setup and Configure the Plugin

  1. Go to WooCommerce >Settings >Payments >General Settings.
  2. Click ‘Finish set up’ to see configuration page for each specific payment method.
  3. Complete the form presented with the desired information. Below is details of each field:
    Field Description
    Enabled Yes/No
    Environment Test/Live (Use ‘Live’ in the production)
    Entity ID (Test/Live) Entity ID from Quaife Portal
    API Key (Test/Live) Access token from Quaife Portal
    Test Mode INTERNAL/EXTERNAL - This field is only applicable if the Environment
    is ‘Test’. External mode will redirect the APM methods to their dedicated sites. For
    example, if the customer selects 'Klarna,' the payment will be processed on Klarna's site.
    Webhook URL Read only webhook URL. Use this URL to configure webhook in Quaife Portal.
    JavaScript Can use JavaScript based on the instruction given in the Quaife documentation https://quaife.docs.oppwa.com/integrations/widget/advanced-options
    CSS

    Can use CSS based on the instruction given in the Quaife
    documentation

    https://quaife.docs.oppwa.com/integrations/widget/customization

    Webhook Decryption Key When completing webhook setup in Quaife Portal, you will
    get this key.
  4. Go to WooCommerce >Settings >Payments >Card Settings.
  5. Complete the form presented with the desired information. Below is details of each field:
    Field Description
    Enabled Yes/No
    Title Any Text (It will be displayed on the checkout payment page)
    Charge Type Authorization (PA)/Sale (DB)
    Supported Card Types Authorization/Sale (Eg, VISA, MASTER, AMEX). You will get
    the brand codes here: https://quaife.docs.oppwa.com/integrations/widget/customization
    Card Type Icons Multiple brand image upload
    Save Payment Option Yes/No - Allow consumer to save the card details for future use.
  6. Go to WooCommerce >Settings >Payments >Alternative Payment Settings.
  7. Complete the form presented with the desired information. Below is details of each field:
    Fields Description
    Enabled Yes/No
    Title Any Text (It will be displayed on the checkout payment page)
    Charge Type Authorization (PA)/Sale (DB) – As applicable for APM brand.
    APM Icon Single Image Upload
    Payment Key Payment Method Key – You will get the Payment Key from https://quaife.docs.oppwa.com/integrations/widget/customization
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Please sign in to leave a comment.