Delm + GemPages

You can integrate your delivery widgets into custom pages built with GemPages by using the Custom 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 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 side.
3. Toggle Delm Core to ON and click Save.

2. Copy your widget embed code

You will need the specific code 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 (e.g., <delm-widget ...></delm-widget>).

3. Add the Custom Code element in GemPages

Now you can insert this code into your GemPages design.

1. Open your page in the GemPages Editor.
2. Search for the Custom Code element in the left-hand sidebar.

3. Drag and drop the element onto your page where you want the widget to appear.
4. In the element settings on the right, locate the HTML/Liquid 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 to ensure the widget is appearing and calculating dates correctly. If the widget is invisible, double-check that Delm Core is enabled in your Shopify theme settings.

Updated on: 20/02/2026