STEP1: Install the files
Install the necessary files for the application.
When you open the installation page, a list of themes in the store will be displayed, so select the theme you want to add this app.
The theme with ✅ in the list is your CURRENT theme.
The installation steps depend on the version of the theme.
If you see the following banner, you do not need to add any files. Please go to “Customize” page and add the app block on the Cart page.
For more information, see here.
If you see the following banner, you will need to edit the theme code. Please follow the instructions to add the code and files.
For more information, see here.
STEP2: Synchronize the products
The app requires you to sync the product data.
To sync your products data, click on the Sync button on the app's home screen.
If no error is displayed after the sync, the product sync process is complete.
STEP3: Register a product group
By registering multiple product groups, the app’s date picker UI displays different available delivery dates depends on cart items.
To register a product group, please click on "Register New Product Group" on the top page.
You can register product groups per collection.
Be sure to create a product group that contains “All Products” first. This will be your default product group.
With the default product group, you should set a generic delivery date.
The product group name is the name displayed only on the App page, so choose a name that is easy to understand name for you.
The “Hidden Option” is a very special setting. If this option is ENABLED, whenever the products in the selected collection is in cart, the app UI will be hidden.
This option must be disabled for the default product group (”All Products”).
If your store is located in Japan, you can choose a delivery service provider from the three default carrier, Yamato Transport, Sagawa Express, and Japan Post.
If you want to use your own deliver service provider, you can register custom delivery service providers by clicking on “Edit”.
In this case, please ask the delivery service provider for the delivery time slots and make sure to enter them correctly.
If you want to enable unattended delivery option, please check with your delivery service provider to see if unattended delivery option is available before activating it.
Follow the same procedure to configure settings for each collection.
STEP4: Holiday and design settings
In the General Settings screen, you can set the store's holiday, calendar, and other design settings.
Once you have activated the “Time Option” setting, the app UI will display time option dropdown for time selection.
In the “Closed Days & Holidays” setting, you can set the store's holidays.
“Weekly Closed Days” and vacations will be applied to the date picker. Your customers can’t pick these unavailable dates for delivery.
In the example below, Sundays, Mondays, and Tuesdays are set as weekly closed days, so that these dates are grayed out.
If your online store closes on all national holidays, please check the "Close Store on National Holidays." You can make your holidays correspond to national holidays by selecting the country from the dropdown menu.
The orders placed after the closing time will be calculated as the NEXT day's order.
If your store have vacations and you need to close online store for a certain period of time, add vacations by clicking "Add a Vacation."
Select the starting date and ending date respectively, and then click “Add” button.
In the style settings, you can edit the design of the app UI.
You can set the app help texts in “UI Text Setting” as well.
For more information on style settings, please refer to the Style Guide page.
Click on “Save” button at the bottom of the page to save your changes.
This completes the setup.
Make sure to test the app on your cart page. Please double check if you can pick date from correct available dates and the other settings are applied to the app UI.