La pop-in est un outil marketing conçu pour engager vos visiteurs, que ce soit pour les informer d'une nouveauté ou pour collecter des données. Sa configuration s'effectue intégralement depuis Webmecanik Automation avant d'être diffusée sur votre site Internet.
Voici les étapes pas-à-pas pour créer votre pop-in :
1. Création de l'élément
Dans le menu principal de Webmecanik Automation, rendez-vous dans la rubrique "Pop-in".
Cliquez sur le bouton "Nouveau" en haut à droite.
2. Paramétrage initial
Renseignez le Nom de votre pop-in (pour votre organisation interne).
Indiquez l'URL de la page web sur laquelle vous souhaitez qu'elle apparaisse (Attention, tous les sites internet ne gèrent pas cette prévisualisation).
Cliquez ensuite sur le bouton pour ouvrir le Générateur (le constructeur visuel).
3. Personnalisation dans le Générateur
Dès l'ouverture, un aperçu en direct de la page web renseignée s'affiche en arrière-plan. C'est ici que vous allez concevoir votre pop-in à travers cinq étapes clés :
Le Type (L'objectif) : Définissez ce que doit faire votre pop-in. Vous pouvez choisir de collecter des données (en y associant un formulaire), d'afficher une notification (message d'information), ou de mettre un lien en évidence (pour rediriger le visiteur vers une autre page).
Le Comportement (La fréquence) : Déterminez les règles d'affichage. Vous pouvez décider du moment où la pop-in se déclenche (après un certain temps passé sur la page, au défilement) et de sa récurrence (ex: limiter l'affichage à une fois par jour par visiteur).
Le Style et la Position : Choisissez le format visuel qui correspond le mieux à votre besoin : une barre (en haut ou en bas), une notification (discrète sur un côté), ou un module (plus central). Définissez ensuite son emplacement exact sur l'écran.
Les Couleurs : Personnalisez les couleurs de fond, du texte et des boutons pour que la pop-in s'intègre parfaitement à la charte graphique de votre site.
Le Contenu : Renseignez les éléments visibles par l'utilisateur. Lors de cette configuration, la section Contenu vous permet de choisir entre trois méthodes de création distinctes, adaptées à votre niveau technique et à vos besoins de personnalisation :
Basic (Basique) : C'est la solution la plus simple et rapide. Vous n'avez qu'à remplir des champs prédéfinis (Titre, Slogan, Police) et sélectionner votre formulaire. Webmecanik génère ensuite automatiquement une mise en page standard, épurée et prête à l'emploi.
Editor (Éditeur) : Ce mode active un éditeur visuel (WYSIWYG). Il vous offre une plus grande liberté graphique en vous permettant de rédiger votre contenu textuel, de modifier la mise en forme (couleurs, tailles), et d'insérer des éléments médias ou des liens de manière intuitive, sans toucher au code.
HTML : Destiné aux profils techniques ou aux développeurs, ce mode vous donne un contrôle absolu sur le design et l'ergonomie de la pop-in. Vous pouvez y injecter directement votre propre code HTML et CSS afin de concevoir un affichage entièrement sur-mesure et parfaitement aligné avec votre charte graphique.
4. Sauvegarde et publication
Une fois le design terminé, cliquez sur "Sauvegarder puis fermer" pour quitter le générateur.
Assurez-vous de basculer le statut de votre pop-in sur "Publié" (bouton "Oui") pour l'activer.
5. Intégration sur votre site Internet
Pour que la pop-in s'affiche effectivement sur votre site, une dernière action est requise :
Copiez le script d'intégration fourni par Webmecanik.
Collez ce code dans le code source de votre site web (idéalement juste avant la balise de fermeture
</body>).
💡 Note importante : Ce script est automatique et dynamique. Cela signifie qu'une fois intégré à votre site, vous n'aurez plus besoin de le manipuler. Toutes les modifications ultérieures que vous ferez sur le design ou le comportement de la pop-in depuis Webmecanik Automation seront mises à jour et appliquées automatiquement sur votre site.
Commentaires
0 commentaire
Vous devez vous connecter pour laisser un commentaire.