Create Calendar Picker
This feature enables buyers to select a date, upon which the calendar for that month will be displayed with the chosen date highlighted.
Please continue reading the Article for find out how to create it on your Store.
On your Artwork Editor, click on the + button, then select Calendar
After that, you will see the following menu:
At the moment, the Calendar Picker does not support vector-based format, such as SVG, AI, PDF, EPS, etc.
Continue reading to find that these setting does below:
Note that the default date serve as preview purpose only, and they will not be rendered in the final design. The Customers will have to pick their desired date.
You can change the default date to any date you want, and the canvas will change accordingly to show to your Customers.
You can select the Language of the Calendar here.
Please ensure the current font supports your selected language. Otherwise, the text in the calendar might not display.
Choose whether the first day of the week is Sunday or Monday, and the Calendar's layout will change accordingly.
Choose how you want the weekday names to be displayed.
Choose how you want the weekday names or the month name to be displayed.
Allow the Customers to toggle on/off the Calendar layer.
If you want the Customers be able to pick a Date from the Calendar, please enable Enable personalization button.
Show the label of the text field on storefront.
Eg. Please choose a Date etc.
You can choose to offer your color option as
Color Picker
Or limit the number of colors by setting up with Color Category (in Assets page). Learn more on how to set up Color Category here
Here is the result on your Storefront:
Let your customer choose font family. This feature only works if you set up the original text layer with Custom Font
Step 1: You'll need to set up Font Category in Assets > Font Categories. Learn more on how to set up Font Categories here
Step 2: Go back editing the Calendar Layer in Artwork > choose the Font Category that you've just created
Here is the result on your Storefront:
You can upload any marker you want here. By default, it will be a heart symbol:
If you use the default marker (svg), or uploading a new one in svg format, you can change its color (not work with PNG/JPG images).
Enable this option if it's a mandatory field to place order.
Display customer's selection on cart page and checkout page
Once you're done with creating your Artwork, add it to your Campaign like usual:
Please continue reading the Article for find out how to create it on your Store.
CREATING THE CALENDAR LAYER
On your Artwork Editor, click on the + button, then select Calendar
After that, you will see the following menu:
At the moment, the Calendar Picker does not support vector-based format, such as SVG, AI, PDF, EPS, etc.
Continue reading to find that these setting does below:
GENERAL SETTINGS
Default date (only for preview):
Note that the default date serve as preview purpose only, and they will not be rendered in the final design. The Customers will have to pick their desired date.
You can change the default date to any date you want, and the canvas will change accordingly to show to your Customers.
Language
You can select the Language of the Calendar here.
Please ensure the current font supports your selected language. Otherwise, the text in the calendar might not display.
The first day of the week:
Choose whether the first day of the week is Sunday or Monday, and the Calendar's layout will change accordingly.
Display the weekday name:
Choose how you want the weekday names to be displayed.
Display text case:
Choose how you want the weekday names or the month name to be displayed.
PERSONALIZATION SETTINGS
Add toggle to show/hide
Allow the Customers to toggle on/off the Calendar layer.
Personalization Options:
If you want the Customers be able to pick a Date from the Calendar, please enable Enable personalization button.
Option Title
Show the label of the text field on storefront.
Eg. Please choose a Date etc.
Allow customers to change Text Color
You can choose to offer your color option as
Color Picker
Or limit the number of colors by setting up with Color Category (in Assets page). Learn more on how to set up Color Category here
Here is the result on your Storefront:
Allow customers to change Font
Let your customer choose font family. This feature only works if you set up the original text layer with Custom Font
Step 1: You'll need to set up Font Category in Assets > Font Categories. Learn more on how to set up Font Categories here
Step 2: Go back editing the Calendar Layer in Artwork > choose the Font Category that you've just created
Here is the result on your Storefront:
Enable marker
You can upload any marker you want here. By default, it will be a heart symbol:
If you use the default marker (svg), or uploading a new one in svg format, you can change its color (not work with PNG/JPG images).
Mark this option as required
Enable this option if it's a mandatory field to place order.
Show customization data on cart/checkout
Display customer's selection on cart page and checkout page
Creating your Campaign
Once you're done with creating your Artwork, add it to your Campaign like usual:
Updated on: 08/01/2025
Thank you!