Comment créer un formulaire de contact pop – up WordPress (ouvrir le formulaire de contact dans le menu pop – up)

Voulez – vous ouvrir le formulaire de contact dans la fenêtre contextuelle du site WordPress? Dans cet article, je vais vous montrer plusieurs façons de créer des formulaires de contact pop – up WordPress en utilisant des plug – ins. Vous pouvez demander à l’utilisateur de cliquer sur le bouton pour ouvrir le formulaire de contact dans une fenêtre contextuelle. Alternativement, vous pouvez activer automatiquement le formulaire de contact en fonction de différentes conditions. Tout d’abord, je vais vous montrer comment faire cela en utilisant une combinaison 100% gratuite de plug – ins pop – up et modules. Par conséquent, je vais également vous montrer comment utiliser un seul plug – in dans la version payante d’elementor (elementor pro).
Donc, à partir de maintenant, il y a deux façons d’ouvrir le formulaire de contact dans la fenêtre contextuelle de WordPress… Comment créer gratuitement un formulaire de contact pop – up WordPress Voici un exemple de création avec cette méthode: Après vous avoir montré comment ouvrir une fenêtre contextuelle après que les visiteurs cliquent sur le bouton, je vais également partager quelques façons de démarrer automatiquement la fenêtre contextuelle. Pour ce faire, vous avez besoin de deux plug – ins gratuits: popup Maker: ce plug – in vous permet de créer une fenêtre contextuelle qui héberge le formulaire de contact et l’active lorsque l’utilisateur clique sur le bouton. Wpforms (ou votre plug – in de formulaire de contact préféré) – dans ce tutoriel, je vais utiliser wpforms pour créer un formulaire de contact dans une fenêtre contextuelle. Cependant, vous devriez être en mesure d’utiliser n’importe quel plug – in de formulaire de contact qui vous permet d’intégrer le formulaire avec un code court. Continuez à installer et à activer les deux plug – ins. Voici comment…
Étape 1: créer un formulaire de contact pour commencer, utilisez le plug – in de formulaire de contact préféré pour créer un formulaire de contact à inclure dans la fenêtre contextuelle. Si vous utilisez wpforms pour ce faire, vous pouvez aller à wpforms → ajouter nouveau pour créer votre propre
Opup auto (au lieu de cliquer sur un bouton) Si vous souhaitez ouvrir automatiquement la fenêtre contextuelle du formulaire de contact au lieu de demander aux visiteurs de cliquer sur un bouton ou un lien, vous pouvez utiliser l’onglet déclencheur lors de l’édition de la fenêtre contextuelle.
Par exemple, vous pouvez ajouter un déclencheur pour ouvrir automatiquement une fenêtre contextuelle après x secondes: La version avancée du plug – in popup Maker comprend plusieurs options d’activation, telles que l’activation d’une fenêtre contextuelle en fonction de la distance que le visiteur parcourt sous la page. Comment ouvrir un formulaire de contact dans un pop – up WordPress en utilisant elementor pro Voici un exemple de création avec cette méthode: Elementor est un plug – in de création de page populaire qui vous permet de créer votre propre contenu en utilisant un éditeur visuel avec des sélections glisser – déposer. Nous l’utilisons au wplift et l’avons bien examiné. Avec la dernière version d’elementor pro, vous pouvez maintenant créer n’importe quel type de pop – up en utilisant la même interface, y compris un pop – up qui affiche le formulaire de contact.
Elementor pro coûte 49 $, mais avec cette méthode, vous aurez plus de flexibilité dans l’apparence et le fonctionnement des POP – ups et des modules. Voici comment utiliser cette fonctionnalité dans elementor pro. Étape 1: après avoir installé et activé elementor et elementor pro, créez une fenêtre contextuelle où vous pouvez accéder au modèle → fenêtre contextuelle → ajouter une nouvelle fenêtre contextuelle: Ensuite, nommez la fenêtre contextuelle et cliquez sur créer un modèle: Un ensemble prédéfini de modèles pop – up s’ouvre. Vous trouverez ici plusieurs modèles de formulaire de contact prédéfinis, que je considère comme la façon la plus simple de commencer. Ou vous pouvez fermer cette fenêtre à tout moment et créer votre propre pop – up à partir de zéro. Je vais acheter un modèle pour information.
Étape 2: personnaliser le formulaire au lieu d’avoir besoin d’un plug – in de formulaire de contact distinct comme première méthode, vous pouvez simplement utiliser le Widget de formulaire d’élément
Veuillez noter dans les commentaires que nous ferons de notre mieux pour vous aider!