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.

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)

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 using a Shopify app block. The merchant chooses the app block location in the Shopify checkout editor.

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; }