Understanding the widget’s placement

Buunto – Delivery Date Picker offers three options. You can place the date/time picker on the product page, just before clicking the Add to cart button, on the cart page, just before clicking the Checkout button, or on both the cart page and product pages.

You will need to place the widget manually using Shopify's theme editor. Please follow our install guide for more information.

You can choose to display the date picker on the product page:

It offers the following advantages:

• It allows your customer to check the availability of the product before adding it to the cart;
• It allows your customer to select different dates/time slots for a different product (however there is an option to enforce a single date to be selected.

You can choose to display the date picker on the cart page:

The main advantages are that your customers only have to select the date/time slot once, just before checkout. It naturally enforces having a single date and time slot for the whole basket.

You can choose to display the date picker on the cart page and product pages:

It works like the cart page option, with the date picker also shown on product pages:

• Your customers can check the available dates of a product before adding it to the cart, even when their cart is empty.
• The date they select is saved when they click Add to cart and applies to the whole cart. They can still change it on the cart page.
• Only one date picker can show on a page, so the cart drawer doesn't show it with this option.

If you place the widget manually, you can also set a different CSS selector for product pages:

Considerations

• Whichever option you choose, we recommend turning off the Express Checkout button (a.k.a. Dynamic Checkout or "Buy it now" button). That's because this feature takes your customers straight to checkout, so they can skip selecting a date and time slot. With the cart page and product pages option, the date they selected on a product page isn't kept either. To turn it off, please refer to this guide: How to disable the Express Checkout button.
• Note that some themes use technology that make it impossible to plug our widget into the “cart drawer” or “cart popup” feature. If it doesn’t show automatically, you can try manually placing the widget (Article: Placement Method for Vintage Themes). If that doesn’t work, then you may want to disable the drawer/popup feature, and display the widget on your store’s Cart page. Alternatively, if you want to keep using the cart drawer or popup feature, you can set our widget to show on the product page, or on the cart page and product pages, instead.