Set up the delivery date picker
This guide gets a working delivery date & time-slot picker onto your product and cart pages in about ten minutes. No code required β you'll turn on one app embed, add one theme app block and create one availability rule.
Before you start
- You're on the Advanced plan (delivery features are Advanced-only). If you're on Starter or Pro, upgrade on the Subscription Plan page β a 14-day free trial applies.
- You have at least one product to test with.
1. Turn on delivery dates
- Open OrderRules from your Shopify admin (Apps β OrderRules).
- Go to Delivery Dates. The page opens on the Setup tab.
- Under Delivery dates, turn on Offer delivery date selection on your storefront. No extra permissions are needed for this. OrderRules asks for order-write or fulfillment permission only when you turn on order tagging or apply tracking.
2. Add the theme app block
The storefront picker runs through an app embed plus a theme app block, so it stays inside your theme and survives theme updates.
- In Shopify admin go to Online Store β Themes β Customize.
- Open App embeds and turn on OrderRules Delivery. This powers the picker.
- Open a product template. Choose Add block in the main product section and pick Delivery date picker (it appears under Apps).
- Repeat on the Cart template. For a cart drawer, turn on Show the picker in the cart drawer / mini-cart in the OrderRules Delivery embed settings instead.
- Save. (Setup detail: see Theme app block setup if the block doesn't appear.)
3. Create your first availability rule
- Back in OrderRules, Delivery Dates β Availability rules β Add rule.
- Under Applies to, pick All products, or narrow to a product, a collection, or products with a tag. Choose the Fulfillment method: Delivery & pickup, Delivery only, or Pickup only.
- Set:
- Lead time (days) β the earliest a customer can request (e.g. 2 days).
- Cutoff (HH:MM) β after this time, today stops counting (e.g. 14:00).
- Max days ahead β how far ahead customers can book (e.g. 30 days).
- Deliverable weekdays β which days you deliver.
- (Optional) Tick Require a delivery date at checkout to force a selection.
- Save rule.
Availability rule settings at a glance
| Setting | What it controls | Example |
|---|---|---|
| Lead time (days) | Earliest date a customer can pick | 2 days |
| Cutoff (HH:MM) | After this, today stops counting | 14:00 |
| Deliverable weekdays | The days you actually deliver | TueβSat |
| Max days ahead | How far ahead customers can book | 30 days |
| Applies to | Which products the rule covers | Collection: Cakes |
| Fulfillment method | Delivery, pickup, or both | Delivery only |
| Require a delivery date at checkout | Forces a date selection | On |
4. Add time slots (optional)
Open More options β Time slot templates. Load a carrier preset (Yamato / Sagawa / Japan Post) or Add custom template with windows such as 10:00β12:00 and 14:00β16:00. Set Cap/day on a window if you want it to sell out. Then pick the template in the rule's Time slot template field. Full slots show as Full and can't be picked.
5. Test it
Open your test product in the storefront. You should see a date picker (and slots, if configured). Add to cart and start checkout β the OrderRules Shopify Function rejects a missing (when required), sold-out, or blacked-out selection. Place a test order and check it in admin. If you turned on order tagging, it's also tagged delivery:YYYY-MM-DD and slot:HHMM-HHMM.
Next steps
- Availability rules Β· Time slots Β· Capacity limits
- Blackout dates & holidays Β· Estimated delivery date
- Carrier CSV export Β· In-store pickup
- Limits by delivery date β once dates are on, count a product's daily limit against the date the customer picks
- See the Delivery dates feature overview.
- Where to put the picker: product page, cart, or checkout Β· Best Shopify delivery date picker apps compared