💳Payment Widget

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

Go to SimplePay Demo Widget ↗️

Installation

To install Widget use package manager or load script from CDN

TypeScript

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

import '@simplepay-ai/widget';

jsDelivr

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

Skypack

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

UNPKG

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