Skip to main content

Set up the delivery date picker

4 min read Β· Facts checked October 12, 2026

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

  1. Open OrderRules from your Shopify admin (Apps β†’ OrderRules).
  2. Go to Delivery Dates. The page opens on the Setup tab.
  3. 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.

  1. In Shopify admin go to Online Store β†’ Themes β†’ Customize.
  2. Open App embeds and turn on OrderRules Delivery. This powers the picker.
  3. Open a product template. Choose Add block in the main product section and pick Delivery date picker (it appears under Apps).
  4. 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.
  5. Save. (Setup detail: see Theme app block setup if the block doesn't appear.)

3. Create your first availability rule

  1. Back in OrderRules, Delivery Dates β†’ Availability rules β†’ Add rule.
  2. 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.
  3. 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.
  4. (Optional) Tick Require a delivery date at checkout to force a selection.
  5. Save rule.

Availability rule settings at a glance

SettingWhat it controlsExample
Lead time (days)Earliest date a customer can pick2 days
Cutoff (HH:MM)After this, today stops counting14:00
Deliverable weekdaysThe days you actually deliverTue–Sat
Max days aheadHow far ahead customers can book30 days
Applies toWhich products the rule coversCollection: Cakes
Fulfillment methodDelivery, pickup, or bothDelivery only
Require a delivery date at checkoutForces a date selectionOn

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