Message

The Message widget renders a one-line message that combines today’s cutoff time with the expected dispatch date. It’s the most compact widget — a single sentence with an optional tooltip icon.

Default text

🕖 Cut-Off Time: 02:00:00, ships Mon (i)

The default snippet (P2LabEstimatedDelivery.widget.message.text) is:

<strong>🕖Cut-Off Time:</strong> %cutoffTime%, ships %shippingMinDateName% %tooltip%

You can edit it freely on the Translation tab — keep, remove or reorder any of the placeholders. See Reference → Snippet variables for the full list.

Configuration

Open Widget → Message. The available fields:

Field	Purpose
Color	Text colour
Background color	Card background
Padding	Inner padding (CSS, e.g. 10px or 0.5rem 1rem)
Border size / color / radius / style	Standard CSS border properties
Font size	CSS unit (px, em, rem, …)
Message	The snippet text — supports HTML and placeholders
Skeleton background / shimmer dark / shimmer light	Colours of the loader skeleton

The same tab in the Layout card lets you toggle the message on/off (messageActive) and pick its position relative to the clock and steps (messagePosition).

Tooltip

The message text can include the %tooltip% placeholder, which is replaced by a small icon. Hovering it reveals the tooltip text configured on the Translation tab — by default:

Does not apply to holidays

The tooltip card on the Widget tab controls its appearance: icon colour, icon background, text colour and background, font size, min/max width.

Placeholders available in the message snippet

Placeholder	Replaced with
%cutoffTime%	Formatted cutoff time using the Cutoff time format (%hours% %transHours% …)
%shippingMinDate%	Earliest shipping date in your chosen date format
%shippingMaxDate%	Latest shipping date in your chosen date format
%deliveryMinDate%	Earliest delivery date in your chosen date format
%deliveryMaxDate%	Latest delivery date in your chosen date format
%shippingMinDateName%	Earliest shipping date written as a weekday name (“Mon” / “today” / “tomorrow”)
%shippingMaxDateName%	Same for the max shipping date
%tooltip%	The tooltip icon described above

Examples

A confidence-building cart message:

<strong>Order today</strong> and we'll ship by <strong>%shippingMinDate%</strong>. Expected delivery %deliveryMinDate% – %deliveryMaxDate%.

A short product-page hint:

🚚 Ships %shippingMinDateName% if you order in the next <strong>%cutoffTime%</strong>.

A purely informational note (no urgency, no tooltip):

📦 Delivered between %deliveryMinDate% and %deliveryMaxDate%.