Product Upsell Features allow you to add various elements that help increase conversion rates by creating urgency, building trust, and providing social proof. With features such as:
Countdown timer
Delivery time
Live review
Total sold flash
Inventory status
Trust badge
Social media
In this guide, we’ll walk you through how to configure each of these elements step by step.
The countdown timer will automatically display if the product has a metaobject named 'theme_countdown' or a metafield named 'countdown'.
Step 1: Create a MetaObject definition
- Go to Content > MetaObjects > Add definition.
- Enter the basic information:
Name (required): Theme countdown
Key: theme_countdown
- Click Add field and set it up as follows:
Type (required): Date and time (one value)
Name (required): Date time
This MetaObject will be used to store the countdown end date.
Step 2: Add an entry
1 - Go to Content > MetaObjects > Theme countdown > Add entry.
2 - Fill in the countdown date you want to apply (this date will be displayed on product pages).
Note: You need to remove the MetaObject entry at 1.1 if you want different countdown for each product.
Please follow this document to create a countdown metafield, so you can display a different countdown for each product.
This block allows you to display the estimated delivery date on the product page with multiple customization options.
Hide with ‘pre-order’: When enabled, the block will be hidden if the product is in pre-order status.
Icon and animation for the icon
Delivery Text: You can add the text that you wanna show on the Delivery Time here. Use shortcode: [hour], [date_start], and [date_end] to show the time correctly.
Delivery start date, Delivery end date: You choose the start date and end date from the current date.
Delivery Date Format: Select the date format (e.g., dd/mm/yyyy, mm/dd/yyyy).
Delivery Time Cut Off: Set a daily cut-off time for processing orders. Example: if you set the cut-off time to 15:00, orders placed after 3 PM will be counted from the next day.
Exclude Holidays: Add the particular holidays every year to exclude.
Exclude Days allows you to define which days are considered non-working days (for example: Saturday, Sunday).
Exclude Days From determines how these excluded days are applied when calculating delivery times.
Let's do an example for further understanding!
Current date (Today): 22/09 (Monday)
Delivery start: 5 days
Delivery end: 12 days
Excluded days: Saturday, Sunday
Start date: Add 5 days from 22/09 → estimated 27/09 (Saturday). If the calculated date falls on an excluded day (Saturday or Sunday), the start date is moved to the next working day
→ Result: 29/09 (Monday)
End date: Add 12 days from 22/09 → estimated 06/10 (Monday). Weekend days between start and end are not excluded
→ Result: 06/10 (Monday)
Start date: Same as above
→ Result: 29/09 (Monday)
End date: Original end date is 06/10, but now weekends are excluded. Add 2 extra days for Saturday and Sunday
→ Result: 08/10 (Wednesday)
To set different delivery times for each product, please read this document.
This is a simulated feature designed to help store owners boost sales.
You can set a minimum and maximum number, and the [count] value will display a random number within that range.
This is a dynamic block showing the total number of products sold. This block can update automatically to create urgency and encourage purchases.
You can set a minimum and maximum time, as well as a minimum and maximum quantity, so that the value is randomly generated within these ranges.
This block displays the available quantity of a product or variant. You can show it as text or include a progress bar.
You can use a trust badge as an image or select a built-in SVG.
Social media icons display the links added in theme settings. You can follow the account or share content by clicking an icon.
To hide an icon, simply remove its link in Theme settings.
