If you have some anticipated sales material, it's beneficial to allow your end-users to pre-register with banq and add payment methods before the sales material is available for purchase. To implement banq's "pre-registration" widget, use the following html snippet. The pre-registration code is very similar to the checkout widget, only omitting the payment link (return null) and adding an additional parameter .

    <title>Banq Widget</title>
    <script src=""></script>
    <div id="pay-with-banq"></div>

        const app = new window.ecommerceBanqWidget({
            selector: '#pay-with-banq',
            mode: "pre-register-flow",
            getPaymentInfo: () => {
                return null
            // this function will trigger callback when user will close widget
            onPopUpClose: () => {
                console.log('pop up is closed action');
            // this function will trigger callback after success payment
            onPaymentSuccess: () => {
                console.log('this triggers after payment completed successfully');