Buy Voucher Widget

This page explains how to use the Buy Voucher widget

To insert buy voucher widget in a page, first follow the instructions to add required scripts and styles as explained in the Adding widgets page. Then insert the following code snippet in the appropriate place within your page's HTML

<bubi-voucher></bubi-voucher>

The user will be presented with a form to buy a voucher which can be used later to pay for bookings. The payment options available are either PayPal or Credit Card or both, depending on the payment options available to the partner. Please refer to the payment page for online booking widget to more details about configuring payment options.

You can also make the amount fixed add fixed-amount attribute as follows.

<bubi-voucher fixed-amount="15"></bubi-voucher>

This will cause the widget to show 15€ as fixed amount, and quantity will be restricted to one and cannot be changed.

To change the maximum quantity allowed per purchase, change the maximum-quantity attribute as follows:

<bubi-voucher maximum-quantity="3"></bubi-voucher>

This will restrict the quantity drop down list to a maximum of 3 vouchers. Note that this setting has no effect when the fixed-amount voucher is specified, since in this case the maximum amount will always be restricted to one.