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
Navigate to the page builder
In the Bonde app, go to Tracking and click Create Page.
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.
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.
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.
Activate the page
Toggle the page to Active. If multiple pages could match an order, the most specific targeting rules take priority.
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