Funnelish™ Community

Adding "Get It by [Future Date]" to the page dynamically?

Since programmable does not yet work for F+ funnels, I was wondering is there a way to insert a dynamic date into my funnel?

I’m trying to do this:

“Order today and get it by (PRESENT DATE + 5 DAYS)”

Can someone advise my on how to accomplish this on F+ ?

Thanks

2 Likes

Hi @vegatrading,

Please follow this simple guide for that:

1. Add this Custom JS code inside Custom Code > Custom JS(Body):

<script>
const plus_days = 5;    
let event = new Date();
let plus = new Date(); 
plus.setDate(event.getDate()+plus_days);
    const options = { weekday: 'long', month: 'long', day: 'numeric' };
    let myDates = document.querySelectorAll(".today");
   myDates.forEach(e =>  {
      e.innerHTML = plus.toLocaleDateString('en-US', options) + generateTh(plus.getDate());
})
function generateTh(d){
  let ar = String(d).split(''); 
  if (ar[ar.length-1] == 1 && d != 11) return 'st';
  else if(ar[ar.length-1] == 2 && d != 12 && d != 13) return 'nd';
   else if(ar[ar.length-1] == 3) return 'rd';
  return 'th';
}
</script>

2. Add a custom HTML element to your page and paste the code below:

After adding the custom HTML element click Edit custom HTML.
image

Then paste the following code:

<div>
Order today and get it by 
<span class="today"></span>
</div>

And that’s it.

Let us know how that goes. for you,

Kind regards,
Funnelish™ Team

2 Likes

Thanks, this worked wonders

1 Like

can we get this built as a drag-and-drop feature into the page builder? Thanks

1 Like

Yes we are working on it for sure :wink: