Saviez qursquoune étude récente de 2 milliards de pop ups modaux a montré un taux de conversion de 9,28% sur les 10% les plus élevés? Crsquoest exact. Les fenêtres contextuelles facilitent lrsquoaccès au site Web et aident à abonner rapidement à drsquoautres communiqués de presse. Les POP ups ont beaucoup changé drsquoapparence et de fonctionnement. Ils sont donc plus populaires que jamais sur les sites modernes. Voulez également ajouter un verbe modal à votre site Web et profiter des avantages qursquoil offre? Donc ce blog est exactement ce dont avez besoin. C’est le seul guide que aurez besoin de savoir sur les modèles pop up et comment les ajouter facilement au site WordPress.
Contenu caché qursquoest ce qursquoun pop up modal? Comment utiliser elementkit pour ajouter des POP ups de mode dans element en 3 étapes dans WordPress comment utiliser elementkit popup Builder pour ajouter un design personnalisé dans modal créer de beaux modèles en utilisant la section elementkit par défaut ajouter un formulaire de contact 7 intégrer elementkit dans Modal qu’est ce qu’un pop up de mode? Les POP ups modaux sont très courants et il est très probable que ne les avez pas rencontrés. Mais connaissez la définition de lrsquoéjection modale? Voyons voir. Un motif (aussi appelé fenêtre de motif ou boîte lumineuse) est un élément drsquoune page Web qui apparaît devant la page et désactive tout autre contenu de la page. Pour revenir au contenu principal, lrsquoutilisateur doit interagir avec le mode en complétant ou en fermant lrsquoopération.
– la fenêtre de mode hubspot est différente de lrsquoancienne boîte de dialogue non mode. Dans une fenêtre contextuelle non modale, lrsquoutilisateur peut accéder à la fenêtre entière même si la fenêtre contextuelle est active. Par conséquent, ils peuvent ignorer les POP ups et continuer à travailler. Drsquoautre part, le nouveau mode pop up crée un nouveau
E ne pas effectuer drsquoopération ou fermer le mode pop up. A quoi bon? Lrsquoavantage est que pouvez attirer lrsquoattention des visiteurs même si nrsquoavez qursquoune ou deux secondes. Ce dont avez besoin, crsquoest drsquoattirer lrsquoattention des utilisateurs sur vos informations, nrsquoest ce pas?
Parce que srsquoils voient ce que offrez, ils restent près de pendant plus drsquoune seconde, ce qui donne un avantage. Pourquoi utiliser le mode pop up sur les sites WordPress? La plupart des gens trouvent les POP ups ennuyeux. Apparemment, je ne leur en veux pas. Aller sur un site Web pour faire votre travail, et soudain une fenêtre pop up apparaît, et elle srsquoarrête, ce qui est absolument ennuyeux. Mais en tant qursquoentrepreneur, devez voir les POP ups différemment. Croyez le ou non, ces pop ups ennuyeux fonctionnent bien. Le mode pop up srsquoest avéré très efficace, en particulier pour la collecte drsquoindices.
Selon Sumo, ils ont recueilli environ 23645948 adresses électroniques en moins de deux ans en utilisant le mode pop up. Dans de nombreux cas, le taux de conversion a atteint 50,2%! Donc, si voulez ajouter à votre liste drsquoe mails et accélérer votre conversion, POP modal est pour car ce sont des aimants éprouvés. De plus, ces modes sont simples et flexibles et nrsquoavez pas besoin drsquoenvoyer lrsquoutilisateur à une autre page pour compléter lrsquoopération. e pistes, meilleure expérience utilisateur. Alors ne pensez jamais que les verbes modaux sont inutiles ou morts et commencez à les utiliser aujourdrsquohui.
Les méthodes couramment utilisées pour modéliser les fenêtres dans les MODS de conception web modernes sont très efficaces lorsque avez besoin que les visiteurs du site prennent des mesures ou prennent note drsquoun message important. Parmi les utilisations courantes de la fenêtre Pattern dans la conception du Web, mentionnons: lrsquoaffichage des messages de bienvenue la collecte des courriels et des communiqués de presse lrsquoabonnement aux guides formulaires drsquoouverture de session lrsquoaffichage des messages drsquoavertissement avant de prendre des mesures lrsquoaffichage des politiques sur les cookies visu
Modifier le corps du texte Aller au contenu gt pied de page gt boutons gt CTA et modifier lrsquoétiquette et lrsquoURL CTA Enfin, modifiez le CTA et lrsquoURL et cliquez sur mise à jour pour enregistrer. Terminé. Cliquez maintenant sur le bouton aperçu pour voir les résultats.
Très bon aperçu! Vous avez créé votre propre mode pop up. Autres paramètres de mode Examinons maintenant drsquoautres paramètres de mode que pouvez personnaliser: arrangez: Agrandissez les options de mise en page pour changer le type de commutateur, la position du pop up et les options drsquoaffichage du pop up. Type de commutateur: nrsquoavez pas besoin drsquoavoir un mode activé lorsque quelqursquoun clique sur le bouton. Elementkits offre deux options en plus du bouton Image: Vous pouvez sélectionner nrsquoimporte quelle taille drsquoimage personnalisée au lieu du bouton comme commutateur de mode. Sélectionner une image personnalisée
Aller au contenu gt type de commutation gt sélectionner lrsquoimage aller à lrsquoimage de commutation gt sélectionner lrsquoimage, la taille de lrsquoimage et le temps drsquoalignement: Vous pouvez également définir le mode drsquoactivation après un certain temps sans aucune action de lrsquoutilisateur. Par exemple, pour définir le mode à afficher après 3 secondes, allez au contenu gt basculer le type gt ajouter du temps maintenant après le basculement (en secondes) type drsquoaffichage pop up: le type drsquoaffichage pop up a deux options: le mode et la diapositive. Emplacement du popup: Vous pouvez choisir de placer le popup nrsquoimporte où dans la fenêtre. Les options de localisation disponibles sont les suivantes:
En haut à gauche en haut à droite en haut à gauche en bas à gauche en bas à droite en bas à gauche en bas à droite: agrandir les options Flyout pour sélectionner la largeur et la hauteur minimales. Ici, pouvez également choisir drsquoafficher ou de masquer lrsquoicône de fermeture, lrsquoen tête et le pied de page. Vous pouvez également ajuster
Position horizontale et verticale, et ajouter lrsquoanimation comme le souhaitez. Override: ne voulez pas forcer lrsquoutilisateur à cliquer sur votre mode pour lrsquoéteindre, activez lrsquooption fermer la fenêtre contextuelle onclick override. Cela permet à lrsquoutilisateur de cliquer nrsquoimporte où dans la fenêtre pour éteindre le mode. Fermer lrsquoicône: Ici pouvez changer lemplacement de lrsquoicône fermer. Vous pouvez définir la fenêtre contextuelle en haut à droite, la fenêtre contextuelle en haut à gauche, la fenêtre en haut à droite et la fenêtre en haut à gauche. Vous pouvez également modifier les positions verticales et horizontales. De plus, pouvez sélectionner nrsquoimporte quelle icône dans la bibliothèque ou utiliser une image SVG comme icône. Titre: en plus de changer le titre et le Sous titre, pouvez afficher ou masquer les séparateurs ici. Pied de page: Élargissez les options du pied de page pour modifier lrsquoalignement des étiquettes, des variables et des boutons du pied de page. voulez les cacher drsquoici, pouvez aussi choisir de les cacher. Comment ajouter un design personnalisé à modal en utilisant elementkit popup Builder savez maintenant comment modifier le texte, lemplacement, lrsquoanimation, et comment faire plus de personnalisation des fenêtres modales. Mais crsquoest quand même un peu ennuyeux, non? Comme tous les autres modes. Ce serait bien si pouviez ajouter des images personnalisées ou des vidéos ou tout autre Widget dans la fenêtre mode comme une page. Vous pouvez utiliser elementkits pour ajouter nrsquoimporte quel design personnalisé à votre modèle. Suivez ces étapes pour créer facilement la conception personnalisée souhaitée sur le mode: aller au contenu gt contenu gt activer le modèle cliquez sur le bouton Mode, après avoir ouvert le mode, cliquez sur modifier les options pour ouvrir la zone Widget Lorsque ouvrez la zone Widget, pouvez rechercher nrsquoimporte quel Widget gt glisser déposer gt mise à jour pour enregistrer. Par exemple, si voulez ajouter une vidéo, cherchez la vidéo dans la zone Widget
Faites glisser et déposer pour ajouter des modèles et des mises à jour. La vidéo doit maintenant être affichée dans la fenêtre mode. Prévisualisation modale avec vidéo créer de beaux modes avec des éléments prédéfinis sauter la section créer de beaux modes nrsquoavez pas le temps de créer des dessins à partir de zéro? Pas de danger. Elementkitpopup Builder fournit un certain nombre de sections intégrées à partir desquelles pouvez choisir de créer des modèles attrayants qui mettent en évidence vos messages au visionneur. Ouvrir la section Widget drsquoelementkit pour utiliser le Widget intégré drsquoelementkit, faites ce qui suit: cliquez sur les options drsquoédition en mode pour ouvrir la section Widget cliquez sur le bouton Ek pour ouvrir une autre fenêtre Widget avec la section par défaut. Aller à gt Section gt sélectionner la section désirée gt Insérer Une fois inséré, pouvez changer et mettre à jour les couleurs de lrsquoimage, du texte ou de lrsquoarrière plan en fonction de vos préférences. Crsquoest le résultat final! Lrsquoaperçu du schéma du kit drsquoéléments de section par défaut fournit plus de 60 widgets et plus de 500 sections prêtes à lemploi. En savoir plus sur elementkits et comment les utiliser pour améliorer votre site. Comme nous lrsquoavons mentionné précédemment, lrsquoajout du formulaire de contact 7 au modal avec elementskit permet drsquoobtenir plus drsquoabonnements aux communiqués de presse et de recueillir des données sur les utilisateurs. Mais pour ce faire, devez ajouter un formulaire de contact au modèle, nrsquoest ce pas? Ne paniquez pas, n’avez pas besoin d’un autre plug in WordPress pop up pour ajouter un formulaire de contact dans la fenêtre pop up. Le plug in WordPress elementkit est un plug in pour créer des POP ups intégrés. Suivez les instructions ci dessous pour ajouter le formulaire de contact populaire 7 à votre modèle en utilisant le plug in contextuel elementkit. Avant drsquoeffectuer ces étapes, assurez drsquoavoir créé un formulaire de contact sur votre site Web en utilisant le formulaire de contact 7, elementor page Builder et elementkits. Vous pouvez également voir le tutoriel vidéo suivant pour créer m
Comment ajouter facilement un mode pop up dans le site WordPress: le tutoriel se déroule en 3 étapes
