Checkout Containers
The Checkout drop-in provides pre-built container components for integrating into your storefront.
Version: 3.0.0-beta3
What are Containers?
Containers are pre-built UI components that combine functionality, state management, and presentation. They provide a complete solution for specific features and can be customized through props, slots, and CSS.
Available Containers
| Container | Description |
|---|---|
| AddressValidation | Configure the AddressValidation container to present suggested vs. |
| BillToShippingAddress | Configure the BillToShippingAddress container to manage and display the billing address form during checkout. |
| EstimateShipping | Learn how the EstimateShipping container displays shipping costs during checkout. |
| LoginForm | Configure the LoginForm container to handle user email input and validation during checkout. |
| MergedCartBanner | Configure the MergedCartBanner container to display notifications when items from an old cart are merged into the current cart. |
| OutOfStock | Configure the OutOfStock container to handle and display out-of-stock items in the cart. |
| PaymentMethods | Configure the PaymentMethods container to manage and display available payment methods during checkout. |
| PaymentOnAccount | Enrichment needed - add description to _dropin-enrichments/checkout/containers.json |
| PlaceOrder | Configure the PlaceOrder container to handle the final checkout step, including place order action, button disablement, and main slot management. |
| PurchaseOrder | Enrichment needed - add description to _dropin-enrichments/checkout/containers.json |
| ServerError | Configure the ServerError container to handle and display server error messages during checkout. |
| ShippingMethods | Configure the ShippingMethods container to manage and display available shipping methods during checkout. |
| TermsAndConditions | Configure the TermsAndConditions container to manage and display the terms and conditions form during checkout. |