> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.omegatheme.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Get started with DingDoong set-up! # Get started with DingDoong: add the date picker to your store Add an interactive delivery/pickup date picker to your Shopify store in a few minutes — and start cutting the back-and-forth of confirming delivery dates with customers. || Available on all plans. ## Overview Stores using a delivery date picker report a 15–20% reduction in cart abandonment, because customers no longer face the friction of uncertain delivery timelines. This guide takes you from a fresh install to a live widget. || The widget only appears once you (1) embed the app in your theme **and** (2) set up at least one scheduling rule. If it doesn't show after both, contact us. ## Before you start * DingDoong is installed from the Shopify App Store. * You can access **Online Store → Themes**. * Decide which fulfillment methods you'll offer: store pickup, local delivery, and/or shipping. ## How to set up DingDoong Here's how, step by step: ### Step 1: Embed the app in your theme Embedding integrates DingDoong directly into your storefront so the widget can render. Choose the theme where you want the widget. To trial it safely first, embed it in a [test theme](https://help.omegatheme.com/en/article/how-to-create-a-test-theme-1n949f1/). ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_n1xjs.png) ### Step 2: Choose the widget position By default the widget appears on the **Cart page / Cart drawer** (the recommended position). You can instead show it on the Product page — or both (contact us to enable both). Not sure which? See [Where can you display date picker?](https://help.omegatheme.com/en/article/where-can-you-display-date-picker-lhbf39/) ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1djtxpf.png) ### Step 3: Configure location and scheduling Enable the methods you offer — **store pickup, local delivery, or shipping** — then set up your scheduling rules: date and time options, prep time to control selectable slots, blackout dates for closed days, and optional product-specific rules. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_158lyec.png) ### Step 4: Set up delivery and pickup rates You can manage rates in DingDoong, or use Shopify's built-in rates (by weight, order value, zip code, or radius). See [How to create delivery rates](https://help.omegatheme.com/en/article/how-to-creat-delivery-rates-cm6j4z/) and [Rates](https://help.omegatheme.com/en/article/rates-ola4f4/). ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_bj7gvx.png) ### Step 5: Configure email notifications Keep customers informed: show the selected date/time in the order confirmation email, and enable status notifications like "Ready for pickup" and "Out for delivery". See [Confirm selected schedule in order confirmation email](https://help.omegatheme.com/en/article/how-to-confirm-selected-schedule-in-order-confirmation-email-phdc64/). ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_q808f5.png) ## How it looks on the storefront Customers see the calendar on your chosen page, pick a date and time slot, and proceed to checkout with the selection attached to their order. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_xdo8rm.png) ## Common scenarios ### Single location, store pickup only Enable pickup, set your opening days and time slots, and you're live — no shipping setup needed. ### Multiple methods on the same store Enable pickup, local delivery, and shipping, each with its own schedule and product availability. ### Try before going live Embed on a duplicated test theme, configure rules, preview, then publish. ## Tips & Best practices || Place the widget on the **Cart page / Cart drawer** — it's the most visible spot and works best for orders with multiple items sharing one delivery date. | On the Horizon theme, turn off Quick View and remove the dynamic "Buy It Now" button if you want to require a date before checkout. ## Troubleshooting ### The widget isn't showing? You likely missed one of the two requirements — embed the app **and** create at least one enabled scheduling rule. Full checklist: [Why is the date picker not showing?](#) *(Troubleshooting & FAQ)* ### The widget appears misaligned on a custom theme? Use manual placement in Widget settings, or contact us for a free integration. See [Ensuring App Compatibility with Your Theme](https://help.omegatheme.com/en/article/ensuring-app-compatibility-with-your-theme-ci7r7o/). ## FAQ ### How do I undo the setup? Turn off the app embed in the theme editor — the widget disappears while all your settings are kept for later. ### Can I test without affecting customers? Yes — use a [test theme](https://help.omegatheme.com/en/article/how-to-create-a-test-theme-1n949f1/). ## Related articles * [How to place an order test](https://help.omegatheme.com/en/article/how-to-place-an-order-test-rjbxys/) — Verify the full flow end to end *(Get Started)* * [🗓️ Dashboard](https://help.omegatheme.com/en/article/dashboard-1p7qbfv/) — Setup warnings and overview *(Dashboard)* * [Customize your widget appearance](https://help.omegatheme.com/en/article/customize-your-widget-appearance-1oefyzq/) — Match the widget to your brand *(Widget Appearance & Placement)* ||| If you need further assistance, feel free to reach out to us via live chat or email at support@dingdoong.io. We're happy to help!