Delm + EComposer

You can integrate your delivery widgets into custom pages built with EComposer by using the Code element. This allows you to place a delivery estimate anywhere within your custom layout.

1. Enable the Delm Core app embed

The Delm Core app embed is required whenever you add widgets directly to your theme templates via custom code rather than using standard app blocks.

1. Go to Shopify Admin > Online Store > Themes > Customize.
2. Open App embeds on the left.
3. Toggle Delm Core to ON and click Save.

2. Copy your widget embed code

You need the specific Liquid snippet for the widget you want to display.

1. Open the Delm app and go to the Widget section.
2. Select the widget you want to use.
3. Click Install and navigate to the Liquid tab.

4. Copy the code snippet (it looks like <delm-widget ...></delm-widget>).

3. Add the Code element in EComposer

Now you can place this code anywhere on your EComposer page.

1. Open your page in the EComposer Builder.
2. Search for the Code element in the left-hand sidebar elements list.

3. Drag and drop the Code element onto your page where you want the delivery date to appear.
4. In the element settings on the left, find the Custom code field.
5. Paste the snippet you copied from Delm into this field.

6. Save and Publish your page.

4. Verification

Once published, view your live page. The widget will automatically load and calculate the delivery date based on the product context of that page.

Updated on: 20/02/2026