Fondy Checkout Widget

npm license github-issues

nodei.co

Installation

Node

If you’re using Npm in your project, you can add fondy-checkout dependency to package.json with following command:

npm i --save fondy-checkout

or add dependency manually:

{
  "dependency": {
    "fondy-checkout":"*"
  }
}

Bower

If you’re using Bower in your project, you can run the following command:

bower install fondy-checkout

Manual installation

If you do not use NodeJS, you can download the latest release. Or clone from GitHub the latest developer version

git clone [email protected]:kosatyi/fondy-checkout.git

Quick start

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset='utf-8'>
    <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link ref="https://unpkg.com/fondy-checkout@latest/dist/css/checkout.css" 
    rel="stylesheet" type="text/css" />
</head>
<body>
<div control="ui.checkout">
    <param name="params[merchant_id]" value="1396424" />
    <param name="params[amount]" value="1500" />
    <param name="params[currency]" value="USD" />
    <param name="params[lang]" value="en" />
    <param name="params[email]" value="" />
    <param name="params[phone]" value="" />
    <param name="params[fee]" value="0.05" />
    <param name="params[response_url]" value="https://example.com/" />
    <param name="view[lang][]" value="en" />
    <param name="view[lang][]" value="ru" />
    <param name="view[lang][]" value="uk" />
    <param name="view[header][logo]" value="https://i.imgur.com/aUQyJcQ.png" />
    <param name="view[header][title]" value="My Amazon Shop" />
    <param name="view[header][desc]" value="Traditional Laptops" />
    <param name="view[header][url]" value="https://example.com/" />
    <param name="view[product][name]" value="Apple MacBook Pro" />
    <param name="view[product][desc]" value="Apple MacBook Pro MF841LL Laptop with Retina Display" />
    <param name="view[product][image]" value="https://i.imgur.com/gLnKFyt.png" />
    <param name="view[product][url]" value="http://amzn.to/2BVaAQ5" />
    <param name="view[field][amount]" value="" />
    <param name="view[field][email]" value="1" />
    <param name="view[field][phone]" value="1" />
    <param name="view[methods]" value="card,p24,paypal" />
</div>
<script src="https://unpkg.com/fondy-checkout@latest/dist/i18n/en.js"></script>
<script src="https://unpkg.com/fondy-checkout@latest/dist/i18n/ru.js"></script>
<script src="https://unpkg.com/fondy-checkout@latest/dist/i18n/uk.js"></script>
<script src="https://unpkg.com/fondy-checkout@latest/dist/js/checkout.js"></script>
</body>
</html>

Result

License

MIT

Author

Stepan Kosatyi, [email protected]

Stepan Kosatyi