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 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 from Settings β Plan β 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 β Availability rules.
- Click Enable delivery dates. OrderRules requests the extra permissions it needs (locations, orders, fulfillment) only now β never at install.
2. Add the theme app block
The storefront picker renders through a theme app block, so it stays inside your theme and survives theme updates.
- In Shopify admin go to Online Store β Themes β Customize.
- Open a product template. In the left panel, choose Add block (or Add section) in the main product area and pick OrderRules β Delivery date (it appears under App blocks).
- Repeat on the Cart template (and cart drawer, if your theme uses one). On most themes OrderRules auto-detects the cart; add the block only if the picker doesn't appear.
- Save. (Setup detail: the block is a
mainSection-targeted app block β see Theme app block setup if your theme hides app blocks.)
3. Create your first availability rule
- Back in OrderRules, Delivery β Availability rules β Add rule.
- Set:
- Lead time β the earliest a customer can request (e.g. 2 days).
- Cutoff time β orders placed after this ship the next eligible day (e.g. 14:00).
- Delivery weekdays β which days you deliver.
- Horizon β how far ahead customers can book (e.g. 30 days).
- Scope the rule: All products, or narrow to a product / collection / tag, and optionally a country. Choose the fulfillment method: delivery, pickup, or both.
- (Optional) Require a date/slot at checkout to force a selection.
- Save.
4. Add time slots (optional)
In the rule, add time slots (e.g. 10:00β12:00, 14:00β16:00). Set a per-slot capacity if you want windows to sell out. Full slots grey out for shoppers automatically.
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 blocks any missing, sold-out, or blacked-out selection. Placed test orders are auto-tagged delivery:YYYY-MM-DD and slot:HHMM-HHMM β check the order in admin.