Les Bouts de Code Utiles à Connaitre

Comment afficher un compte à rebours et créer le sentiment d’urgence

0

Une technique très efficace pour presser l’utilisateur à faire ce que vous désirez est de limiter l’offre dans le temps.

Voici un bout de code pratique qui va afficher un compte à rebours de 15 minutes, libre à vous de changer cette durée comme vous le désirez.

L’effet produit sur ton trafic sera de créer une peur de perdre (scarcity). Plus tu rends ton produit rare et plus il sera désiré, quitte à ne plus calculer le bruit de certains éléments de ta landing-page.


<head>
	<script type="text/javascript">
		function countdown(minutes) {
			var seconds = 60;
			var mins = minutes
			function tick() {

				var counter = document.getElementById("timer");
				var current_minutes = mins-1
				seconds--;
				counter.innerHTML = current_minutes.toString() + ":" + (seconds < 10 ? "0" : "") + String(seconds);

				if( seconds > 0 ) {
					setTimeout(tick, 1000);
				} else {

					if(mins > 1){

						countdown(mins-1);

					}
				}
			}
			tick();
		}
		countdown(15);
	</script>
</head>

<body>
Attention: Plus que   <span id="timer"></span> pour en profiter!
  
  
</body>

Ce qui vous affichera un joli warning :

Attention plus que [COMPTE A REBOURS] pour en profiter.

Tu peux aussi tenter une autre approche, celle de challenger l’user et créer une sorte de yes-set du clic:

Attention: Vous avez [COMPTE A REBOURS] pour répondre à tous les questions pour gagner votre cadeau.

source: stackoverflow.com

 

Leave Your Comment

Your Comment*

Your Name*
Your Webpage