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.

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.

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.

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?

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.

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 and Rates.

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.

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.

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

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.

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.

Related articles

• How to place an order test — Verify the full flow end to end (Get Started)
• 🗓️ Dashboard — Setup warnings and overview (Dashboard)
• Customize your widget appearance — Match the widget to your brand (Widget Appearance & Placement)

Updated on: 08/06/2026