How to Set Up checkout placement feature on Estimated Delivery App

Checkout delivery widget

The checkout widget shows one estimated delivery message based on the products in the customer's checkout.

📌 Shopify Plus only: the checkout widget is available on Shopify Plus stores only. This is a Shopify limitation: Shopify only lets apps add blocks to the checkout page on Shopify Plus stores. On other plans, the Checkout page option doesn't appear when you create a widget.

How it works

• The widget combines the delivery estimates for the products in the checkout.
• Its delivery conditions come from the product-page delivery widgets.
• If no matching product delivery widget is found, the checkout widget is not shown.

Available settings

Content

Description and icon customization. (Icon color cannot be changed)

Only the {delivery_from} and {delivery_to} variables work in the checkout description. Other variables, such as {counter}, are not supported at checkout.

Design

Only the design options supported by Shopify checkout are available. These include spacing, text style, text tone, border, and corner radius.

Custom CSS and custom border colors are not supported.

Placement

The widget is added to checkout as a block in the Shopify checkout editor. The merchant chooses where the block appears.

Quick troubleshooting checklist

1. Widget doesn't appear in checkout → Is the widget published? Is the app block added in checkout editor?
2. Dates look wrong → Check the product widgets' delivery conditions (checkout inherits them).
3. Merchant wants two widgets → Not supported; one widget per mode.
4. Merchant wants to display only the checkout widget → Open the widget you want to hide, go to Design → Custom CSS and add:

css .essential-estimated-delivery-widget { display: none !important; }