Manually Add Birdchime Delivery Slots Box to Your Cart Page

You'll learn how to manually integrate the Birdchime delivery slots box into your cart page for complete theme control.

The Birdchime slots box displays available delivery and pickup time slots directly on your cart page. This manual integration gives you full control over placement and styling when automatic placement doesn't meet your needs.

Step-by-Step Integration

Important: The slots box will only display delivery times if your app is fully configured with delivery zones and availability settings. If you see an empty box, check your app settings first.

1. Access Your Theme Files

Navigate to Online Store in your Shopify admin sidebar.

2. Select Your Active Theme

Click on your active theme and select the ... menu option.

3. Open Theme Editor

Click Edit Code to access your theme's source files.

4. Locate Your Cart Template

Search for your cart template file. Common names include:

• cart.liquid
• cart.template.liquid
• cart-drawer.liquid
• main.cart.liquid

5. Add the Slots Box Code

Insert this HTML code above your checkout button:

<div id="birdchime-slots-box"></div>

Placement: Above the checkout button for optimal user experience.

Troubleshooting

Slots Box Not Displaying

• Check file location: Ensure you're editing the correct cart template
• Verify app status: Confirm Bird Pickup & Delivery is active
• Clear cache: Refresh your store and clear browser cache

Empty Slots Box - Check These Settings First

• App configuration: Verify delivery zones and availability are set up
• Product settings: Check if products have delivery methods enabled
• Location settings: Ensure your store location is configured

Related Articles

• Enable the App in Your Theme
• Manual Widget Placement
• How to Customize the Widget Look

Updated on: 09/23/2025