Pace API

Widgets

Plugins

Developers Portal

Welcome to Pace Developers Portal!

This document aims to help merchants to integrate Pace on their online stores as a payment method.

A set of credentials is needed to access and authenticate your API requests to Pace. Please contact merchant-integration@pacenow.co if you haven't received these credentials upon onboarding.

Pace API

The Pace API is a RESTful API that allows merchants to integrate Pace on their online stores as a payment method.

>> View Documentation Here

Widgets

Getting Started

pace-pay.js is Pace's javascript SDK, it facilitates two purposes:

  1. Render Pace's marketing widgets
  2. Launching Pace's payment screen flow.

Include the Script

Add the following script into the bottom of the <body>

Live (production)

<script defer src="https://pay.pacenow.co/pace-pay.js"></script>

Testing (playground)

<script defer src="https://pay-playground.pacenow.co/pace-pay.js"></script>

window.pacePayCallback 

                        
                            window.pacePayCallback = function (init) {
                                // Pace pay code...
                            };

This is where most of Pace Pay code will reside, and will be called as soon as the DOM and the above script is loaded and ready to be executed. It will be called with the init function as a parameter.

Initialize the SDK

                        
                            window.pacePayCallback = function (init) {
                                const pacePay = init({
                                    debug: true,
                                    currency: 'HKD',
                                    fallbackWidget: true, // show fallback widget if price is not within min and max
                                    minAmount: 500,
                                    maxAmount: 6000,
                                    onEvent: function (event) {
                                        const { type, payload } = event;

                                        switch (type) {
                                            case 'INIT_FAILURE': {
                                                const { error } = payload;
                                                console.log(error);
                                                break;
                                            }
                                            case 'WIDGET_CLICK_EVENT': {
                                                const { widgetEventType } = payload;

                                                if (widgetEventType === 'SINGLE_PRODUCT_MORE_INFO_OPEN') {
                                                    // Hook up wiht google analytics
                                                    ga('send', {
                                                        hitType: 'event',
                                                        eventCategory: 'PaceWidget',
                                                        eventAction: 'click',
                                                        eventLabel: 'Single Product Click'
                                                    });
                                                }
                                                break;
                                            }
                                            default;
                                                break;
                                        }
                                    },
                                    styles: {
                                        fontFamily: 'Roboto',
                                        textPrimaryColor: 'red',
                                        textSecondaryColor: '#FFFFFF'
                                        secondaryColor: 'green'
                                    }
                                })

                                // pacePay API
                                const {
                                    init, // reinitialize
                                    redirect, // redirect to pay checkout
                                    loadWidgets, // load widgets into containers
                                    showProgressModal, // show pace loader/progress can be displayed when transaction token is being retrieved from server
                                    hideProgressModal, // hide pace loader/progress
                                } = pacePay;
                                // ...
                            }

The SDK can be initialized with the above described init function. This is a necessary step before the rest of the SDK APIs will be exposed.

Parameters

config object

Property Description
config.onEvent function? Event handler to subscribe to a predefined list of events that will be fired during the lifetime of the script.

Event object
{ type: String, payload: Object, timestamp: DateTime }

Full list of event types:
Type Description
INIT_STARTED Intialization of SDK has started.
INIT_SUCCESS Initialization of SDK was successfully.
INIT_FAILURE Initialization of SDK was unsuccessfully.
WIDGETS_LOAD_STARTED Loading of widget type into DOM has started.
WIDGETS_LOAD_FAILURE Widget type has failed to be loaded into DOM.
WIDGETS_LOAD_SUCCESS Widget type has successfully been loaded.
WIDGET_CLICK_EVENT User has interacted with the widget. Widget click event types:
SINGLE_PRODUCT_MORE_INFO_OPEN, SINGLE_PRODUCT_MORE_INFO_CLOSE, CHECKOUT_MORE_INFO_OPEN, CHECKOUT_MORE_INFO_CLOSE
config.locale string?
default: "en_GB" 		Locale of the widgets that will be rendered.
Supported locales:
"en_GB"
config.fallbackWidget boolean?
default: false 		Flag to render a fallback widget if price does not fall within the defined min and max range.
config.currency string?
default: "SGD" 		Currency of the widgets that will be rendered.
Supported currencies:
"SGD" | "HKD" | "MYR" | "THB"
config.minAmount number?
default: 20 (SGD, MYR) | 50 (HKD) | 100 (THB) 		Minimum amount of product to be applicable for Pay with Pace.
config.maxAmount number?
default: 3000 (SGD, MYR) | 15000 (HKD) | 30000 (THB) 		Maximum amount of product to be applicable for Pay with Pace.
config.styles object? Base style customizations that will be applied to all widgets.
Supported parameters and values:
Parameter Allowed Value(s)
fontFamily font-family
textPrimaryColor color
textSecondaryColor color
config.debug boolean?
default: false 		To toggle debug console logs for development purposes.

Returns

pacePay object

Method Description
init To reinitialize if needed.
redirect Launch Pay with Pace via redirect method.
redirect Launch Pay with Pace via popup method.
loadWidgets Load widgets into page.
showProgressModal Show pace loader/progress can be displayed when transaction token is being retrieved from server.
hideProgressModal Hide pace loader/progress.

Throws

Type Description
InvalidConfigType config is not an object.
InvalidConfigProperty config did not pass the schema validation.


Marketing Widgets

                        
                            pacePay.loadWidgets({
                                containerSelector: '#pace-pay-container',
                                type: 'single-product',
                                styles: {
                                    // ...styles
                                }
                            })

Loading the widgets

Parameters

config object

Property Description
config.containerSelector string cssSelector
type string Widget type, full list of possible types: "single-product", "multi-products", "checkout"
config.styles object? Style customizations for rendered instance of chosen widget type. Allowed customizations varies from one widget type to the other as described below:

single-product
Parameter Allowed Value(s)
logoTheme "light" or "dark"
textPrimaryColor color
textSecondaryColor color
fontSize font-size or An array of min screen width (px) and corresponding font-size pairs.
[[minScreenWidth, fontSize], ... ]

multi-products
Parameter Allowed Value(s)
logoTheme "light" or "dark"
textColor color
fontSize font-size or An array of min screen width (px) and corresponding font-size pairs.
[[minScreenWidth, fontSize], ... ]

checkout
Parameter Allowed Value(s)
textPrimaryColor color
textSecondaryColor color
timelineColor color
backgroundColor color
foregroundColor color
fontSize font-size or An array of min screen width (px) and corresponding font-size pairs.
[[minScreenWidth, fontSize], ... ] 
                        
                            <!-- Product page -->
                            <div id="pace-pay-container" data-price="600">
                              <!-- Widget will be injected here -->
                            </div>

Loading the widgets works by injection into predefined containers. Containers are required to have data-price attribute which are parsed by the SDK to display the estimated instalment amount.

Throws

Type Description
InvalidCssSelector config.containerSelector is not a valid CSS selector.
InvalidConfigProperty config did not pass the schema validation.

Widget types

Single-product Widget

                        
                            pacePay.loadWidgets({
                                containerSelector: '#pace-pay-container',
                                type: 'single-product',
                                styles: {
                                    // ...styles
                                }
                            })

This widget is intended to be displayed in pages with only one product.

Multi-products Widget

                        
                            pacePay.loadWidgets({
                                containerSelector: '#pace-pay-container',
                                type: 'multi-products',
                                styles: {
                                    // ...styles
                                }
                            })

This widget is intended to be displayed in pages with more than one product (eg. catalog pages).

Checkout Widget

                        
                            pacePay.loadWidgets({
                                containerSelector: '#pace-pay-container',
                                type: 'checkout',
                                styles: {
                                    // ...styles
                                }
                            })

This widget is intended to be displayed on the checkout page.

Fallback Widgets

In the case that when price of a product does not fall within the defined min and max range, a flag can be toggled to load the fallback widgets.

Single-product Fallback Widget

Multi-products Fallback Widget

Responsive Widgets

                        
                            pacePay.loadWidgets({
                                type: 'checkout',
                                containerSelector: '#payment-schedule',
                                styles: {
                                    fontSize: [
                                        [0, '5px'], // Min screen width, font size that would be applied at that size
                                        [500, '15px'],
                                        [800, '20px'],
                                        [900, '25px'],
                                        [1000, '30px']
                                    ]
                                }
                            });

All Pace's widgets can be configured to be responsive via config.styles.fontSize

This works by setting the base font-size of the widget and having everything else scale proportionately.



Pay with Pace

Pay with Pace is Pace's payment screen flow and there are two methods to launch it:

Redirect Method

                                
                                    pacePay.redirect('33016e770b60813562edd3200d17fffe3d920149')

This method launches the Pace Pay Flow via a redirection.

Parameters

Name Description
transactionToken This should be retrieved from the merchant's server after a checkout is created.

Throws

Type Description
InvalidConfigProperty config did not pass the schema validation.

While the transactionToken is being retrieved, pacePay.showProgressModal() can be called to display Pace Pay's progress modal.

Popup Method

                                
                                    // Show loader
                                    pacePay.showProgressModal();
                                    pacePay.popup({
                                        txnToken: '33016e770b60813562edd3200d17fffe3d920149',
                                        onSuccess: data => console.log(data.transactionId, data.merchantReferenceId),
                                        onCancel: () => {
                                            alert('canceled');
                                        },
                                        onLoad: () => {
                                            // Hide loader
                                            pacePay.hideProgressModal();
                                        }
                                    });

This method launches the Pace Pay Flow via a full screen modal.

Parameters

config object

Name Description
txnToken string This should be retrieved from the merchant's server after a checkout is created.
onSuccess function? Called when the user has successfully completely the payment flow.

Success object
{ transactionId: String, merchantReferenceId: String }
onCancel function? Called when the user cancels the payment flow anytime before payment is completed.
onLoad function? Called when Pay with Pace is loaded.

Throws

Type Description
InvalidConfigType config is not an object.
InvalidConfigProperty config did not pass the schema validation.

Plugins

Pace for WooCommerce

Pace's WooCommerce plugin supports WordPress version 5.3 or greater, and WooCommerce version 3.0 or greater. The latest plugin supports store currency set to Singapore Dollar (SGD), Hong Kong Dollar (HKD), Malaysian Ringgit (MYR), and Thailand Baht (THB).

To use this plugin you will need your Pace's merchant credentials which should have been given to you upon onboarding. Please contact merchant-integration@pacenow.co for assistance regarding your credentials.

Installation

1. Download the Pace for WooCommerce (v1.5.8) plugin here.

2. Nagivate to the Plugins section on your WordPress admin dashboard.

3. Under Manage Plugins, click Add New then upload the zip file downloaded on Step #1.

Configuration

Under Manage Plugins, search for Pace under Installed Plugins. Click Settings to load the plugin's configuration page.

Below are different sections/values that can be configured in the settings page:

Core Configurations

Settings to enable usage of the plugin in the store.

Name Description
Enable Determines whether the Pace plugin will be loaded in the merchant's store assuming the plugin is already activated.
Enable Playground Use the playground version of the Pace API.
Pay With Pace Mode Determines how the Pay With Pace module will be displayed when the user checks out.
Title Title of the plugin.

API Credentials

Manages the API connectivity of the plugin.

Name Description
Client ID Pace production client ID.
Client Secret Pace production client secret.
Playground Client ID Pace Client ID valid for playground access.
Playground Client Secret Pace Client Secret valid for playground access.

Product Widget

Customize the display of the Pace widget on the product page.

Name Description
Enable Displays the widget when ticked.
Theme color Supports light and dark themes for the Pace logo.
Text primary color Text color of the main content in the widget.
Text secondary color Text color of the subtext of the widget.
Font size Font size of the widget.
Widget style This value populates the style property of the widget container.

Product Catalog Widget

Customize the display of the Pace widget on the product catalog page.

Name Description
Enable Displays the widget when ticked.
Theme color Supports light and dark themes for the Pace logo.
Text primary color Text color of the main content in the widget.
Font size Font size of the widget.
Widget style This value populates the style property of the widget container.

Checkout Widget

Customize the display of the Pace widget on the product catalog page.

Name Description
Enable Displays the widget when ticked.
Text primary color Text color of the main content in the widget.
Text secondary color Text color of the subtext of the widget.
Text timeline color Text color of the timeline section of the widget.
Background Color Color of the outer container of the widget.
Foreground Color Color of the inner container of the widget.
Font size Font size of the widget.

Promotion text display

Note: This action just supports to show to promotion text only. It’s not a functionality of discount.

1. Access to Pace for WooCommerce setting.

2. Scroll down to find Promotion section. You should follow the notes on the screenshot below. Do not forget to save after you finish your edit promotion action.

3. After setting up, you can find the text display on payment gateway.

Troubleshooting

If the Pace widgets don't appear on your website, please check the following:

1. Make sure the plugin is installed and activated.

2. Verify that the proper credentials are set up and saved in your configurations.

3. Make sure that the your store currency is supported by the plugin.

If the problem persists, please email merchant-integration@pacenow.co with the following information:

  • your merchnat ID and name
  • Pace plugin version you are using
  • your Wordpress version
  • your WooCommerce version

If this is happening on certain devices please do include this information as well in your email.

Screenshots

Single Product Widget

Checkout Widget

Pay With Pace as a redirect page







Pace for Magento 2

Pace for Magento 2 extension is compatible with Magento version 2.30 or greater. The latest plugin supports store currency set to Singapore Dollar (SGD), Hong Kong Dollar (HKD), Malaysian Ringgit (MYR), Malaysian Ringgit (MYR) and Thailand Baht (THB). To set the base currency, navigate to Stores > Configuration > Currency Setup.

To use this plugin you will need your Pace's merchant credentials which should have been given to you upon onboarding. Please contact merchant-integration@pacenow.co for assistance regarding your credentials.

Installation


Composer


1. Add Pace repository
composer config repositories.pacenow git https://github.com/PaceNow/pace-for-magento-2.git

2. Require Pace_Pay module
composer require pace/module-pay:dev-master#v1.1.5

3. Enable Pace_Pay module
./bin/magento module:enable Pace_Pay

4. Magento setups and cache clean
./bin/magento setup:upgrade
./bin/magento setup:di:compile
./bin/magento setup:static-content:deploy
./bin/magento cache:clean



Manual


If you do not choose to use composer, you may copy the files in this repository to <Root Magento Directory>/app/code/Pace/Pay, and run Enable Pace_Pay module and Magento setups and cache clean steps in the composer section above.

Configuration

1. Navigate to Stores > Configuration > Sales > Payment Methods

2. Under OTHER PAYMENT METHODS > Pace Pay

  • Ensure that Scope is Default Config
    • Set Enabled to Yes
    • Save Config
  • Switch Scope to Store specific scope
    • Select Playground or Production for the Environment
    • Set Client ID and Client Secret under API config
    • Save Config

3. Set the other options as necessary

4. Clear cache from System > Cache Management > Flush Cache Storage

Below are different sections/values that can be configured in the settings page:

Core Configurations

Settings to enable usage of the plugin in the store.

Name Description
Enable Determines whether the Pace plugin will be loaded in the merchant's store assuming the plugin is already activated.
Debug Enables the plugin's Magento debugger.
Pay With Pace Mode Determines how the Pay With Pace module will be displayed when the user checks out.
Sort Order Order at which Pace plugin payment option will be displayed in the checkout page.

API

Manages the API connectivity of the plugin.

Name Description
Environment Specifies which Pace API to use in the plugin.
Client ID Pace production client ID.
Client Secret Pace production client secret.

Single Product Widget

Customize the display of the Pace widget on the product page.

Name Description
Enable Displays the widget when ticked.
Logo Theme Supports light and dark themes for the Pace logo.
Text primary color Text color of the main content in the widget.
Text secondary color Text color of the subtext of the widget.
Font size Font size of the widget.
Container style This value populates the style property of the widget container.

Multi Product Widget

Customize the display of the Pace widget on the product catalog page.

Name Description
Enable Displays the widget when ticked.
Logo Theme Supports light and dark themes for the Pace logo.
Text primary color Text color of the main content in the widget.
Font size Font size of the widget.

Checkout Widget

Customize the display of the Pace widget on the product catalog page.

Name Description
Enable Displays the widget when ticked.
Text primary color Text color of the main content in the widget.
Text secondary color Text color of the subtext of the widget.
Timeline color Text color of the timeline section of the widget.
Background Color Color of the outer container of the widget.
Foreground Color Color of the inner container of the widget.
Font size Font size of the widget.

Updating


Composer


1. Run
composer update pace/module-pay

2. Magento setups and cache clean
./bin/magento setup:upgrade
./bin/magento setup:di:compile
./bin/magento setup:static-content:deploy
./bin/magento cache:clean



Manual


Delete the folder <Root Magento Directory>/app/code/Pace/Pay, and then redo the Manual installation section above with the latest files.

Troubleshooting

If the Pace widgets don't appear on your website, please check the following:

1. Make sure the plugin is installed and activated.

2. Verify that the proper credentials are set up and saved in your configurations.

3. Make sure that the your store currency is supported by the plugin.

4. Make sure to clear the cache after every configuration change.

If the problem persists, please email merchant-integration@pacenow.co with the following information:

  • your merchnat ID and name
  • Pace plugin version you are using
  • your Wordpress version
  • your WooCommerce version

If this is happening on certain devices please do include this information as well in your email.

Screenshots

Single Product Widget

Multi product Widget

Checkout Widget

Pay With Pace as a popup

Pay With Pace as redirect page







Pace for Opencart

Pace plugin supports Opencart version 3.0.3.6 or greater. Currently, this plugin supports stores currency set to Singapore Dollar (SGD), Hong Kong Dollar (HKD), Thailand Bath (฿) and Malaysia Ringgit (MYR).

To use this plugin you will need your Pace's merchant credentials which should have been given to you upon onboarding. Please contact merchant-integration@pacenow.co for assistance regarding your credentials.

Installation


1. Download the pace for opencart (1.1.5) here.

2. Navigate to the Extension > Installer section on your Opencart admin dashboard.


3. Under Installer , click Upload then upload file downloaded in step #1

4. Navigate to the Extension > Modification click the refresh icon for loading the plugin.



5. Extensions > Choose the extension type and select Payments from dropdown options.



6. Install the plugin by clicking on the red button (make sure that it is the latest version which you downloaded in step 1 and uploaded in step 3).
Select pace and click the edit icon to load the plugin’s configuration page.



Below are different sections/values that can be configured in the settings page

Core Configurations


Settings to enable usage of the plugin in the store.

Name Description
Enable Determines whether the Pace plugin will be loaded in the merchant's store assuming the plugin is already activated.
Enable Playground Use the playground version of the Pace API.
Pay With Pace Mode Determines how the Pay With Pace module will be displayed when the user checks out. For popup option, It will show popup in the current page, and for redirect it will open pace payment in a new page.
Title Title of the plugin.
Description The description of the plugin shown to the user during checkout.

API Credentials

Manages the API connectivity of the plugin.

Name Description
Client ID Pace Production client ID
Client Secret Pace Production client secret
Playground Client ID Pace Client ID valid for playground access
Playground Client Secret Pace Client Secret valid for playground access

Order status

Manage Orders

Your order statuses based on corresponding status of their Pace transactions

Pending status:

Set the order status the customer’s order must reach before the order starts stock subtraction and coupon, voucher and rewards redemption.

Approved status:

Set the order status the customer's order must reach when the order is paid successfully via Pace.

Widget

Product Widget

Customize the display of the Pace widget on the product page.

Name Description
Enable Displays the widget when ticked.
Theme color Supports light and dark themes for the Pace logo.
Text primary color Text color of the main content in the widget.
Text secondary color Text color of the subtext of the widget.
Font size Font size of the widget.
Widget Style This value populates the style property of the widget container.

Product Catalog Widget

Customize the display of the Pace widget on the product catalog page.

Name Description
Enable Displays the widget when ticked.
Theme color Supports light and dark themes for the Pace logo.
Text primary color Text color of the main content in the widget.
Text secondary color Text color of the subtext of the widget.
Font size Font size of the widget.
Widget Style This value populates the style property of the widget container.

Checkout Widget

Customize the display of the Pace widget on the product catalog page.

Name Description
Enable Displays the widget when ticked.
Text primary color Text color of the main content in the widget.
Text secondary color Text color of the subtext of the widget.
Timeline color Text color of the timeline section of the widget.
Background Color Color of the outer container of the widget.
Foreground Color Color of the inner container of the widget.
Font size Font size of the widget.
Widget Style This value populates the style property of the widget container.

Troubleshooting

If the Pace widgets don't appear on your website, please check the following:

1. Make sure the plugin is installed and activated.

2. Verify that the proper credentials are set up and saved in your configurations.

3. Make sure that the your store currency is supported by the plugin.

If the problem persists, please email merchant-integration@pacenow.co with the following information:

  • your merchnat ID and name
  • Pace plugin version you are using
  • your Opencart version

If this is happening on certain devices please do include this information as well in your email.

Screenshots

Product Catalog Widget

Product Widget

Checkout Widget

Pay With Pace as a popup

Pay With Pace as redirect page







Pace for Shopify

Shopify plugin current version is 1.4.0 and supports stores currency set to Singapore Dollar (SGD), Hong Kong Dollar (HKD), Thailand Bath (฿), Taiwan dollar (TWD) and Malaysia Ringgit (MYR).

To use this plugin you will need your Pace's merchant credentials which should have been given to you upon onboarding. Please contact merchant-integration@pacenow.co for assistance regarding your credentials.

Installation


1. Install app

Navigate to the Settings > Payments > Add payment methods.

Shopify Install step 1

Search by provider with a keyword Pace > Activate

Shopify Install step 2

Spread the “Manage” button > Install app

Shopify Install step 3

Shopify Install step 4

2. Activate Pay with Pace

Navigate Payment > Add Payment method > Search by provider => Use “Pace" as a keyword > Activate

Shopify Install step 5

Then click on activate Pay with Pace

Shopify Install step 6

3. Turn on app embeds

Navigate Themes on Online Store > Click on Customize on the right screen

Shopify Install step 7

Then App embeds => Enable Pace widget embed

Shopify Install step 8

Shopify Install step 9

4. Setting up widget

Payment > Manage

Shopify Install step 10

Shopify Install step 11

Core Configurations

Settings to enable usage of the plugin in the store.

Name Description
Enable Determines whether the Pace plugin will be loaded in the merchant's store assuming the plugin is already activated.
Enable Playground Use the playground version of the Pace API.

API Credentials

Manages the API connectivity of the plugin.

Name Description
Client ID Pace production client ID.
Client Secret Pace production client secret.
Playground Client ID Pace Client ID valid for playground access.
Playground Client Secret Pace Client Secret valid for playground access.

Product Widget

Customize the display of the Pace widget on the product page.

Name Description
Enable Displays the widget when ticked.
Theme color Supports light and dark themes for the Pace logo.
Text primary color Text color of the main content in the widget.
Text secondary color Text color of the subtext of the widget.
Font size Font size of the widget.
Widget style This value populates the style property of the widget container.

Product Catalog Widget

Customize the display of the Pace widget on the product catalog page.

Name Description
Enable Displays the widget when ticked.
Theme color Supports light and dark themes for the Pace logo.
Text primary color Text color of the main content in the widget.
Font size Font size of the widget.
Widget style This value populates the style property of the widget container.

Order status

Your order statuses based on the corresponding status of their Pace transactions : Pending, Paid, Canceled, Refunded.

Shopify order status

Troubleshooting

If the Pace widgets don't appear on your website, please check the following:

1. Make sure the plugin is installed and activated.

2. Verify that the proper credentials are set up and saved in your configurations.

3. Enable Pace widget embed

4. Make sure that your store currency is supported by the plugin.

If the problem persists, please email merchant-integration@pacenow.co with the following information:

  • your merchant ID and name
  • Pace plugin version you are using
  • your Shopify version

If this is happening on certain devices please do include this information as well in your email.

SCREENSHOTS

Product Catalog Widget

Catalog widgets

Product Widget

Single widgets

Checkout screen

Checkout screen

Pay With Pace as a redirect page

Transaction confirm







Pace for Easystore

Easy Store plugin current version is 1.4.0 and supports stores currency set to Singapore Dollar (SGD), Hong Kong Dollar (HKD), Thailand Bath (฿), Taiwan dollar (TWD) and Malaysia Ringgit (MYR).

To use this plugin you will need your Pace's merchant credentials which should have been given to you upon onboarding. Please contact merchant-integration@pacenow.co for assistance regarding your credentials.

Installation


1. Set up payment gateway

Log in to the page: Easystore Admin

Add payment method

Search for Pace

Fill in information for mandatory fields

Note: please make sure Pace Production Client ID and Pace Production Client Secret in this setting up are the same with App setting up

2. Install app

Get in to the page: https://www.easystore.co/en-us

Select manage > App integrations

Type keyword pace to find the app

Click on app to install

3. Core configurations

Settings to enable usage of the plugin in the store.

Name Description
Enable Determines whether the Pace plugin will be loaded in the merchant's store assuming the plugin is already activated.
Enable Playground Use the playground version of the Pace API.
Pay With Pace Mode Determines how the Pay With Pace module will be displayed when the user checks out.
Title Title of the plugin.
Description The description of the plugin shown to the user during checkout.

API Credentials

Manages the API connectivity of the plugin.

Name Description
Client ID Pace production client ID.
Client Secret Pace production client secret.
Playground Client ID Pace Client ID valid for playground access.
Playground Client Secret Pace Client Secret valid for playground access.

Product Widget

Customize the display of the Pace widget on the product page.

Name Description
Enable Displays the widget when ticked.
Theme color Supports light and dark themes for the Pace logo.
Text primary color Text color of the main content in the widget.
Text secondary color Text color of the subtext of the widget.
Font size Font size of the widget.
Widget style This value populates the style property of the widget container.

Product Catalog Widget

Customize the display of the Pace widget on the product catalog page.

Name Description
Enable Displays the widget when ticked.
Theme color Supports light and dark themes for the Pace logo.
Text primary color Text color of the main content in the widget.
Font size Font size of the widget.
Widget style This value populates the style property of the widget container.

Order status

Your order statuses based on the corresponding status of their Pace transactions: Paid, Unpaid

© Pace Enterprise Pte Ltd. All rights reserved.