The Checkout page is integrated with the Shoppable Checkout API, where Shoppable collects the Billing Address, Card Details and places the order.
All the sections - Shipping address, Payment method, Items, and shipping are embedded into the widget from shoppable. The header and footer designs are provided by the brand.
The user needs to provide the correct Shipping Address. The system validates if the information is in the correct format.
After adding the correct address, the user can click Continue to select the payment method and enter the Credit/Debit Card details.
For Card info, you can use 4111 1111 1111 1111 and cvv as 111 for testing purposes. |
Next, the user can click Continue and then click Place Order to place the order on Shoppable. Once the order is placed, the user will see the Thank You page.