Checkout Date & Time Picker

BookingItNow · All Plans

What Is the Checkout Date Picker?

The Checkout Date & Time Picker is a section that appears inside the Shopify checkout flow, giving customers a way to indicate when they'd like their appointment. Customers can select up to 3 preferred date and time windows — "When works best for you?" — before they place their order.

These preferences are saved as order attributes and automatically appended to the Jobber service request notes when the order is fulfilled. No manual copy-paste needed.

Important: This is a preference capture, not a confirmed booking. The customer's selections are communicated as preferred times; your team confirms the actual appointment as part of your normal workflow.

Adding the Block to Checkout

1. In your Shopify admin go to Settings → Checkout
2. Click Customize (or go to Online Store → Themes → Customize, then switch to the Checkout template)
3. In the checkout editor, click Add block
4. Find BookingItNow – Preferred Times under the BookingItNow group
5. Drag it to the position you want — it works best placed after the shipping address section, before payment
6. Click Save

Configuring the Block

Select the block in the checkout editor to open its settings:

How the Data Flows

Customer selects preferred date/time windows at checkout
                    ↓
          Saved as Shopify order attributes:
          bin_preferred_time_1, bin_preferred_time_2 (etc.)
                    ↓
          Order fulfilled → BookingItNow webhook fires
                    ↓
          Preferred times appended to Jobber request notes
                    ↓
          Your team sees the preferences in Jobber when they review the request

The order attributes are also visible in your Shopify admin under the order details — handy if you need to check them before fulfillment.

What the Customer Sees

The "Preferred Times" section appears as a date selector with a time-of-day dropdown for each slot. Customers can fill in as many slots as they like up to the maximum you configured. The section is optional — if a customer skips it and places the order anyway, no preference is recorded and the Jobber request is created without preferred times.

Troubleshooting

Block doesn't appear in checkout

The Checkout Date Picker requires Shopify's checkout extensibility (available on Shopify and above — not available on Basic Shopify). If your plan doesn't support checkout extensions, the block won't appear in the editor. Check with Shopify support if you're unsure whether your plan is eligible.

Preferred times aren't showing up in Jobber

• Confirm the block is enabled in your checkout template (not just added — it must be saved and published)
• Confirm the order went through fulfillment in BookingItNow (check the Activity feed for a Booking Created entry for that order)
• The preferences are appended to Jobber request notes, not a dedicated field — look in the notes section of the service request in Jobber

Customer skipped the section — can I still see preferences?

If the customer didn't fill in any times, no order attributes are written, so nothing appears in Jobber. You'll need to follow up with the customer directly.

FAQ

Does this work with all providers (Calendly, Cal.com, Jobber)? The preferences are appended to Jobber request notes only. For Calendly and Cal.com services, the booking flow happens on their platform after checkout, so preferred times from this block are not forwarded — the customer picks their slot directly in the Calendly/Cal.com booking interface.

Can I make the section required? No — Shopify checkout extensions cannot enforce required fields outside the standard checkout fields. The section is always optional for the customer.

Can I offer time-of-day options like "Morning / Afternoon / Evening" instead of a specific time? Not currently — the picker shows a standard date + time selector. Custom slot labels are on the roadmap.

Last updated: April 27, 2026 · BookingItNow