> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://stoqapp.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Show the Shipping Timeline on Preorder Products

When a product is on preorder, you can show customers when it's expected to ship — for example, "Shipping: As soon as possible" or a specific date — right on the product page. This is controlled by the Show shipping timeline setting inside your preorder offer. This guide shows how to turn it on, set the text, and choose one timeline for all products or a different one per product.

### Turn On the Shipping Timeline

1. In the **STOQ app**, go to **Preorders → Offers** and open your offer.
2. Click **Customize**.
3. Open the **Shipping** section.
4. Under **Display**, enable checkbox for ** Show shipping timeline.**
5. In the **Message** field, enter the text customers should see (e.g., Shipping: As soon as possible).
6. Click **Save changes** at the top right.

The shipping timeline now appears on the product page for any products linked to this offer.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/6/9/b/f69b1402a211d800/image_tb70hz.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/f/6/9/b/f69b1402a211d800/image_5rz0d2.png)
### Choose How the Timeline Is Set

In the Shipping timeline section at the top of the Shipping settings, choose one of:

* Same timeline for all products — set one shipping date or timeline that applies to every product in the offer.
* Different timeline for each product — set the shipping info individually. After saving, manage each product's timeline in the offer's Products section.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/6/9/b/f69b1402a211d800/image_1hp2c7.png)

### Set a different timeline for each product

When you choose **Different timeline for each product**, the per-product shipping field unlocks. (It stays locked while you're using one timeline for all products.)

1. In the **Shipping** section, select **Different timeline for each product**, then click **Save** and exit the editor.
2. Open the offer's **Products** section
3. Find the product or variant and click directly into the field in the "Shipping" column against the prosuct
4. Enter that product's shipping date or timeline — for example, `Ships in 2-3 weeks`.
5. Repeat for each product, then click **Save** on the top bar.

Each product's shipping info then appears in the preorder widget on the product page, and in the cart and at checkout when those are enabled. Products you leave blank won't show a timeline.

||| If you're unable to see the "Shipping" column in the "Products" section, click on the search icon in the products tab > Column Visibility filter > choose "Shipping" 

![](https://storage.crisp.chat/users/helpdesk/website/-/f/6/9/b/f69b1402a211d800/image_1tdc4bb.png)
![](https://storage.crisp.chat/users/helpdesk/website/-/f/6/9/b/f69b1402a211d800/image_15kv78.png)
![](https://storage.crisp.chat/users/helpdesk/website/-/f/6/9/b/f69b1402a211d800/image_4zwq7r.png)
### Style the Note (Optional)

Under **Display**, you can match the note to your brand:

* **Border radius** — round the corners (in px).
* **Text** — the text color.
* **Background** — the background color.
![](https://storage.crisp.chat/users/helpdesk/website/-/f/6/9/b/f69b1402a211d800/image_fwg7qh.png)

### Also Show the Timeline in the Cart and at Checkout

The setting above controls the product page. To show shipping info later in the buying flow like cart and checkout, use the offer's **Advanced** settings.

1. In the offer editor, click **Advanced**.
2. Under **Cart**, turn on **Show fulfillment timeline in cart**.
3. Click **Save**.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/6/9/b/f69b1402a211d800/image_hosvs4.png)
![](https://storage.crisp.chat/users/helpdesk/website/-/f/6/9/b/f69b1402a211d800/image_wrd66j.png)
### Where It Appears
The shipping timeline shows in the **shipping detail** of the preorder information, below the **Preorder** button on the product page. On surfaces with a variant selector, it follows the same variant as the preorder button.

||| If the shipping timeline is not appearing on your storefront after enabling it, please reach out to our human support via the purple chat icon on the bottom right of the app