How to display auto-updating date on Funnelish?

1

:waving_hand: Hi everyone! I’m trying to display an automatically updating date on my Funnelish page (visible both on desktop and mobile).

Here’s exactly what I want to do:

:white_check_mark: Show the date in French, with this format:
“Le 18 Juillet 2025” (day + month written in full + year)

:white_check_mark: The date should update automatically every day.

:white_check_mark: I want to place it inline inside a sentence like:
Le 18 Juillet 2025

I tried using JavaScript inside a custom HTML block, but it doesn’t seem to update properly on mobile. Sometimes I only see “Chargement…” and the date doesn’t appear.

Has anyone successfully implemented something similar in Funnelish?
Any tips or working codes would be super appreciated!

I’ve also followed some tutorial on youtube but it still doesn’t work.

Thanks in advance :folded_hands:

2

Hey @ynguido :waving_hand: Welcome to the community and thanks for the detailed post — that really helps!

To get your dynamic date working reliably across both desktop and mobile, especially in Funnelish, here’s the theoretical approach I recommend:

:white_check_mark: Step 1 – Add your JavaScript code
Place your date code inside Custom Code > Body HTML, wrapped in <script></script>.
Do not place it in multiple custom HTML blocks — use it once globally.

:white_check_mark: Step 2 – Use a custom class in your paragraph
For example, in your Funnelish text block, write:

<p class="ithasData">Offre spéciale valable jusqu’au <strong>Chargement…</strong></p>

Here, we’ve wrapped the dynamic part (Chargement…) in a <strong> tag for easy targeting.

:white_check_mark: Step 3 – Target this with JavaScript
Then, in your script (in Custom Code > Body HTML), use this selector:

document.querySelectorAll('.ithasData strong')

This way, you can dynamically insert the current date in French format using JavaScript and replace the “Chargement…” placeholder.

:backhand_index_pointing_right: To help you further, could you please share a preview or live URL, or maybe a short screen recording of how you’ve implemented it so far? That will help us give you the most accurate fix!

Let me know if you want the full code — happy to help! :blush:

1 Like
3

Thanks for you answer Anwer. But I need a full code to put for automatic showing of the data day by day. Can you please provide it?

4

Sure! Here’s a clean JavaScript snippet you can place inside Custom Code > Body HTML (wrapped in <script> tags) to automatically display today’s date in French format, like Le 19 Juillet 2025:

:white_check_mark: JavaScript (Place in Custom Code > Body HTML)

<script>
document.addEventListener("DOMContentLoaded", function () {
  const frenchMonths = [
    "Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
    "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"
  ];

  const today = new Date();
  const day = today.getDate();
  const month = frenchMonths[today.getMonth()];
  const year = today.getFullYear();
  const formattedDate = `Le ${day} ${month} ${year}`;

  // Update all elements like: <p class="ithasData"> ... <strong>Chargement…</strong> </p>
  document.querySelectorAll('.ithasData strong').forEach(function(el) {
    el.textContent = formattedDate;
  });
});
</script>

:white_check_mark: HTML Example (Add to any text block in your Funnelish page):

<p class="ithasData">Offre spéciale valable jusqu’au <strong>Chargement…</strong></p>

This will replace Chargement… with the live-updating French date.

Let me know if you’d like it to display tomorrow’s date, +3 days, or anything custom!