Add Shipping Date to Product Page

To display the shipping date of a pre-order product on the product page, please follow the steps outlined here

Updated over a week ago

NOTE: The date displayed by this feature is for reference only and it will not trigger any actions when the date is reached.

1. Style the Message Design

Set up the color, font type, and font size for the delivery message. You can do this by going to the Design page and scrolling down to the Estimated Shipping Date Setting section.

2. Ensure Pre-Order is Enabled and Adjust Settings

Estimated Shipping Date Messages will only appear on Pre-Order enabled products, and the option will need to be enabled via the Pre-Order Settings

3. Enable Estimated Shipping Date

Navigate to the Estimated Shipping Date option and switch on the toggle to enable it.

4. Configure your Estimated Shipping Date Options

After enabling the option, you will be presented with the following configuration settings to set up:

  1. Reset Estimated Delivery Date when stock replenishes - when enabled will automatically disable the estimated shipping date feature when inventory is replenish for the product.
    โ€‹


    โ€‹

  2. Estimated Shipping Date - Customize the message for the estimated shipping date to provide your customers with accurate information about their pre-order product.

  3. Expected Shipping Date - You can customize the expected shipping date for your pre-order product. If you don't want to display the time, you can remove it in the "Date Format" settings.

  4. Date Format - You have the ability to set up the date format that you wish to display on your store. For a full list of tag definitions, simply hover your mouse over the information icon.

5. Click Apply and Save

Once you are happy with the settings, the app will automatically display the Estimated Delivery Date message/widget next to your Product Pages

Did this answer your question?