Transformez Contre en Pour : Fenêtres surgissantes

novembre 16, 2012

Dans l’article « 10 choses que les gens détestent trouver sur votre site » vous avez aperçu quelles sont les choses à éviter sur votre site pour que les visiteurs ne partent pas de votre page Web. Commençons avec le premier point détesté – Fenêtres surgissantes – étudions comment l’utiliser de manière amicale !


Pensez-vous à mettre une fenêtre surgissante sur votre site ? Trouvez les meilleures façons pour le faire.

La meilleure utilisation des fenêtres surgissantes – pas de fenêtres surgissantes.

Il faut que ce soit une règle ! Si vous n’êtes pas sur 100% si une telle fenêtre est nécessaire, vous n’en avez pas besoin. Des milliers de sites perdent des visiteurs chaque fois qu’une fenêtre imprévue s’ouvre. Cela les énervent et ils ferment la page web.

Votre site pourra profiter certainement de l’utilisation d’une fenêtre surgissante, essayez nos conseils suivants :

Pratique 1. Fenêtre surgissante mais pas bloquante

Il n’y a rien de plus ennuyante qu’une fenêtre surgissante qui bloque la page entière sur laquelle vous espériez trouver des informations.

Quoi faire?

  • La solution dans ce cas, peut être par exemple, une fenêtre de souscription à votre site qui s’affichera en bas dans le coin  droit. Elle ne doit pas bloquer le contenu du site et elle pourra être engageante en même temps.

Pratique 2. Fenêtre surgissante bloquante, mais simple

Dans certains cas, vous nécessitez une fenêtre surgissante qui bloque la page d’intérêt. Par exemple pour rediriger les visiteurs vers un autre site ou pour les informer sur le contenu réservé aux adultes.

Quoi faire?

Pratique 3. Fenêtre surgissante qui s’ouvre sur clic

Soyez gentil et permettez à votre visiteur de choisir s’il désire voir une fenêtre surgissante.

Quoi faire?

  • Insérer dans votre lien le code pour faire une nouvelle fenêtre d’une taille précise qui sera ouverte en un clic. Vous pouvez l’utiliser de cette manière pour montrer aux visiteurs les pages ou les images  avec des informations supplémentaires.

Essayez-vous mêmes comment ça marche directement dans cette article en cliquant sur les liens dans l’exemple suivant.

Exemple :

Dans la continuité de la série :  Transformez “contre” en “pour” trouvez  la Meilleur utilisation de musique et vidéo au démarrage.

Code :

<p>Dans la continuation de la série Transformez “contre” en “pour” trouvez – <span style= »text-decoration: underline; »><a onclick= »javascript:window.open(‘http://img.webnode.com/blog/pop_up_sorry_fr.jpg’, ‘okno’, ‘width=550,height=510,status=no,toolbar=no, menubar=no,scrollbars=yes,resizable=yes’); » href= »javascript:void(0) »>Meilleur utilisation de musique et vidéo au démarrage</a></span>.</p>

  • Changez les paramètres dans «width=550,height=510» (largeur/hauteur) pour changer la taille de fenêtre;
  • Remplacez le lien «http://img.webnode.com/blog/pop_up_sorry_fr.jpg» par votre propre lien.

Comment l’appliquer sur Webnode ?

L’édition du contenu dans les blocs « Textes et images » permet de voir sa version HMTL où il est possible d’ajouter les codes similaires à ceux dans deux exemples précédents.

Edition de HTML fenêtre surgissante

 Cliquez sur la flèche pour voir l’option « Source »

Faites attention que tous les caractères et symboles de codes restent tels quels. Le code ne va pas fonctionner si vous changez quoi que ce soit.

Avez-vous changé votre avis sur l’utilisation des fenêtres surgissantes ?

Vous aimeriez créer votre propre site Internet à l’aide d’un éditeur ? Essayez notre guide étape par étape.