Créer un calendrier de l'Avent digital en no-code

Script
1

Bonjour à tous, je suis en train de planifier notre stratégie marketing pour la saison des fêtes à venir. J’envisage de mettre en place un Calendrier de l’Avent digital avec des offres quotidiennes pour nos clients. L’idée est de dynamiser nos ventes tout en créant un sentiment d’anticipation et d’excitation parmi nos clients. Je suis curieux de savoir si quelqu’un a déjà mis en place une telle stratégie et peut partager son expérience ? Quels types d’offres avez-vous proposées ? Comment avez-vous géré le calendrier ? Quels ont été les résultats ? Toute information ou conseil serait grandement apprécié. Merci d’avance.

2 
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Calendrier de l'Avent Digital</title>
<style>
body { font-family: Arial, sans-serif; }
.calendar-container { display: flex; flex-wrap: wrap; max-width: 600px; margin: auto; }
.day { width: calc(100%/4); text-align: center; margin-bottom: 10px; }
.day button { width: 90%; padding: 10px; border: none; background: #1abc9c; color: white; cursor: pointer; }
.day button[disabled] { background: #95a5a6; }
</style>
</head>
<body>

<div class="calendar-container">
<!-- Le calendrier sera généré par le script JS ci-dessous -->
</div>

<script>
const currentDate = new Date();
const startMarch = new Date(currentDate.getFullYear(), 2, 13); // 13 mars de l'année en cours
const endMarch = new Date(currentDate.getFullYear(), 2, 13); // 13 mars de l'année en cours

function openDay(day) {
  if (day === 13 && currentDate.getDate() === 13) {
    alert('Offre du jour ' + day + ': [détails de l\'offre ici]');
  } else {
    alert('Il n\'y a pas d\'offre aujourd\'hui');
  }
}
function openDay(day) {
  if (day === 14 && currentDate.getDate() === 13) {
    alert('Offre du jour ' + day + ': [détails de l\'offre ici]');
  } else {
    alert('Il n\'y a pas d\'offre aujourd\'hui');
  }
}

// Générer le calendrier de l'avent
function generateCalendar() {
  const container = document.querySelector('.calendar-container');
  for (let day = 1; day <= 31; day++) { // On ajoute les jours du mois de mars (31 jours)
    const date = new Date(currentDate.getFullYear(), 2, day);
    const dayElem = document.createElement('div');
    dayElem.classList.add('day');

    const button = document.createElement('button');
    button.textContent = 'Jour ' + day;
    button.onclick = function() { openDay(day); };
    if (date < startMarch || date > endMarch) {
      button.disabled = true;
    }

    dayElem.appendChild(button);
    container.appendChild(dayElem);
  }
}

generateCalendar();
</script>

</body>
</html>

Vous pouvez ajouter les differentes offres du jour en ajoutant des fonctions: function openDay(day) {

  if (day === 13 && currentDate.getDate() === 13) {
    alert('Offre du jour ' + day + ': [détails de l\'offre ici]');
  } else {
    alert('Il n\'y a pas d\'offre aujourd\'hui');
  }
}
function openDay(day) {
  if (day === 14 && currentDate.getDate() === 13) {
    alert('Offre du jour ' + day + ': [détails de l\'offre ici]');
  } else {
    alert('Il n\'y a pas d\'offre aujourd\'hui');
  }
}
3

  1. Wix (Gratuit - Plans premium de 4,50€ à 24,50€/mois) : Un constructeur de site web qui offre des modèles de calendrier de l’Avent prêts à l’emploi. Il ne nécessite pas de compétences en codage. Il propose une interface glisser-déposer facile à utiliser. URL : https://www.wix.com/

  2. Tilda (Gratuit - Plans premium de 10€ à 20€/mois) : Un outil de création de site web avec une fonctionnalité intégrée pour créer des calendriers de l’Avent interactifs. Il offre également des modèles personnalisables. URL : https://tilda.cc/

  3. Canva (Gratuit - Pro à 12,99€/mois) : Un outil de conception graphique qui peut être utilisé pour créer des visuels de calendrier de l’Avent. Il propose de nombreux modèles et une interface glisser-déposer. URL : https://www.canva.com/

  4. Advent-My-Friend (Gratuit) : Un outil en ligne pour créer des calendriers de l’Avent numériques personnalisés. Vous pouvez ajouter vos propres images et textes. URL : https://adventmyfriend.com/

  5. Sendinblue (Gratuit - Plans premium de 19€ à 49€/mois) : Une plateforme de marketing par e-mail qui peut être utilisée pour envoyer des offres de calendrier de l’Avent à vos abonnés. URL : https://www.sendinblue.com/

  6. Advent Calendar Online (Gratuit - Premium à 12€) : Un outil en ligne pour créer des calendriers de l’Avent numériques avec des images et des textes personnalisés. URL : https://www.advent-calendar.online/

  7. Google Sites (Gratuit) : Un outil de création de sites web facile à utiliser qui peut être utilisé pour créer des pages web de calendrier de l’Avent. URL : https://sites.google.com/

  8. Mailchimp (Gratuit - Plans premium de 9,99€ à 299€/mois) : Une autre plateforme de marketing par e-mail qui peut être utilisée pour envoyer des offres de calendrier de l’Avent. URL : https://mailchimp.com/

  9. Squarespace (De 11€ à 36€/mois) : Un constructeur de sites web qui offre de nombreux modèles et une interface facile à utiliser. Il nécessite peu ou pas de compétences en codage. URL : https://www.squarespace.com/

  10. WordPress (Gratuit - Plans premium de 4€ à 45€/mois) : Une plateforme de création de sites web qui offre une grande variété de plugins, y compris ceux qui peuvent être utilisés pour créer des calendriers de l’Avent. URL : https://wordpress.com/