Template for new payment gateway integrations
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
CssFw.css Initial commit Aug 28, 2018
LICENSE Initial commit Aug 28, 2018
README.md Initial commit Aug 28, 2018
functions.js Update merchant interface template; bugfixes Nov 19, 2018
index.html Update CSS Framework to 1.3.4 Dec 4, 2018
payment-request.php Initial commit Aug 28, 2018


Payment Gateway Integration Template

This is a sample code for creating a native payment integration for Ecwid.

It has the following features:

  • automated read/save of user's settings
  • up-to-date elements for user interface
  • basic initialization and interaction with Ecwid JS SDK

Files' descriptions

  • payment-request.php – payment URL for the integration. Customers will be directed to that URL at the checkout to make the payment for order. It will also be used to update order status when callback is received from payment

  • index.html, functions.js, CssFw.css – files for merchant settings in Ecwid Control Panel

How to use automated functions to read/save user's settings:

  1. Assign data-* elements to user input elements

These functions support various user inputs:

  • inputs: radio, checkbox, text
  • select
  • textarea

Start by marking user inputs with data-* elements with these names:

Name Type Description
data-visibility string Field visibility - where to save the value: to private or public application storage
data-name string Field key to be used to save to application storage

Possible values of data-visibility: "public", "private"

Possible values of data-name: any value, except for "public"

  1. Set default values for new users

In functions.js find the initialConfig object. It contains default user settings – map the keys and values with the ones you've set in the HTML for user inputs.

After that, use functions: setValuesForPage() and readValuesFromPage() to work with the page when you need to save or set values for the page.