Developer Tools
BudPay libraries open the BudPay payment modal in your web or mobile app, so you can accept payments without building a checkout UI. Pick the library for your platform below.
Available Libraries
Vanilla JS
For any website. No framework or build step required.
Installation:
<script src="https://inlinepay.budpay.com/budpay-inline.js"></script>React JS Library
A button component and hooks for React applications.
Installation:
npm install @budpay/reactVue JS Library
Uses the BudPay Inline script with a Vue component method.
Installation:
<script src="https://inlinepay.budpay.com/budpay-inline-custom.js"></script>Choosing an Integration Method
The JavaScript and React libraries support two ways of opening the payment modal:
- From the frontend: pass your public key, amount and customer details directly to the library. This is the quickest way to get started.
- With an access code: initialize the transaction on your server, then pass only the
access_codeandreferenceto the library. The amount and customer details never reach the browser, so they can't be viewed or changed. We recommend this for production.
See Checkout with Access Code for the JavaScript library, or useBudPayAccessCode for React.
Whichever method you use, always verify the transaction on your server before giving value.
Need Help?
- Read the documentation for your library above.
- Review Authentication and API Basics.
- Contact support@budpay.com.