Comment créer des popups d'abonnement déclenchés par le clic dans Elementor

Les fenêtres pop-up d'abonnement déclenchées par le clic sont un moyen efficace d'augmenter le taux d'abonnement à l'e-mail sur votre site web. Par rapport aux pop-ups automatiques, il s'agit d'une approche plus conviviale qui ne s'affiche que lorsque l'utilisateur clique activement sur un bouton ou un lien afin d'éviter d'interférer avec le processus de lecture.Elementor Fournit un puissant générateur de fenêtres contextuelles qui permet de mettre en œuvre facilement cette fonctionnalité.

Cet article explique comment créer des abonnements déclenchés par des clics en utilisant Elementor.fenêtre contextuelleLe processus complet, étape par étape, de la création d'un modèle à la configuration d'un déclencheur, en passant par la connexion d'un bouton de page, est couvert.

I. Créer un modèle de pop-up d'abonnement

1. aller à la page de création du modèle de fenêtre contextuelle

• s'inscrire WordPress En coulisses ;
• Allez dans Modèles > Popups ;
• Cliquez sur "Ajouter une nouvelle fenêtre contextuelle".

Nommez la fenêtre contextuelle, par exemple "Fenêtre contextuelle d'abonnement", et cliquez sur "Créer un modèle".

2. sélection ou conception d'un modèle de fenêtre contextuelle

• Elementor fournit une variété de modèles de popups prédéfinis ;
• Vous pouvez choisir un modèle approprié ou cliquer sur "x" pour créer votre propre modèle à partir d'un modèle vierge ;
• Cliquez sur "Insérer" pour ouvrir l'éditeur de modèles.

3. ajouter un formulaire d'abonnement

• Faites glisser le "Formulaire (Formulaire)" dans la fenêtre pop-up ;
• Il suffit généralement de définir le contenu du champ :
  • Courriel(obligatoire) ;
  • Ajouter éventuellement Nom afin d'améliorer l'expérience personnalisée ;
• Les conceptions simples permettent généralement d'améliorer les taux de remplissage.

4. configuration des opérations de soumission

• Modifier le texte des boutons, par exemple "S'abonner maintenant" ou "Recevoir des mises à jour" ;
• Dans "Actions après l'envoi", sélectionnez :
  • Courriel ;
  • Ou intégrez MailChimp, ActiveCampaign et bien d'autres encore ;
• Préparez un message de retour d'information ou de remerciement après la soumission.

5. embellir le style de la fenêtre pop-up

• L'onglet Style permet de personnaliser les couleurs, les marges, les polices, etc ;

• AttrayantelégendePar exemple, "s'abonner aux dernières nouvelles" ou "ne manquer aucune mise à jour".

6. affichage de fenêtres pop-up

Cliquez sur "Publier" pour accéder à l'interface de définition des conditions d'affichage.

Deuxièmement, définir les conditions d'affichage et de déclenchement de la fenêtre pop-up

1. définir les conditions d'affichage (Conditions d'affichage)

• Cliquez sur "Ajouter une condition" ;

• Vous pouvez sélectionner "Tout le site" ou des pages spécifiques.

2) Désactivation des déclencheurs automatiques

• Désactiver les options de déclenchement automatique telles que "au chargement de la page" et "au défilement" ;
• L'objectif est de faire en sorte que la fenêtre contextuelle ne s'affiche que lorsqu'un élément spécifique est cliqué.

3) Sauvegarde des paramètres

• Cliquez sur "Enregistrer et fermer".

III. création de liens ou de boutons déclenchés par un clic

1. éditer la page où le lien déclencheur doit être inséré

• Ouvrez la page correspondante avec Elementor ;
• Insérez un widget "Bouton" ou "Texte" avec un texte qui peut être défini comme "S'abonner maintenant" ou "S'informer". S'informer".

Vous pouvez également définir des déclencheurs sur des icônes, des images ou d'autres éléments cliquables.

2. définir l'action de déclenchement

• Sélectionnez le bouton et cliquez sur "Link Settings" ;
• Définissez le type de lien sur "Balises dynamiques" ;

• Sélectionnez Actions > Popup dans la liste déroulante ;

• Sélectionnez "Ouvrir la fenêtre contextuelle" et associez la fenêtre contextuelle d'abonnement précédemment créée ;

• Une action "Fermer la fenêtre contextuelle" peut être ajoutée pour permettre aux utilisateurs de la fermer manuellement.

3. enregistrer les modifications

Cliquez sur "Mettre à jour" pour enregistrer les paramètres de la page.

IV. tester la fonction pop-up

1. page de prévisualisation

• Ouvrez la page en question, cliquez sur le bouton ou le lien et vérifiez que la fenêtre contextuelle s'affiche correctement.

2) Tests de soumission de formulaires

• Entrez dans la boîte aux lettres pour vérifier si la fonction d'envoi est disponible ;
• Si la notification par courrier électronique est activée, vérifiez si vous recevez la notification ;
• Si vous connectez le MailChimpvérifie si l'abonnement a été écrit avec succès dans la liste.

v. recommandations additionnelles

• Ajouter une animationPour ajouter des effets de fondu, de glissement et autres à la fenêtre pop-up, passez aux paramètres "Avancés > Animation" ;

• Optimiser l'affichage mobilePour plus d'informations, consultez le site web de la Commission européenne : Passez à l'affichage mobile et personnalisez la mise en page de la fenêtre contextuelle ;
• Limiter la fréquence des fenêtres pop-upLes fenêtres pop-up : Évitez les fenêtres pop-up multiples qui interfèrent fréquemment avec l'accès à l'information ;

• Ajouter une déclaration de confidentialitéLes widgets de texte permettent de rappeler brièvement aux utilisateurs que leurs messages électroniques sont sécurisés.

VI. résumé

existent Elementor La création de fenêtres contextuelles permettant de cliquer pour s'abonner dans l'e-mail permet non seulement d'augmenter les taux d'abonnement, mais aussi de rendre les utilisateurs plus enclins à remplir les e-mails dans un état d'engagement actif.formulaire (document). Cette forme de pop-up est plus naturelle et plus accessible qu'un pop-up automatique.

Mises à jour récentes

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.