How to add a delivery date picker to your Shopify Product page

Learn how to install a Shopify delivery date picker on your product page using Flare. This guide works with most themes, including Dawn and custom setups, and is ideal for merchants who want customers to choose a delivery date before adding to cart or checking out.

🧠 What you’ll learn

• How to install Flare’s delivery calendar on your Shopify product page
• How to activate and configure the date picker from the Flare app

📘 Overview

Want customers to choose a delivery date directly on the product page? Adding a delivery date picker (also called a delivery calendar or shipping date selector) to your Shopify product page helps capture scheduling preferences early in the buying process.

Flare makes it easy to embed a delivery scheduling widget that integrates seamlessly with your product layout — perfect for:

• Gift and flower delivery stores offering scheduled delivery dates
• Drinks brands
• Meal prep brands offering pre-order functionality
• Custom-made or pre-order products where lead time matters

🛠 Step-by-step instructions

1. Install the Flare app from the Shopify App Store
2. Open the app and begin the setup flow
3. In Step 1, choose Add to your theme
4. Under “Where do you want to place the picker?”, choose Product Page
5. Click Add to theme
6. A new tab will open the Shopify Theme Editor
7. Flare will automatically insert the Product page date picker into your product template
8. Click Save in the top right of the Theme Editor
9. Return to the Flare setup and confirm that the picker appears as expected
10. Click Yes, it worked fine and Continue with the setup

✅ That’s it! The delivery date picker is now live on your product pages.

💡 Tips & notes

• Want to limit delivery to specific products only? []
• Want to change the position of the picker? See how to change the position of the date picker
• Want to change the text label above the calendar? Customize delivery date label text

🔗 Related guides

How to add a delivery date picker to your cart page

How to block specific delivery dates in the calendar

How to make delivery date selection optional

How to change the position of the date picker

❓FAQs

Can I show the picker on some products but not others?

Yes! You can control which products show the picker using tags, collections, or conditions in Flare.

Does this work with Shopify variants and options?

Yes – the picker is compatible with product variants and dynamic checkout buttons.

What if the date picker doesn’t appear on the product page?

Ensure it was added through Flare, and that the product template is using the correct block. Also check if it's hidden behind theme logic or metafield conditions.

🧾 Use cases

• Florists and gift brands let customers schedule delivery directly from the product page
• Meal kits and fresh food brands use it to manage pre-orders and delivery dates
• Custom furniture or made-to-order items benefit from upfront delivery selection and lead time clarity

✅ Need help?

Still stuck or not sure where to place the code?

Message us via the in-app chat or email support@getflare.co.uk — we’re happy to help!

Updated on: 19/06/2025