Voulez afficher le formulaire de contact lorsque lrsquoutilisateur clique sur le bouton contact ou le lien? Lrsquoavantage est que chaque fois qursquoun utilisateur clique sur un bouton ou un lien de contact au lieu drsquoaccéder à une nouvelle page, le formulaire de contact srsquoouvre sous la forme drsquoune fenêtre contextuelle, ce qui augmente la quantité de formulaires soumis. Dans nous allons progressivement montrer comment créer un formulaire de contact pop up dans le site WordPress sans affecter votre expérience utilisateur. Créez facilement des POP ups de formulaire de contact dans WordPress en utilisant WordPress. Créer des POP ups de formulaire de contact est très simple. Pour commencer, il suffit de deux choses:
Un puissant plug in pop up un puissant plug in pour créer des formulaires, nous recommandons drsquoutiliser wpforms pour créer vos formulaires de contact. Il srsquoagit drsquoun plug in puissant de création de modules qui permet de créer presque nrsquoimporte quel type de module en moins de 5 minutes. Lisez plus sur wpforms ici.
En parlant de plug ins pop up, nous ne pensons pas qursquoil y ait une meilleure option que lrsquooption Monster. Il srsquoagit de lrsquoun des plug ins de développement de plomb les plus populaires et les plus puissants qui permettent drsquoattirer lrsquoattention des visiteurs et de les encourager à travailler sur votre site Web avec de grandes options. Grâce à ce plug in, pouvez augmenter la participation des utilisateurs, la conversion et les ventes.
Pour en savoir plus sur optinmonster, consultez notre revue optinmonster détaillée. Étape 1: installer les plug ins wpforms et optinmonster
Téléchargez drsquoabord le plug in wpforms. Ensuite, installez le et activez le. Je ne sais pas comment? Pas de danger. Vous pouvez consulter notre guide pour savoir comment installer le plug in wordpress pour corriger ce problème. On va attendre. Prêt? Parfait. Suivez la même procédure pour activer le plug in optinmonster. Mais il ne suffit pas drsquoinstaller des plug ins. Vous devez également créer un compte en utilisant lrsquoapplication optinmonster. Plug in
Utilisé uniquement pour connecter un site WordPress à l’application optinmoster. Par conséquent, pour qursquoil fonctionne correctement, devez installer le plug in et créer un compte en utilisant lrsquoapplication.
Étape 2: créer un formulaire de contact pour la fenêtre contextuelle en utilisant wpforms. Premièrement, nous allons créer un formulaire de contact en utilisant le plug in wpforms. Cependant, si avez déjà utilisé wpforms et créé un formulaire de contact avec lui, pouvez sauter cette étape. nrsquoavez pas de formulaire de contact, allez dans le tableau de bord et cliquez sur wpforms ajouter nouveau.
Cela mènera à une autre page où pouvez sélectionner un modèle de formulaire et ajouter un nom au formulaire. Sélectionnez un modèle de formulaire de contact simple et nommez le formulaire.
À la fin du processus, le générateur de modules démarre, ce qui simplifie la conception des modules. Vous pouvez facilement ajouter ou supprimer des fichiers en utilisant glisser déposer Builder.
Vous pouvez ajouter autant de champs au formulaire que nécessaire. Lorsque avez terminé, appuyez sur le bouton Enregistrer pour enregistrer les modifications. Votre formulaire de contact est maintenant disponible pour publication. Appuyez maintenant sur lrsquoonglet intégré à côté du bouton Enregistrer et copiez le Code court.
Étape 3: créer un pop up WordPress avec optinmoster l’étape suivante consiste à créer un pop up sur votre site Web. Nous allons utiliser optinmonster pour créer une fenêtre contextuelle modale. Ensuite, allez sur le tableau de bord WordPress et cliquez sur optinmonster créer une nouvelle activité.
Un nouvel écran srsquoouvre où pouvez sélectionner le type drsquoactivité, puis sélectionner le modèle optin. Pour le type drsquoactivité, nous sélectionnerons lrsquooption Flyout.
Pour le modèle, passons à la toile. Il srsquoagit drsquoune toile vierge qui supporte toutes les formes de code court. Ainsi, pouvez insérer n’importe quel code HTML court, css, JavaScript ou même WordPress ici.
Lorsque sélectionnez un modèle, accédez à un nouvel écran où pouvez nommer votre activité.
Puis cliquez sur
Onglet démarrer la construction. Vous serez maintenant dirigé vers le générateur glisser déposer pour la sélection. Vous remarquerez que la toile est vide en termes de conception. Vous pouvez utiliser cette toile pour créer nrsquoimporte quel pop up et concevoir à partir de zéro. Vous pouvez le faire en utilisant les options de lrsquoonglet conception.
Lorsque avez terminé, cliquez sur lrsquoonglet ajouter des blocs de lrsquoonglet conception. Faites défiler vers le bas pour trouver les options de lrsquoélément bloc. Ci dessous, verrez un bloc HTML. Faites le glisser et déposez le dans la zone de conception.
Ici, pouvez insérer un raccourci vers le formulaire de contact et tout autre HTML personnalisé que souhaitez ajouter. Nous ajoutons ensuite le Code court suivant:
Vous avez un problème?
Vous souhaitez en savoir plus sur nos services? Il suffit de remplir le formulaire et nous répondrons dès que possible.
Voici un aperçu de la façon dont pouvez le faire.
Notez que le Code court du module que nous avons créé précédemment est également intégré dans le Code. Vous pouvez remplacer ce code court par votre code court. Enregistrez vos modifications maintenant. Ensuite, allez à lrsquoonglet règles de visualisation et réglez le temps à zéro comme indiqué dans la capture drsquoécran.
Faites défiler cet écran vers le bas et trouverez plus drsquooptions. Vous pouvez utiliser ce formulaire si voulez le voir sur une page ou un billet spécifique. Appuyez sur le bouton Enregistrer une fois terminé. Étape 4: lorsque avez terminé vos modifications, Publiez le formulaire contextuel, cliquez sur lrsquooption non en haut, puis cliquez sur lrsquoonglet activer.
Enfin, allez à lrsquoonglet publier et définissez lrsquoétat à actif.
Une fois terminé, retournez au tableau de bord WordPress et allez à l’activité optinmonster. Ici, verrez votre campagne. Ci dessous, cliquez sur le lien modifier les paramètres de sortie. Il srsquoagrandit pour afficher quelques options. Sélectionnez la case à cocher à côté de lrsquooption activer lrsquoactivité sur le terrain.
Enfin, cliquez sur Enregistrer les options de configuration à la fin de la page. Étapes
