Skip to main content

Advanced rules & customization for the product page delivery promise

Everything you can configure - Basic and Advanced modes, plus hide rules

The Product Page delivery promise has three tabs - Settings, Configurations, Display Conditions - plus a live Preview. This article covers all the customization options.

1. Choose your Extension mode (Settings tab)

On the Settings tab (alongside your Token for Shopify, Internal Name, and Internal Description), pick an Extension mode:

  • Basic - simple setup: two ready-made blocks (Fastest / Cheapest).

  • Advanced - full control: build the promise block-by-block, reorder blocks, and add extras like a cut- off timer and trust signals.

The Configurations tab looks different depending on the mode you choose.

2. Basic mode - Configurations

Two independent blocks you can each toggle on:

Fastest delivery date (earliest arrival):

  • Don't show if arrival date is more than [X] days away

  • Show shipping cost - show the price next to the date

  • Show order cutoff timer - "order within Xh Ym for this delivery date"

  • Display Message - e.g. Arrives on {arrival_date} to {address_input}

  • Fallback Message - when no rate matches (e.g. "No expedited shipping options to your location")

Cheapest delivery date (lowest-cost option):

  • Don't show if expected delivery is more than [X] days

  • Show order cut-off timer

  • Show only free shipping + Free Shipping Threshold

  • Message for Free Shipping / Message for Cheapest Shipping — e.g. Free shipping {arrival_date}

3. Advanced mode - Configurations (Components builder)

In Advanced mode, the Configurations tab becomes a Components builder - toggle each block on/off and drag to reorder:

  • Label - free text + icon above the promise (rich text; choose an icon or upload your own), e.g. "Estimated delivery."

  • Delivery date (required - always on):

    • Calculation Method - e.g. Fastest delivery date

    • Display Message - e.g. Arrives by {arrival_date}

    • Delivery Promise Format - Just Date or Date And Day

    • Fallback Message - when a date can't be calculated

    • Don't show if arrival date is more than [X] days away

  • Shipping method line - shows the method name + price, and can let shoppers switch it:

    • Price Display - e.g. "Show absolute shipping cost in brackets"

    • Allow Shopper To Change Shipping Method → pick Eligible Methods (at least one) + a Button Label (e.g. "Change")

  • Location input - zip or full-address entry for a personalized date:

    • Type (Full Address / Zip Code Only), empty-state description, field placeholder, button label + color, 'Delivering to' text, 'Change Address' link text, Default Address (fallback), Auto-detect location for guest visitors, error message + text color

  • Order cutoff timer - urgency countdown for same/next-day shipping:

    • Position - Linked To Delivery Date, or Standalone

    • Display message - e.g. Order within {time_left}

  • Trust signals - up to 10 custom checkmark rows (e.g. "Free returns within 30 days," warehouse info)

  • + Line separator - add dividers between blocks


Display Conditions (both modes)

On the Display Conditions tab, set Hide conditions: "Hide widget if all conditions are true"Add Rule Group. Use this to hide the promise for specific products or shoppers - e.g. pre-order / backorder / made-to-order items (by SKU or product tag), or by destination / zip. Conditions in one group are AND-ed; add another group for OR.

5. Preview & publish

Use Preview (Desktop/Mobile) with a test zip to check the layout, and toggle Preview in test mode to see it live on your store, hidden from customers. Then Save.

Dynamic tokens: {arrival_date}, {address_input}, {time_left}.

Did this answer your question?