💳Payment Widget

We provide ready to use widget that can be integrated into your app in less than 30 minutes

Installation

To install Widget use package manager or load script from CDN

npm install --save-dev @simplepay-ai/widget

import '@simplepay-ai/widget';

<script src="https://cdn.jsdelivr.net/npm/@simplepay-ai/widget@0/dist/widget.min.js" type="module"></script>

<script src="https://cdn.skypack.dev/-/@simplepay-ai/widget@v0.0.4-J8bM7EPrp28FSp8FCgOy/dist=es2019,mode=raw/dist/widget.js" type="module"></script>

<script src="https://unpkg.com/@simplepay-ai/widget@0.0.4/dist/widget.js" type="module"></script>

Then add component to desired place on page

<payment-app
    price="0.8"
    appId="09476f0c-ed36-4dfe-84f4-ef2df1644830"
    clientId="bf298925-2f45-492c-891d-f997aa7ac864" # UUID or Int
    backToStoreUrl="https://example.com"
/>

Configuration

Component configuration may be done via html attributes

Available attributes:

Attribute Required Description

Attribute	Required	Description
`appId`	✅	ID of application, may be obtained in Console
`clientId`	✅	ID of end customer who making payment. Should be linked to customer entry in merchant database
`backToStoreUrl`		URL where to redirect customer after payment
`price`		Price for invoice in fiat currency
`dark`		Dark theme on/off
`invoiceId`		Returns to the current step of the payment process or the receipt

appId

✅

ID of application, may be obtained in Console

clientId

✅

ID of end customer who making payment. Should be linked to customer entry in merchant database

backToStoreUrl

URL where to redirect customer after payment

price

Price for invoice in fiat currency

dark

Dark theme on/off