UI Slots
danger
This SDK is a Work In Progress! All features are subject to change.
UI slots are containers for UI components. When you want to add a UI component, you need to specify their location on the screen, and to support the widest range of themes and layouts, we created predefined slots that are available across all templates that can be used to put your UI components inside.
Checkout Slots
These are the slots that are available in checkout:
| Slot | Page |
|---|---|
| before_main_content | start, payment |
| after_main_content | start, payment |
| before_line_items | start |
| after_line_items | start, payment |
| after_contact_form | start |
| after_address_form | start |
| after_billing_form | start |
| after_payment_options | payment |
| before_address_form | start |
| before_billing_form | start |
| before_contact_form | start |
| modal_content | start, payment, success |
This is their usual location:
And this is their usual location on mobile devices:
Items details (mobile devices only):
Items details
