Estimated delivery date app

Ask the Community General Questions
1

We’re looking for a banner that displays a changing estimated delivery date. We produce products that have an 8 week lead time and it would be great to have a banner that shows the estimated delivery date by automatically adding 8 weeks onto the current date, or whatever lead time we choose to enter.
Thanks
Tom

2 Likes
2

Hi there, @Thomas15 :wave:

Thanks for adding your idea to the Wishlist!

We’d be so grateful if you could provide more details by answering these questions:

  1. Do you want to display this banner on some delivery app or on your website?

  2. Would you like to always display this banner, which automatically will add 8 weeks to the current date? Or it should be triggered only after making a purchase?

  3. Should it be floating or static banner?

3

Hi Max

We’d like the banner to display on our website, not apps, and for it to display it all the time on the product pages, so people can see this before they purchase something. A static banner would be good.

Thanks,

Tom

1 Like
4

Got you, thanks!

Great news is that it’s possible to do this using our Banner app. Please create this widget in your account and customize it to your liking.

Let me know once it’s done and our devs will implement an automatic addition of 2 weeks to the current date :slightly_smiling_face:

6

Hi Max

I already have a banner that just has text saying ‘8 week’s lead time’. I’ve looked at the banner widget and it’s not clear how I can change this to a changing date that’s always 8 weeks into the future. Can you explain in greater detail how this is done?

Thanks

1 Like
7

Apologies, missed that!

It will be done with the custom code. I’ve shared your request with the devs and let you know once the solution is ready :slightly_smiling_face:

9

Hi, @Thomas15 :wave:

Here is the solution from our devs:

  1. Add a Text element to the widget and open Code Editor mode:

image
image367×523 20.6 KB
image
image365×510 11.4 KB

  1. Replace Sample Text with the code below:
Delivery date:
<iframe
  src="about:blank"
  style="display: none"
  onload="
    const d=new Date();
    d.setDate(d.getDate() + 56);
    this.parentNode.insertBefore(document.createTextNode(d.toLocaleDateString()), this);
    this.remove();
  "
></iframe>

Voiila! You’ve created a banner, automatically updating the delivery date:

image
image535×204 1.05 KB


Give it a try and let me know if you like the result :wink:

10

Hi Max,

This works really well its simple and effective, thank you for providing me with the solution.

Tom

2 Likes