Modale & Popup

Afficher une popup une fois par session

Utiliser le local Storage pour afficher une popup qu'une seule fois par session

Copier ce script

Etape 1

Copier le script et le coller sur votre page ou projet Webflow

<script>

document.addEventListener("DOMContentLoaded", function(event) { 
	// créer une variable qui va aller chercher la class de la popup
	const popupComponent = document.querySelector('.popup_component');
	// créer une variable seenPopup qui va créer une clé de sessionStorage, sans valeur
  const seenPopup = sessionStorage.getItem('seenPopup');
  // Si la variable seenPopup n'a pas de valeur
	if(!seenPopup){
    // alors attendre 3 puis afficher la popup
    setTimeout(()=>{
      popupComponent.style.display = "flex";
		}, 3000);
    // sinon mettre la valeur 1 à la clé seenPopup
    sessionStorage.setItem('seenPopup', 1);
	}
  else{
  	// si la variable seenPopup a une valeur, laisser la popup en caché
    popupComponent.style.display = "none";
  }
});

</script>
Copier

Etape 2

Intégrer sur Webflow en adaptant à votre projet et votre configuration

  • Remplacer la class popup_component par la class "mère" de votre popup