Question 1

Disable Dynamic Checkout Button when using Date Picker on Cart Page

Accepted Answer

Overview

Our app offers a Delivery Date Picker feature that allows buyers to choose a preferred delivery date for their orders. This feature can be added to the cart page of your Shopify store. However, when Dynamic Checkout is enabled, buyers might skip the cart page, thereby missing the chance to select a delivery date. This documentation provides solutions to address this issue.

Uncheck “Show dynamic checkout buttons” by go into Theme Editor > Product template > Buy buttons

Definitions:

Dynamic Checkout: A Shopify feature allowing buyers to skip the cart page and proceed directly to checkout, simplifying the buying process. Shopify Docs
Cart Delivery Date Picker: A feature in our app allowing buyers to select a preferred delivery date for their orders on the cart page.

Problem:

When Dynamic Checkout is enabled on your store, buyers can proceed to checkout without visiting the cart page, thereby bypassing the Delivery Date Picker. This results in orders with no selected delivery date, creating uncertainty for both buyers and the merchant regarding the delivery schedule.

✅ Solutions:

Disabling Dynamic Checkout:

To ensure that all buyers select a delivery date, consider disabling Dynamic Checkout on your store follow these steps from your Shopify admin:

Question 2

Translate the date picker for your customers

Accepted Answer

Multi-language Support

| Available on: All Plan (both features)

❓What is Multi-language Support?

Calla now covers language on both sides for your customers, and for you.

Storefront translation (customer-facing): Show up in your store's exact language, no barrier. The date and time picker on your product page, cart, and checkout automatically translates into your store's language - free on every plan.

It works with Shopify's Translate & Adapt app, automatically detecting the customer's locale and adjusting the language accordingly.

Case 1 - Single-language store: If your store's language matches the customer's locale (i.e., you only run one storefront language), auto-translation handles it on its own. No need to install Shopify's Translate & Adapt app.
Case 2 - Multi-language store: If your store has multiple languages set up, you'll need Shopify's Translate & Adapt app. Once it's installed, storefront translation uses it to adjust the calendar and fulfillment picker so they match whichever of your store's languages the customer is browsing in.

Supported storefront languages (15):

English (en) – default
Spanish (es)
French (fr)
German (de)
Portuguese (pt)
Italian (it)
Dutch (nl)
Japanese (ja)
Chinese Simplified (zh)
Chinese Traditional (zh-tw)
Korean (ko)
Arabic (ar)
Vietnamese (vi)
Hindi (hi)
Turkish (tr)

Admin language: Prefer to manage Calla in your own language? Switch your admin language anyt

Question 3

Add the date picker to your cart drawer

Accepted Answer

| Available on Pro and Elite plans.

Let customers choose a delivery, local delivery, or pickup date right inside your cart drawer, so every order has a date before they reach checkout.

❓ What is the cart drawer date picker?

A cart drawer (also called a slide-out cart, mini cart, or side cart) opens when a customer adds a product, without leaving the page. The cart drawer date picker puts your fulfillment options in that drawer: Delivery, Local Delivery, and Pickup, with a date and time slot for each. Why it helps:

Customers pick a date at the moment they add to cart, with no extra step.
You can require a date, so no order comes through without one.
Your cart drawer matches your store's look, with custom calendar themes and button colors.

⚙ How to set up the cart drawer date picker

Step 1: Open Cart Drawer settings

In the app, go to Settings. Find Cart Drawer (marked PRO) and click Modify.

Step 2: Choose your Fulfillment Type

Open the Fulfillment Type menu and choose how customers receive their orders: | Fulfillment Type | What customers see in the drawer | | ---- | ---- | | Delivery | The Delivery option with date and time slot | | Pickup | Store location, date, and time slot | | Both | Delivery, Local Delivery, and Pickup together, with switching between them | This setting is also used

Question 4

Get Started: Calla - Delivery & Pickup Date

Accepted Answer

Welcome to Calla - Delivery & Pickup Date, the essential Shopify app designed to enhance your store’s shipping management and improve customer satisfaction. This guide will walk you through the steps to get started with our app and make the most of its powerful features.

1. Install the App

Step 1: Visit the Shopify App Store

Navigate to the Shopify App Store and search for "Calla - Delivery & Pickup Date".

Step 2: Add the App to Your Store

Click on the app and then click "Install." Follow the prompts to install the app on your Shopify store.

Step 3: Authorize the App

Once the app is installed, you’ll be prompted to authorize permissions for the app to access your store’s data.

2. Initial Setup

Step 1: Open the Calla App

From your Shopify admin panel, go to "Apps" and click on "Calla - Delivery & Pickup Date."

Step 2: Configure General Settings

Start with configuring the general settings.

Step 3: Use the Theme Editor for Customization

Open the Shopify Theme Editor to further customize the date picker’s appearance on your store. Navigate to "Online Store" > "Themes" > "Customize." Find the Calla section and adjust settings such as calendar layout, fonts, and delivery instructions.

Conclusion

With Calla - Delivery & Pickup Date, you can offer a superior delivery experience for your customers while streamlining your store’s operations. Follow these steps to get started, and explore the app’s features to maximize

Question 5

Customize Seamlessly with Calla's Full Customization in Theme Editor

Accepted Answer

A consistent and cohesive design is crucial for creating a memorable shopping experience on your Shopify store. The Calla - Delivery & Pickup Date app offers a powerful feature: "Full Customization in Theme Editor." This allows you to customize your calendar directly within Shopify's Theme Editor. Let’s explore how this feature can benefit your store.

Key Benefits

Real-Time Preview: Customize your calendar and instantly see how it will look in your store.
Seamless Integration: Make adjustments within the Theme Editor without switching to Shopify Admin
Brand Consistency: Ensure your calendar matches your store’s design, enhancing the overall customer experience.

Real-Life Example

Consider you own a store called "LiveFishDirect," which specializes in delivering live fish to enthusiasts. With the "Full Customization in Theme Editor" feature, you can now customize the delivery calendar directly within the Theme Editor. This means you can see exactly how the calendar will look on your storefront without having to switch back and forth to the Shopify Admin panel. It streamlines the customization process, saving you time and ensuring that your calendar seamlessly integrates with the rest of your store’s design. This convenience allows you to focus more on your business and less on administrative tasks.

⚙ Quick Setup

**Ope

Question 6

Enhance Customer Communication with Special Info Messages

Accepted Answer

The Calla - Delivery & Pickup Date app provides a valuable feature called "Special Info Messages" that allows you to display alerts, warnings, and informational messages to customers during checkout. Here’s how this feature can benefit your store.

Key Benefits

Clear Communication: Provide customers with important shipping information directly during the checkout process.
Reduce Confusion: Avoid misunderstandings about delivery schedules, shipping delays, or special conditions.
Enhance Customer Trust: Transparent communication builds trust and improves the overall customer experience.

Quick Setup

Go to “Info Message Settings”: Click “Show Info Message”
Choose “Info Message Style” to adapt with your messages: We have 3 types of Message: Info - Warning - Alert
Fill your Message Title and Message Content: Please write a brief and updated notice (ex: the weather) or any other information you need to inform your customers about
Save Settings: Save your changes

Real-Life Example

Consider you own a store called "Beauty of Flower," which delivers fresh flowers. Sometimes, severe weather conditions can delay deliveries. Before using Calla, customers were often unaware of these delays, leading to dissatisfaction. With the "Special Info Messages" feature, you can now display a warning about potential weather-related delays during checkout. This proactive communication keeps customers informed and sets the right expectatio

Featured & Frequently Read Articles

Browse All Categories