EDD Widget Customization 

  • 15/08/2024
  • 275
  • 0

In this post, you will learn how to customize your Estimated Delivery Date Widget to match your Product page’s Look and feel. Let’s get started!

How to customize your EDD Widget?

To customize your widget, you first need to navigate to the Widget settings

widget_settings

There will be 4 sections in the Widget settings:

  • Text settings
  • Visual
  • Padding
  • Date format

Each customization will appear as pictured right next to the settings part. Let’s take a look through each!

Text settings

Enter your delivery date message, you can add these variables: 

  • Add Flag: User’s country flag icon
  • Add Country: User’s country name 
  • Ready Date Min: The minimum preparation date before ready to ship
  • Ready Date Max: The maximum preparation date before ready to ship 
  • Delivery Date Min: The earliest possible delivery date
  • Delivery Date Max: The latest possible delivery date
  • Add cut-off time: The daily cut-off time for orders to be processed the same day
  • Out of Stock messages: Display custom messages to inform customers when a product is out of stock
text_settings

Below is a Text sample and how it looks on the Widget preview:

Text sample: 

Free Shipping to  {country_name}{country_flag}.
Your order will be ready between {order_ready_minimum_date} and {order_ready_maximum_date} and you’ll receive your package between {order_delivered_minimum_date} and {order_delivered_maximum_date}
edd_widget_preview

Visual

Simply decide how your Order Delivery Progress looks by configuring these fields:

edd_visual

Note: Choose to enable/disable the Status icon by simply switching the Show icon toggle

Padding

Adjust the metrics to change the position of the delivery message:
(The numbers are in px)

edd_padding

The illustration widget appears on the right side to check your updates 

Date format

You can choose your preferred date format, which makes it easier for customers to understand the times they use most frequently.

edd_date format
edd_date format_language

Note: Choose the language used to display your estimated delivery date

Out-of-stock messages

This section allows you to write a text message informing customers when a product is out of stock.

out_of_stock__message

This message will only appear for the sold-out items and can be simply disabled at any time by switching the active toggle.

Below is an example of how the EDD Widget looks after customizing:

edd_delivery date widget

Need any help? 

Please contact our support team via live chat or email at [email protected]. We are happy to help you as soon as possible!

Helpful?

Featured articles

Product Rules Settings 

The Product Rules function in NS Estimated Delivery Date allows managing different delivery dates for your products by giving you

Cut-off-time settings

The cut-off times feature in NS Estimated Delivery Date allows you to set a daily deadline for same-day order preparation.

Can’t Find What You Need? 🤔


Article Outline