> ## Documentation Index
> Fetch the complete documentation index at: https://enterprise-docs.bglobale.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Page Design

## Page Design

### Customizing the Checkout and Confirmation Pages

This section details the items that are customisable on both the Checkout and Confirmation pages.

* [Checkout page](/page-design#checkout-page-274424)
* [Confirmation page](/page-design#confirmation-page)

You can use this [Figma page](https://www.figma.com/design/GxlxGPBTZb1D4x2fGXZgiS/Global-e-Classic-Checkout-Confirmation-Pages-for-merchants?node-id=0-1\&p=f\&t=ver2vtyaOIO1Yctn-0) to make any customizations that you require. Duplicate and modify the file as needed.

<Note>
  The checkout page layout is fixed (it cannot be changed).
</Note>

For information about customizing your Checkout page, see [Configuring Your Checkout Page](/site-customization#configuring-your-checkout-page-714090).

### Checkout Page

The **Checkout** page shows the following:

* Order Summary
* Billing and Shipping Addresses
* Shipping Method
* Billing Summary and Payment

The following figure shows the Desktop Checkout page:

<Frame>
  <img src="https://mintcdn.com/globale-enterprise/X_jditTJssq_GTcj/images/uuid-6e47ae07-b303-ddcc-853b-07a9602729b5.png?fit=max&auto=format&n=X_jditTJssq_GTcj&q=85&s=57907c0c170dfcb15955539ccd426eb7" width="1282" height="1524" data-path="images/uuid-6e47ae07-b303-ddcc-853b-07a9602729b5.png" />
</Frame>

The following figure shows the Desktop express checkout payment buttons:

<Frame>
  <img src="https://mintcdn.com/globale-enterprise/4kLlWOCKssl9AEZa/images/uuid-d2221a95-60ae-6810-dbc9-e76b3972741b.png?fit=max&auto=format&n=4kLlWOCKssl9AEZa&q=85&s=c64a277cbc96083f53b12bdc19c5cabd" width="1287" height="156" data-path="images/uuid-d2221a95-60ae-6810-dbc9-e76b3972741b.png" />
</Frame>

The following figure shows the Mobile Checkout page:

<Frame>
  <img src="https://mintcdn.com/globale-enterprise/83nCB7AJobthQFqb/images/uuid-bdf25b1d-a0fd-ae56-086e-213c8d306f26.png?fit=max&auto=format&n=83nCB7AJobthQFqb&q=85&s=7de0d765638210e6ed1aa080e53fcf05" width="300" height="2457" data-path="images/uuid-bdf25b1d-a0fd-ae56-086e-213c8d306f26.png" />
</Frame>

The following figure shows the Mobile express checkout payment buttons:

<Frame>
  <img src="https://mintcdn.com/globale-enterprise/hjqDl82-X0YUzXdP/images/uuid-8e470502-7ccd-30d2-9fd7-c46f4cb92d55.png?fit=max&auto=format&n=hjqDl82-X0YUzXdP&q=85&s=f67382fa8ef7c31a407e267d7ef28020" width="350" height="170" data-path="images/uuid-8e470502-7ccd-30d2-9fd7-c46f4cb92d55.png" />
</Frame>

### Checkout Page Layout Structure

This page describes the following page layout structures:

* [Desktop checkout page structure](/page-design#desktop-checkout-layout-structure)
* [Mobile checkout page structure](/page-design#mobile-checkout-layout-structure)

#### Desktop Checkout Layout Structure

This section describes the layout (structure) of the **Desktop Checkout** page and customisable elements. The Desktop Checkout page has been divided into its main elements, with each region described separately.

The table on the right describes the **Order Summary** area below:

| Desktop\_Callouts\_1-8\_\_Excluding\_Express\_Payment\_Section\_.png | No.ElementDescription1Background colorThe background color of the entire page.2Language selectorThe text front and dropdown input style.3Title headerThe ribbon background color, text font, and text color.4Order Summary areaFont-face, size, and color.5Product nameFont-face, size, and color.6Product attributesFont-face, size, and color.7Quantity, price, and totalFont-face, size, and color. | No.                                                     | Element | Description | 1 | Background color | The background color of the entire page. | 2 | Language selector | The text front and dropdown input style. | 3 | Title header | The ribbon background color, text font, and text color. | 4 | Order Summary area | Font-face, size, and color. | 5 | Product name | Font-face, size, and color. | 6 | Product attributes | Font-face, size, and color. | 7 | Quantity, price, and total | Font-face, size, and color. |
| -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------- | ------- | ----------- | - | ---------------- | ---------------------------------------- | - | ----------------- | ---------------------------------------- | - | ------------ | ------------------------------------------------------- | - | ------------------ | --------------------------- | - | ------------ | --------------------------- | - | ------------------ | --------------------------- | - | -------------------------- | --------------------------- |
| No.                                                                  | Element                                                                                                                                                                                                                                                                                                                                                                                                | Description                                             |         |             |   |                  |                                          |   |                   |                                          |   |              |                                                         |   |                    |                             |   |              |                             |   |                    |                             |   |                            |                             |
| 1                                                                    | Background color                                                                                                                                                                                                                                                                                                                                                                                       | The background color of the entire page.                |         |             |   |                  |                                          |   |                   |                                          |   |              |                                                         |   |                    |                             |   |              |                             |   |                    |                             |   |                            |                             |
| 2                                                                    | Language selector                                                                                                                                                                                                                                                                                                                                                                                      | The text front and dropdown input style.                |         |             |   |                  |                                          |   |                   |                                          |   |              |                                                         |   |                    |                             |   |              |                             |   |                    |                             |   |                            |                             |
| 3                                                                    | Title header                                                                                                                                                                                                                                                                                                                                                                                           | The ribbon background color, text font, and text color. |         |             |   |                  |                                          |   |                   |                                          |   |              |                                                         |   |                    |                             |   |              |                             |   |                    |                             |   |                            |                             |
| 4                                                                    | Order Summary area                                                                                                                                                                                                                                                                                                                                                                                     | Font-face, size, and color.                             |         |             |   |                  |                                          |   |                   |                                          |   |              |                                                         |   |                    |                             |   |              |                             |   |                    |                             |   |                            |                             |
| 5                                                                    | Product name                                                                                                                                                                                                                                                                                                                                                                                           | Font-face, size, and color.                             |         |             |   |                  |                                          |   |                   |                                          |   |              |                                                         |   |                    |                             |   |              |                             |   |                    |                             |   |                            |                             |
| 6                                                                    | Product attributes                                                                                                                                                                                                                                                                                                                                                                                     | Font-face, size, and color.                             |         |             |   |                  |                                          |   |                   |                                          |   |              |                                                         |   |                    |                             |   |              |                             |   |                    |                             |   |                            |                             |
| 7                                                                    | Quantity, price, and total                                                                                                                                                                                                                                                                                                                                                                             | Font-face, size, and color.                             |         |             |   |                  |                                          |   |                   |                                          |   |              |                                                         |   |                    |                             |   |              |                             |   |                    |                             |   |                            |                             |

The table on the right describes the**Express payment** section:

| Express\_Payment\_Buttons\_-\_Desktop\_Callout.png | No.ElementDescription1Express payment sectionSection background, font-face, size, and color. | No.                                             | Element | Description | 1 | Express payment section | Section background, font-face, size, and color. |
| -------------------------------------------------- | -------------------------------------------------------------------------------------------- | ----------------------------------------------- | ------- | ----------- | - | ----------------------- | ----------------------------------------------- |
| No.                                                | Element                                                                                      | Description                                     |         |             |   |                         |                                                 |
| 1                                                  | Express payment section                                                                      | Section background, font-face, size, and color. |         |             |   |                         |                                                 |

The table on the right describes the **Billing Address** area below:

| Desktop\_Checkout\_Layout\_\_Callout\_10\_.png | Desktop\_Checkout\_Layout\_\_Callout\_10\_.png | No.ElementDescription1Background colorThe background color of the page. | No. | Element | Description | 1 | Background color | The background color of the page. |
| ---------------------------------------------- | ---------------------------------------------- | ----------------------------------------------------------------------- | --- | ------- | ----------- | - | ---------------- | --------------------------------- |
| Desktop\_Checkout\_Layout\_\_Callout\_10\_.png |                                                |                                                                         |     |         |             |   |                  |                                   |
| No.                                            | Element                                        | Description                                                             |     |         |             |   |                  |                                   |
| 1                                              | Background color                               | The background color of the page.                                       |     |         |             |   |                  |                                   |

The table on the right describes the **Payment** area below:

| Desktop\_Checkout\_Layout\_\_Callouts\_11-14\_.png | Desktop\_Checkout\_Layout\_\_Callouts\_11-14\_.png | No.ElementDescription1Billing Summary areaThe following:Input text: font-face, size, and colorDrop-down and floating labels option2Field titles and valuesFont-face, size, and color (can be different for titles and values).3Total title and valueFont-face, size, and color (can be different for titles and values.4Pay buttonThe button background, font-face, size, and color. | No. | Element | Description | 1 | Billing Summary area | The following:<br />Input text: font-face, size, and color<br />Drop-down and floating labels option | 2 | Field titles and values | Font-face, size, and color (can be different for titles and values). | 3 | Total title and value | Font-face, size, and color (can be different for titles and values. | 4 | Pay button | The button background, font-face, size, and color. |
| -------------------------------------------------- | -------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --- | ------- | ----------- | - | -------------------- | ---------------------------------------------------------------------------------------------------- | - | ----------------------- | -------------------------------------------------------------------- | - | --------------------- | ------------------------------------------------------------------- | - | ---------- | -------------------------------------------------- |
| Desktop\_Checkout\_Layout\_\_Callouts\_11-14\_.png |                                                    |                                                                                                                                                                                                                                                                                                                                                                                      |     |         |             |   |                      |                                                                                                      |   |                         |                                                                      |   |                       |                                                                     |   |            |                                                    |
| No.                                                | Element                                            | Description                                                                                                                                                                                                                                                                                                                                                                          |     |         |             |   |                      |                                                                                                      |   |                         |                                                                      |   |                       |                                                                     |   |            |                                                    |
| 1                                                  | Billing Summary area                               | The following:<br />Input text: font-face, size, and color<br />Drop-down and floating labels option                                                                                                                                                                                                                                                                                 |     |         |             |   |                      |                                                                                                      |   |                         |                                                                      |   |                       |                                                                     |   |            |                                                    |
| 2                                                  | Field titles and values                            | Font-face, size, and color (can be different for titles and values).                                                                                                                                                                                                                                                                                                                 |     |         |             |   |                      |                                                                                                      |   |                         |                                                                      |   |                       |                                                                     |   |            |                                                    |
| 3                                                  | Total title and value                              | Font-face, size, and color (can be different for titles and values.                                                                                                                                                                                                                                                                                                                  |     |         |             |   |                      |                                                                                                      |   |                         |                                                                      |   |                       |                                                                     |   |            |                                                    |
| 4                                                  | Pay button                                         | The button background, font-face, size, and color.                                                                                                                                                                                                                                                                                                                                   |     |         |             |   |                      |                                                                                                      |   |                         |                                                                      |   |                       |                                                                     |   |            |                                                    |

<Note>
  The Desktop checkout page layout is fixed (it cannot be changed).
</Note>

#### Mobile Checkout Layout Structure

This section describes the layout (structure) of the **Mobile Checkout** page and customisable elements. The Mobile Checkout page has been divided into its main elements, with each region described separately.

The table on the right describes the **Order Summary** area below:

The table on the right describes the **Order Summary** area below:

| Mobile\_Callouts\_1-7\_\_Excluding\_Express\_Payment\_Section\_.png | No.ElementDescription1Background colorThe background color of the entire page.2Language selectorThe text font and dropdown input style.3Title headerThe ribbon background color, text font, and text color.4Product nameFont-face, size, and color.5Product attributesFont-face, size, and color.6Quantity, price, and totalFont-face, size, and color.7Total price of all productsFont-face, size, and color. | No.                                                     | Element | Description | 1 | Background color | The background color of the entire page. | 2 | Language selector | The text font and dropdown input style. | 3 | Title header | The ribbon background color, text font, and text color. | 4 | Product name | Font-face, size, and color. | 5 | Product attributes | Font-face, size, and color. | 6 | Quantity, price, and total | Font-face, size, and color. | 7 | Total price of all products | Font-face, size, and color. |
| ------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | ------- | ----------- | - | ---------------- | ---------------------------------------- | - | ----------------- | --------------------------------------- | - | ------------ | ------------------------------------------------------- | - | ------------ | --------------------------- | - | ------------------ | --------------------------- | - | -------------------------- | --------------------------- | - | --------------------------- | --------------------------- |
| No.                                                                 | Element                                                                                                                                                                                                                                                                                                                                                                                                        | Description                                             |         |             |   |                  |                                          |   |                   |                                         |   |              |                                                         |   |              |                             |   |                    |                             |   |                            |                             |   |                             |                             |
| 1                                                                   | Background color                                                                                                                                                                                                                                                                                                                                                                                               | The background color of the entire page.                |         |             |   |                  |                                          |   |                   |                                         |   |              |                                                         |   |              |                             |   |                    |                             |   |                            |                             |   |                             |                             |
| 2                                                                   | Language selector                                                                                                                                                                                                                                                                                                                                                                                              | The text font and dropdown input style.                 |         |             |   |                  |                                          |   |                   |                                         |   |              |                                                         |   |              |                             |   |                    |                             |   |                            |                             |   |                             |                             |
| 3                                                                   | Title header                                                                                                                                                                                                                                                                                                                                                                                                   | The ribbon background color, text font, and text color. |         |             |   |                  |                                          |   |                   |                                         |   |              |                                                         |   |              |                             |   |                    |                             |   |                            |                             |   |                             |                             |
| 4                                                                   | Product name                                                                                                                                                                                                                                                                                                                                                                                                   | Font-face, size, and color.                             |         |             |   |                  |                                          |   |                   |                                         |   |              |                                                         |   |              |                             |   |                    |                             |   |                            |                             |   |                             |                             |
| 5                                                                   | Product attributes                                                                                                                                                                                                                                                                                                                                                                                             | Font-face, size, and color.                             |         |             |   |                  |                                          |   |                   |                                         |   |              |                                                         |   |              |                             |   |                    |                             |   |                            |                             |   |                             |                             |
| 6                                                                   | Quantity, price, and total                                                                                                                                                                                                                                                                                                                                                                                     | Font-face, size, and color.                             |         |             |   |                  |                                          |   |                   |                                         |   |              |                                                         |   |              |                             |   |                    |                             |   |                            |                             |   |                             |                             |
| 7                                                                   | Total price of all products                                                                                                                                                                                                                                                                                                                                                                                    | Font-face, size, and color.                             |         |             |   |                  |                                          |   |                   |                                         |   |              |                                                         |   |              |                             |   |                    |                             |   |                            |                             |   |                             |                             |

| Express\_Payment\_Buttons\_-\_Mobile\_Callout.png | No.ElementDescription1Express payment sectionSection background, font-face, size, and color. | No.                                             | Element | Description | 1 | Express payment section | Section background, font-face, size, and color. |
| ------------------------------------------------- | -------------------------------------------------------------------------------------------- | ----------------------------------------------- | ------- | ----------- | - | ----------------------- | ----------------------------------------------- |
| No.                                               | Element                                                                                      | Description                                     |         |             |   |                         |                                                 |
| 1                                                 | Express payment section                                                                      | Section background, font-face, size, and color. |         |             |   |                         |                                                 |

The table on the right describes the **Billing/Delivery Address** area below:

| Mobile\_Checkout\_Layouts\_\_Callouts\_6\_.png | Mobile\_Checkout\_Layouts\_\_Callouts\_6\_.png | No.ElementDescription1Text and menu fieldsThe following:**Input text** and **drop-down**: font-face, size and color*Optional*- Floating label option | No. | Element | Description | 1 | Text and menu fields | The following:<br />**Input text** and **drop-down**: font-face, size and color<br />*Optional*- Floating label option |
| ---------------------------------------------- | ---------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | --- | ------- | ----------- | - | -------------------- | ---------------------------------------------------------------------------------------------------------------------- |
| Mobile\_Checkout\_Layouts\_\_Callouts\_6\_.png |                                                |                                                                                                                                                      |     |         |             |   |                      |                                                                                                                        |
| No.                                            | Element                                        | Description                                                                                                                                          |     |         |             |   |                      |                                                                                                                        |
| 1                                              | Text and menu fields                           | The following:<br />**Input text** and **drop-down**: font-face, size and color<br />*Optional*- Floating label option                               |     |         |             |   |                      |                                                                                                                        |

The table on the right describes the **Billing Summary** area below:

| Billing\_Summary\_Callouts.png | No.ElementDescription1Field titles and valuesFont-face, size, and color (can be different for titles and values).2Total title and valueFont-face, size, and color (can be different for titles and values).3Duties and taxes noteFont-face, size, and color (can be different for titles and values). | No.                                                                  | Element | Description | 1 | Field titles and values | Font-face, size, and color (can be different for titles and values). | 2 | Total title and value | Font-face, size, and color (can be different for titles and values). | 3 | Duties and taxes note | Font-face, size, and color (can be different for titles and values). |
| ------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- | ------- | ----------- | - | ----------------------- | -------------------------------------------------------------------- | - | --------------------- | -------------------------------------------------------------------- | - | --------------------- | -------------------------------------------------------------------- |
| No.                            | Element                                                                                                                                                                                                                                                                                               | Description                                                          |         |             |   |                         |                                                                      |   |                       |                                                                      |   |                       |                                                                      |
| 1                              | Field titles and values                                                                                                                                                                                                                                                                               | Font-face, size, and color (can be different for titles and values). |         |             |   |                         |                                                                      |   |                       |                                                                      |   |                       |                                                                      |
| 2                              | Total title and value                                                                                                                                                                                                                                                                                 | Font-face, size, and color (can be different for titles and values). |         |             |   |                         |                                                                      |   |                       |                                                                      |   |                       |                                                                      |
| 3                              | Duties and taxes note                                                                                                                                                                                                                                                                                 | Font-face, size, and color (can be different for titles and values). |         |             |   |                         |                                                                      |   |                       |                                                                      |   |                       |                                                                      |

<Note>
  The Mobile checkout page layout is fixed (it cannot be changed).
</Note>

### Confirmation Page

The Confirmation page shows the page displayed after a merchant's order has been confirmed.

<Note>
  The Confirmation page layout is fixed (it cannot be changed).
</Note>

This page describes the following Confirmation page examples:

* [Desktop confirmation page example](/page-design#desktop-confirmation-page-example)
* [Mobile confirmation page example](/page-design#mobile-confirmation-page-example)

#### Desktop Confirmation Page Example

The following figure shows a Desktop Confirmation page example:

<Frame>
  <img src="https://mintcdn.com/globale-enterprise/4kLlWOCKssl9AEZa/images/uuid-c6d0550e-37b7-524c-3e61-2dea4b88246d.png?fit=max&auto=format&n=4kLlWOCKssl9AEZa&q=85&s=50fbe67916bb80e05f793d4b6bd0621b" width="1249" height="818" data-path="images/uuid-c6d0550e-37b7-524c-3e61-2dea4b88246d.png" />
</Frame>

#### Mobile Confirmation Page Example

The following figure shows the Mobile confirmation page example:

<Frame>
  <img src="https://mintcdn.com/globale-enterprise/X_jditTJssq_GTcj/images/uuid-78237a09-362a-43fc-4c11-13964e9a6662.png?fit=max&auto=format&n=X_jditTJssq_GTcj&q=85&s=e161f3884c73fcdc1aae46f1bb4613b5" width="414" height="1751" data-path="images/uuid-78237a09-362a-43fc-4c11-13964e9a6662.png" />
</Frame>