Buy Bucks Quick Start

This quick start demonstrates how to utilize our JS Widget to distribute mCards in minutes! 

The Buy Bucks Widget is a React-JS widget, which allows you to sell mCash to a user.

The widget and what it sells can configured using the Management API.

Screenshot 2021-07-21 at 14.11.10.png

1. Add Script tags

The following two JS files must be added to the <HEAD> section of your page.

<head>  

   <script type="module" src="https://production.djr82sx622q8i.amplifyapp.com/build/buy-bucks.esm.js"></script>
   <script nomodule="" src="https://production.djr82sx622q8i.amplifyapp.com/build/buy-bucks.js"></script>

</head>

Get Started

2. Initialize Widget

Within the <BODY> tag initialize your widget.

The widget-uuid will be custom to your Program Setup. See next step.

<buy-bucks-widget

widget-uuid="7a6e56e0-a771-0139-9356-0242ac110002"

logo="https://static.wixstatic.com/media/69e8e4_595bcecb935c47e7a1a13965ae6eb222~mv2.gif" position="bottom-right">

</buy-bucks-widget>

Program Setup

Feel free to use the sample code above to sign up for our LOYL mCard, but in order to send out custom mCards for your Program you must sign up to be a Distributor.

Please contact us at support@mcards.com to get this started.