Comment afficher un message différent selon le jour de la semaine dans Webflow ?
Apprenez à afficher un message différent selon le jour de la semaine dans Webflow avec JavaScript.
Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment afficher un message différent selon le jour de la semaine dans Webflow.
Exemple
Message selon le jour actuel
Chargement...
| Jour | Message exemple |
|---|---|
| Lundi | '💪 La semaine commence, allez !' |
| Vendredi | '🎉 Bon vendredi !' |
| Week-end | '☀️ Profite du samedi' |
1. Ajoutez l'ID sur votre texte
Sur votre Text Block : custom attribute id = day-message.
2. Ajoutez le script dans Footer code
(function() {
var messages = [
'🌙 Profite du dimanche', '💪 La semaine commence, allez !',
'🚀 Bon mardi à toi', '⚡ Mi-semaine, on continue',
'🙌 Presque le weekend !', '🎉 Bon vendredi !', '☀️ Profite du samedi'
];
var el = document.getElementById('day-message');
if (el) el.textContent = messages[new Date().getDay()];
})();Conclusion
Un petit détail qui montre que votre site est vivant. Particulièrement efficace sur les homepages SaaS et portfolios.
bon à savoir
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
