Skip to content
Headless storefronts

Pickup & Delivery Scheduling for Headless Shopify Storefronts

  • Lightweight JavaScript widget
  • Minimal implementation effort
  • Compatible with any headless stack

Try it free for 14 days, right from the Shopify App Store.

460+ Shopify reviews
7,000+ merchants
Built for ShopifyShopify Hydrogen

Bring Bird's complete pickup and delivery scheduling to Hydrogen, React, Vue, or any custom Shopify storefront. Your headless storefront reads the same Shopify-managed scheduling and fulfillment configuration as the rest of your store, so everything stays synchronized.

Dates and time slots

Customers see the same available dates, cutoffs, and time slots you manage in the Bird app.

Fulfillment rules

Pickup, local delivery, and shipping rules apply on your headless build exactly as they do everywhere else.

Translations and timezone

The widget loads your store's language and timezone automatically, with no extra configuration in code.

Every future change

Update a schedule, blockout date, or rate in Bird and your storefront reflects it without a deploy.

How it works

Add Bird to Any Headless Shopify Storefront

Skip rebuilding scheduling logic. Add bird.bundle.js, mount the scheduler, and keep everything managed from Shopify.

1From the Shopify App Store

Install Bird

Install Bird from the Shopify App Store and configure your pickup locations, delivery zones, schedules, and availability.

2One script, one mount call

Add Bird to your storefront

Add bird.bundle.js to your storefront and mount the scheduler wherever you need it. No custom scheduling logic required.

Compatible with Hydrogen, React, Vue, Next.js, Remix, Astro, and any custom JavaScript storefront.

3Zero duplication

Your rules load automatically

Scheduling rules, delivery settings, translations, and availability are loaded directly from Shopify. Update them once in Bird and every storefront stays in sync.

bird.bundle.jsOne script
React
Fri, May 8
12:00–2:00 PM
Delivery scheduled
Hydrogen
Fri, May 8
12:00–2:00 PM
Delivery scheduled
Vue
Fri, May 8
12:00–2:00 PM
Delivery scheduled

The same scheduler on every build, plain HTML included.

This includes:

Consistent customer experience

One consistent pickup & delivery experience across product pages, cart, and checkout.

Always in sync

Delivery dates, time slots, and fulfillment rules stay synchronized automatically.

Lightweight by design

Optimized for modern storefronts with lightweight, high-performance loading.

On Shopify Plus?

Put scheduling inside checkout

Bird's checkout extension adds a native date and time picker directly to the Shopify Plus checkout page.

Explore Shopify Plus checkout scheduling

Running at scale?

Built for high-volume stores

Multi-store management, peak-day reliability, and premium support for merchants running Bird across many locations.

Explore enterprise at scale

Need more than the widget?

Bird also exposes REST APIs and JavaScript methods for custom integrations, so you can control the scheduling experience as deeply as your build requires.

Read the API documentation

FAQ

Headless scheduling, answered

Does Bird work with headless and Hydrogen storefronts?

Yes. The Bird widget runs on headless storefronts built with Hydrogen, React, Vue, or plain HTML. One script and one mount call add the full date and time scheduler, and your settings, translations, and availability rules load from your store automatically.

How do I add Bird to a headless Shopify storefront?

Install Bird from the Shopify App Store, then add the bird.bundle.js script and a single mount call to your storefront code. The scheduler renders with your store's settings, so there is no rule duplication between Shopify and your custom build.

Do delivery rules stay in sync between Bird and my custom storefront?

Yes. Delivery dates, time slots, and fulfillment rules are managed once in the Bird app and load into your headless storefront automatically. When you change a schedule, blockout date, or rate, the storefront picks it up without a code change or deploy.

Which frontend frameworks does the Bird headless widget support?

The widget works with Shopify Hydrogen, React, Vue, and plain HTML. Any storefront that can load a script and call a mount function can run the full Bird scheduler.

Is there an API for custom integrations?

Yes. Bird provides REST APIs and JavaScript methods for deeper custom integrations, documented at picdel.birdchime.com/api-docs. Most headless storefronts only need the widget script, with the APIs available when you want more control.

Bring Bird to your custom storefront

One script, one mount call, and your pickup and delivery scheduling runs everywhere your customers shop.

14-day free trial. Built for Shopify.