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
-
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
- 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"
- 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.