Checkout
The checkout widget implements a four-step checkout process that allows travelers to complete their booking:
- Basket summary
- Contact info
- Payment info
- Booking confirmation
The basket summary is only shown in cases where the basket includes products that can be tailored (e.g. packages or activities with extras). Use the checkout and activity editor widget to implement the booking flow. When a traveler clicks the Order now-button, the checkout widget will open and show a summary of the selected product(s). The user may now fill in their contact information and payment details and finally get a confirmation of their booking.
The checkout widget also includes the package builder, which allows travelers to tailor their package.
The checkout widget can be placed anywhere in the DOM tree. It will however move itself to the end of the body element when it is initialized.
Package builder
When the traveler adds a package to the cart, they can customize the package in our new package builder. The package builder allows the traveler to customize the package by selecting different options for a package’s itinerary.
Test payment
To test the entire checkout flow, including payment, you can use Nets test cards. If you are only presented with a blank screen when entering the payment process of the widget, the tenant or sales channel can have configuration errors in the Administration Panel.
Attributes
There are no attributes to configure for this widget.
Example
<blend-checkout></blend-checkout>