Instructions to setup OnePay Plugin with Add & Edit Card

Checkout allows you to quickly and easily enter user details and complete the payment in a few easy steps.

Save card details with

Edit the card details with

The OnePay payment gateway allows you to use an iframe to embed the payment pages into your website.

Our OnePay Payment gateway support Major payment such as VISA, MASTERCARD, DISCOVER, AMERICAN EXPRESS AND MORE.

Pop-Up Payment Forms

OnePay’s pop-up payment option gives your website the robust and secure payments options that all trust e-commerce sites need

Prerequisite

Create an Account on the OnePay Portal

Signup for the test API keys for developers

Enabling Pay UI

If you need to create a sandbox account, please follow the steps in the link.

Trusted URL: URL’s need to be set in production so that the iframe can be activated only from the websites it’s supposed to be activated from. Separate multiple domains with commas.
Ex: https://www.yourdomain.com, https://subdomain.yourdomain.com

CSS: Specify the style sheet to be used, this CSS is based on generic OnePay Style sheet. Your styles can be applied by overriding specific parts of the CSS. This field is optional.

Key: The key that will be generated by OnePay, has to be used as authentication key to authenticate the iframe on your end.

Integration steps

Configuration parameters

These are the mandatory parameters that need to be added to your <script> tag to configure PayUI checkout parameters:

Parameter	Description
data-key	The key generated by OnePay to authenticate Pay UI
data-mode	accepted values: token, payment token: will set the mode of the Pay UI for tokenization only payment: will set the mode of the Pay UI for payment
data-displayMode	Accepted values: popup, inline popup: will create a modal popup of the UI in a parent page inline: will create a inline content within the parent page