> ## Documentation Index > Fetch the complete documentation index at: https://docs.tryoto.com/llms.txt > Use this file to discover all available pages before exploring further. # Branded tracking and confirmation pages > Customize the seven pages your customers open, from tracking and delivery slots to address verification and order confirmation, with your brand and ads. > [!NOTE] > > **Where to find it:** Settings → Customer Notifs → Customizable Pages — [Open in OTO ↗](https://app.tryoto.com/customizable-pages) These are the pages your customer actually opens. They carry your name, not the carrier’s, and most of them are a form rather than a status. ## Seven pages, one screen **Settings → Customer Notifs → Customizable Pages** carries a tab per page type. Each tab is configured, previewed and published on its own. | Page | What the customer sees | What they can do | | - | - | - | | **Tracking** | **Delivery Progress** as four steps — Processing, Collected, Out for Delivery, Delivered — each with its own state, above **Shipment Details**: order number, customer name, delivery company, order date and tracking number. | Open the carrier’s own tracking, or **Share Tracking Info**. | | **Feedback** | The order’s details and **Rate your experience**. | Rate the delivery and leave a comment. | | **Undelivered Attempt** | *“Unfortunately, we missed you at your address during our delivery attempt.”* The previous slot is shown beside the new one. | Choose a new **Delivery Slot Date**, or **Cancel Order**. | | **Delivery Slot** | Order information and the order’s items, then **Select Delivery Day**. | Pick a day and **Confirm**. | | **Address Verification** | A map with the pin on the current address — *“Please drag and drop the pin to your exact location”* — over the full address form. | Move the pin, correct any field, and **Confirm Delivery Location**. | | **Reschedule SMS** | The rescheduling form, reached from a message rather than a failed attempt. | Choose a new slot. | | **Order Confirmation** | *“To ship your order, Please Confirm”* — the customer’s name, address, the items with images and quantities, and the order value. | **Ship My Order** or **Cancel My Order**. | > [!TIP] > > **The two pages that pay for the module** > > **Address Verification** and **Order Confirmation** are not notifications at all — they are gates. One catches a bad address while the parcel is still in your building; the other makes a cash-on-delivery customer say yes before a driver spends a day on it. > > Everything else here improves the experience. These two change the economics. ### Address verification, specifically The page opens on a map with the pin where the order says the customer is, and invites them to move it. Beneath it sits the full address: **Country**, **Short Address Code**, **Full Address Line**, **Building No**, **Street Name**, **Secondary Address Number**, **City**, **District** and **ZIP Code** — the same fields the order itself carries, so a correction lands in the order rather than in a note. A checkbox offers **Use this address for all my orders**, which turns a one-time fix into a permanent one. > [!NOTE] > > **A map is easier than a form** > > Asking a customer to describe where they live in nine fields is asking a lot, and the answer is often no better than what you had. Asking them to drag a pin takes two seconds and produces a coordinate, which is what a driver actually needs. The form is there for the cases where the pin is not enough. ## Making them yours Every tab carries the same controls, applied to that page alone. | Control | What it does | | - | - | | **Your Brand** | Which brand this configuration belongs to. Logo and colors come from **Settings → Account → Brands**, linked from the field itself. | | **Template** | The layout, chosen from a small set per page type. | | **Use Branded Header** | *“Show your brand’s header instead of the default logo.”* The header itself is editable, from the pencil beside the toggle. | | **Use Branded Footer** | *“Adds your branded footer at the bottom of the page.”* Also editable, and it carries phone and WhatsApp contact links — so the page is a route back to you, not a dead end. | | **Show Banner** | Your own advertisement. See below. | | **Show Instagram Post** | *“Display your Instagram post on the page”* — a post URL, with the note that *“Your Instagram profile must be public.”* | | **Advance Settings** | Colors and per-field visibility. See below. | ### Advance Settings Two groups, each with its own **Reset To Default** — so experimenting costs nothing. ![The Colors group in Advance Settings](https://mintcdn.com/oto/ft-bRlLvOnJkbVoC/images/cn-7-colors.png?fit=max\&auto=format\&n=ft-bRlLvOnJkbVoC\&q=85\&s=12a35eee715061499ab34d07424220d6) Fig. 1 — Seven colors, each as a swatch and a hex value: Page Background, Header Background, Header Text, Form Background, Form Text, Form Title Text and Icon Color. These sit on top of the brand: the logo and base identity come from Brand Settings, and these fields tune the page itself. ![Visibility Options](https://mintcdn.com/oto/ft-bRlLvOnJkbVoC/images/cn-5-visibility.png?fit=max\&auto=format\&n=ft-bRlLvOnJkbVoC\&q=85\&s=c32ac70f83ef24bf8436c3bec8e51da3) Fig. 2 — Seven toggles deciding what appears on the page at all. | | | | - | - | | **Customer Name** | The customer’s name on the page. | | **Order Number** · **Order Date** | The order’s identity and creation date. | | **Delivery Company** | The carrier’s name. | | **Tracking Number** · **Tracking URL** | The number, and the clickable link to the carrier’s own tracking. | | **Icons** | The icons beside each field. | > [!TIP] > > **Two of these are commercial decisions, not cosmetic ones** > > **Delivery Company** and **Tracking URL** decide whether your customer learns the carrier’s name and leaves for the carrier’s site. Show them and the page is more useful, and some of the relationship goes to the carrier. Hide them and the experience stays yours, but a customer with a real problem has one fewer place to look. > > It is worth deciding deliberately rather than leaving at default, and the answer usually differs by carrier. ### The preview ![The live preview of a tracking page](https://mintcdn.com/oto/ft-bRlLvOnJkbVoC/images/cn-4-preview.png?fit=max\&auto=format\&n=ft-bRlLvOnJkbVoC\&q=85\&s=0cc8dd7df7e8436c98e2c9e2204ee914) Fig. 3 — The real page, rendered as you configure it — here with the branded header, the four-step progress and the shipment details. The preview renders the page as the customer will see it, with **Mobile** and **Desktop** views. Changes go live only when you press **Publish**; until then the page reads **Not Published**, and once live the button becomes **Update**. > [!TIP] > > **Preview on Mobile first** > > Effectively all of this traffic arrives from a text message on a phone. The desktop view exists for the person designing the page; the mobile view is the only one most customers will ever see. Design in the second and check the first, not the other way round. ## Advertising on a page they will open anyway A tracking page is opened several times per order, by someone who has already bought from you and is thinking about the parcel. That is unusually good attention, and the banner is there to use it. ![Banner setup, per language](https://mintcdn.com/oto/lDMfM_zaxBnpzX-0/images/cn-2-banner.png?fit=max\&auto=format\&n=lDMfM_zaxBnpzX-0\&q=85\&s=841ddf62d1219c8d772793ec6aacd236) Fig. 4 — English, Arabic and Turkish side by side — each with its own caption, its own image and its own destination. Each language takes a **Caption Text**, a banner image — *“Recommended: 600x300px, PNG or JPG”* — and a **Link**. > [!TIP] > > **Three banners, not one banner translated** > > Because the image and the link are set per language as well as the caption, an Arabic reader can be shown Arabic creative pointing at an Arabic landing page. A campaign that only translates the caption under a single English image is the thing this layout is built to avoid. > [!NOTE] > > **Worth using lightly** > > The same attention that makes this space valuable is attention on an unresolved order. A customer checking whether a late parcel has moved is not in a mood to be sold to. The banner earns its place on tracking and feedback pages; on an undelivered-attempt page it reads as tone-deaf. ## Multi-brand and multi-language A group running several brands does not want one house style across all of them. Every page is configured per brand, and the brand on the order decides which identity the customer sees — automatically, without anyone routing anything. Language works the same way, and the banner fields show how far it goes: **English**, **Arabic** and **Turkish** are first-class alongside each other, each with its own text, image and destination. This is not a translation layer bolted on top of an English page — it is parallel content. ## The agent’s view Customer service and call-center agents need the same information the customer has, without asking them to read out a tracking number. **Shipping → Customer Service** is built for them, split into **Processing Orders** — everything still in flight — and **History Orders**. ![Processing Orders, the agent view](https://mintcdn.com/oto/ft-bRlLvOnJkbVoC/images/cn-6-agent.png?fit=max\&auto=format\&n=ft-bRlLvOnJkbVoC\&q=85\&s=6eb8903e315454d6d8e590c372bf9cb3) Fig. 5 — Built around the customer rather than the parcel: name, email, phone and address sit beside the order value and payment method. The column set is what makes it an agent screen rather than an operations one. Alongside **Order ID**, **Order Date** and **Status** it carries **Customer Name**, **Customer Email**, **Customer Phone** and **Customer Address**, then **Order Value**, **Payment Method** and **Cash to be Collected**. Every one of those is filterable, so an agent with a phone number and no order ID can still find the order. The same **Notify** menu sits in the toolbar, so an agent who has just explained the delay can send the tracking link before they hang up. ### Tags A **Tags** column with **+ Add Tag** on each row lets agents label orders with whatever the business needs to track — a complaint, a promised callback, a VIP customer. Tags are filterable like any other column, and they are available as a condition in [shipping automation](https://docs.tryoto.com/modules/shipping-management/shipping-automation.md), so a label applied by a human can change how the order is handled afterwards. > [!TIP] > > **Search by what the customer actually knows** > > Customers ring up with a phone number, a name, or roughly when they ordered. They rarely have the order ID and almost never the tracking number. > > An agent screen filterable on all of those turns a two-minute hunt into a lookup — which is the difference between a call that resolves the question and a call that ends with *“can I take your number and ring you back?”* ## Related * [SMS](https://docs.tryoto.com/modules/customer-notification/sms.md) — the message that carries the link. * [Pre-fulfillment checks](https://docs.tryoto.com/modules/omnichannel-oms/prefulfillment.md) — the COD and address checks these pages serve. * [Delivery](https://docs.tryoto.com/modules/oto-flex/delivery.md) — the live map a tracking page can show. ## Related topics - [Customer Notification](https://docs.tryoto.com/modules/customer-notification/overview.md) - [Sync order status and tracking to your store](https://docs.tryoto.com/modules/sales-channels/updates.md) - [Email notifications](https://docs.tryoto.com/modules/customer-notification/email.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.