On Shopify Plus stores, the delivery date and time fields can be shown below the shipping methods in checkout. Customers who skip the cart, for example with Buy it now, can choose there.
This feature is available for stores on Shopify Plus with the Otodoke Plus plan. Only Shopify Plus stores can show app fields in the shipping step of checkout. On the Basic plan, the fields aren't shown even if you add them in the editor. You can change your plan from Pricing in the app menu.
Steps
- Save the app's Delivery settings once. This passes the settings to the checkout fields.
- On the app's home page, under Setup, select Open editor next to Field in checkout.
- Add Otodoke チェックアウトの日時指定 below the shipping methods.
- Select Save.
- Place a test order and check that the fields appear below the shipping methods.
How the fields work
- The available dates and time slots are the same as in the cart picker. Holidays, the cutoff time, and per-product settings apply in the same way.
- The values are saved to the same fields as the cart picker and appear in the order's additional details.
- A date and time chosen in the cart are shown as selected in checkout. Customers can change or clear them there.
- If the date or time chosen in the cart is no longer available, the fields are cleared and the customer is asked to choose again.
- If the order includes a product that doesn't support date selection, a notice is shown instead of the fields.
- When a shipping method you listed under "Shipping methods without delivery dates" (for example, a mail delivery method) is selected, the fields can be hidden and an alert such as "Delivery date and time can't be specified for (method)" is shown. The selected date, time, and leave-at-door choice are cleared. See the help article "Using shipping methods that don't support delivery dates".
Settings in the editor
| Setting | What it does |
|---|---|
| Date picker style | dropdown (choose from a list, default) or calendar (choose on a calendar) |
| Field layout | two (two columns, default) or one (one column; stacks the fields) |
| Heading, labels, text for no selection, text when an item doesn't support a delivery date | Leave blank to use the default text (the text on the app's Translations page) |
Good to know
- The fields are not shown for accelerated checkouts such as Apple Pay and Google Pay.
- When extra days by prefecture are used, the longest is applied, because the checkout fields can't read the destination.
- After you change settings, save Delivery settings. The checkout fields are updated when you save.
