---
title: "Theme app block setup"
description: "The storefront picker needs the OrderRules Delivery app embed plus the Delivery date picker block on your product and cart templates. Add both in Online Store → Themes → Customize."
contentType: "docs"
locale: "en"
localized: true
source: "https://orderrules.com/docs/delivery/theme-app-block-setup"
slug: "delivery/theme-app-block-setup"
---
**The storefront delivery picker runs through an app embed and a theme app block, so it lives inside your theme and survives theme updates** — no code, no `theme.liquid` edits.

- The **OrderRules Delivery** app embed loads the picker on every page and holds its text and color settings.
- The **Delivery date picker** block marks where the picker appears on a page.

You need both. The setup guide on the Delivery Dates page links straight to each step.

## Add the embed and the block

1. Go to **Online Store → Themes → Customize**.
2. Open **App embeds** and turn on **OrderRules Delivery**.
3. Open a **product** template, choose **Add block** in the main product section, and pick **Delivery date picker** under *Apps*.
4. Repeat on the **Cart** template.
5. **Save.**

## If the block doesn't appear

- Make sure OrderRules is **installed**, and that delivery dates are turned on in the app (**Delivery Dates → Offer delivery date selection on your storefront**).
- Add the block inside a section that accepts app blocks. On most themes the main product section does.
- **Re-open** the theme editor (close and reopen Customize) so it picks up the app's blocks.
- If the block is placed but no picker shows, check that the **OrderRules Delivery** app embed is on.

## Where the block goes

| Template | Add the block? | Note |
|---|---|---|
| Product | Yes | Main product section, under *Apps* |
| Cart page | Yes | The picker only shows where you add the block |
| Cart drawer | No | Turn on *Show the picker in the cart drawer / mini-cart* in the app embed |

## Related

- [Set up the delivery date picker](/docs/delivery/getting-started-delivery-dates) · [Availability rules](/docs/delivery/availability-rules)
- [Time slots](/docs/delivery/time-slots)
- [Where to put the picker: product page, cart, or checkout](/blog/where-to-put-delivery-date-picker-shopify)