Comment afficher l'heure locale du visiteur dans Webflow ?

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment afficher l'heure locale du visiteur en temps réel dans Webflow.

Exemple

1. Ajoutez l'ID sur votre texte

Sur votre Text Block : custom attribute id = local-time.

2. Ajoutez le script dans Footer code

(function() {
  var tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
  function tick() {
    var time = new Date().toLocaleTimeString('fr-FR', {
      timeZone: tz, hour: '2-digit', minute: '2-digit', second: '2-digit'
    });
    var el = document.getElementById('local-time');
    if (el) el.textContent = '🕐 Il est ' + time + ' chez toi (' + tz + ')';
  }
  tick();
  setInterval(tick, 1000);
})();

Conclusion

L'heure locale en temps réel crée une connexion directe avec le visiteur. Idéale sur les pages de contact pour contextualiser vos horaires.