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

# Page builder

> Create and customize your branded order tracking page.

The tracking page builder lets you design your tracking page with a drag-and-drop block editor, custom themes, and targeting rules.

## Creating a tracking page

<Steps>
  <Step title="Navigate to the page builder">
    In the Bonde app, go to **Tracking** and click **Create Page**.
  </Step>

  <Step title="Add blocks">
    Drag blocks from the block library into your page layout. Every page should include at least a **Tracking status** block so customers can see their shipment progress.
  </Step>

  <Step title="Customize your theme">
    Use the theme editor to set your logo, brand colors, and typography. Your logo is automatically pulled from your Shopify brand settings if you haven't set one.
  </Step>

  <Step title="Set targeting rules (optional)">
    Target specific pages to specific audiences:

    * **Product-based**: Show this page only for orders containing specific products
    * **Country-based**: Show this page for shipments to specific countries

    If no targeting rules are set, the page applies to all orders.
  </Step>

  <Step title="Activate the page">
    Toggle the page to **Active**. If multiple pages could match an order, the most specific targeting rules take priority.
  </Step>
</Steps>

## Page layout

Blocks can be set to different widths:

| Width     | Description                                            |
| --------- | ------------------------------------------------------ |
| **Full**  | Spans the entire page width                            |
| **Half**  | Takes up half the page (two blocks side by side)       |
| **Third** | Takes up one-third of the page (three blocks in a row) |

On mobile, all blocks automatically stack vertically.

## Theme customization

Customize the look and feel of your tracking page:

* **Logo**: Uploaded image or auto-detected from your Shopify brand settings
* **Primary color**: Used for buttons, links, and accent elements
* **Background color**: Page background
* **Card style**: Rounded corners, shadow, and padding
* **Typography**: Font family for headings and body text