How can I display delivery dates using the app block?

The easiest way to show delivery dates is by using the Delm Delivery Widget app block. This allows you to place the widget anywhere on your product page using Shopify's visual editor without touching any code.

Using an older theme? If your theme does not support app blocks, you will need to integrate the widget manually. Please refer to our guide: How can I display delivery dates using Liquid?

Adding the widget to your theme

To get started, you will need to open your Shopify theme settings:

1. Go to your Shopify Admin > Online Store > Themes.
2. Click Customize next to your active theme.
3. Use the top dropdown menu to navigate to Products > Default product.
4. In the left sidebar, locate the Product information section and click Add block.
5. Select Delm Delivery Widget from the list.
6. Drag the block to your preferred position (usually near the price or "Add to cart" button).
7. Click Save in the top right corner.

Configuring the block settings

When you click on the Delm Delivery Widget block inside the theme editor, you can customize how it behaves:

• Widget ID: By default, this is empty, and Delm will show your Default widget. If you want to use a specific design, paste its unique ID here.
• Product: This should be connected to the Product dynamic source so the widget knows which product to display data for.
• Watch variant ID selector: This tells Delm which part of your page to monitor for changes. It is pre-set to look for the hidden "ID" field that Shopify uses to add items to the cart. You usually do not need to change this.

How variant updates work

When a customer selects a different size or color, the delivery date needs to update to reflect the stock or processing time of that specific variant.

Every Shopify "Add to Cart" form has a hidden input field that stores the ID of the selected variant. Because Shopify requires this field to process an order, it is the most reliable way for Delm to track which version of a product a customer is looking at. Delm "watches" this field and automatically reloads the widget whenever the ID changes.

What if the date does not update?

If the delivery date stays the same when you switch variants, it usually means one of two things:

1. Invalid Selector: Your theme uses a non-standard name or location for that hidden ID field, so Delm can't find it.
2. Missing Change Event: Your theme updates the ID value using custom code but doesn't "announce" the change to other apps. Because Delm doesn't receive a signal that the ID has changed, it doesn't know to reload.

If your dates are not updating, please contact our support team. We can identify the correct selector or provide a small script to ensure your dates update perfectly whenever a customer makes a selection.

Note on view limits

Each time the widget reloads to show data for a new variant, it fetches fresh information from our servers. Because of this, every variant update counts as a new view toward your monthly view limit.

Troubleshooting visibility

If you have added the block but the widget is not appearing at all, check these settings:

• App status: Ensure the app is enabled in your Delm dashboard.
• Visibility rules: Check General > Visibility in the Delm app. You might have a rule hiding the widget for that specific product (e.g., hiding for out-of-stock items).
• Published status: Ensure your widget is set to Published in the widget editor.
• Plan limits: Check your usage in the Billing section. If you have exceeded the monthly view limit of your current plan, the widget will stop appearing until the next billing cycle or until you upgrade.

Updated on: 24/02/2026