# Custom Checkout page

Create a checkout template via Bricks Templates. Then with Bricks Boilerplate you have these elements:

| Name                          | Purpose                                                                              |
| ----------------------------- | ------------------------------------------------------------------------------------ |
| **Checkout billing detail**   | Fields related to Billing                                                            |
| **Checkout shipping detail**  | Fields related to Shipping                                                           |
| **Checkout order detail**     | Order details (subtotal, total, taxes, fees...)                                      |
| **Checkout coupon form**      | Coupon field                                                                         |
| **Checkout payment**          | Payment methods                                                                      |
| **Checkout shipping methods** | Shipping methods                                                                     |
| **Checkout terms**            | Checkout terms text                                                                  |
| **Checkout submit**           | Submit button                                                                        |
| **Checkout order notes**      | Order notes                                                                          |
| **Checkout create account**   | Create account fields (only when it is enabled in Woo settings + user not logged in) |

With these elements you can create any checkout layout. To display list of products in cart, use query loop to query cart content.

At the moment, you need to style them via CSS.

### Custom login form in checkout

You cannot add a form directly inside Checkout template because it is already a form. Workaround is to create a popup with login form that has redirect to checkout after login. In checkout you just need to create a button trigger to show this popup.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.brickstheme.com/tutorials/custom-checkout-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.