Un popup d'abonnement déclenché par un clic peut augmenter efficacement le taux d'inscription à votre site web tout en améliorant l'expérience de l'utilisateur. Elementor offre des outils puissants pour créer et personnaliser les popups, ce qui facilite la mise en place d'un popup "click-to-open" (cliquer pour ouvrir) fenêtre contextuelle d'abonnement. Ce tutoriel vous guidera à travers chaque étape de la création d'une fenêtre contextuelle d'abonnement qui ne s'affiche que lorsque les utilisateurs cliquent sur un lien ou un bouton spécifique.

Introduction

Les fenêtres contextuelles d'abonnement peuvent être un excellent moyen d'attirer l'attention des visiteurs et de les encourager à s'inscrire à votre lettre d'information, à vos promotions ou à vos mises à jour. Contrairement aux popups à déclenchement automatique, qui peuvent interrompre l'expérience de l'utilisateur, un popup à déclenchement par clic ne s'ouvre que lorsque l'utilisateur est prêt à le voir, ce qui le rend plus convivial et plus susceptible de convertir. Voyons comment vous pouvez créer une fenêtre contextuelle d'abonnement dans Elementor qui s'ouvre en cliquant sur un lien ou un bouton.

Étape 1 : Créer le modèle de fenêtre contextuelle d'abonnement

1. Modèles d'éléments d'accès ou de fenêtres contextuelles
   • Connectez-vous à votre tableau de bord WordPress et naviguez vers Modèles > Popups.
   • Cliquez sur Ajouter une nouvelle fenêtre pop-up pour créer un nouveau modèle de fenêtre contextuelle.

1. Nommez et créez votre modèle de fenêtre contextuelle
   • Donnez à votre popup un nom pertinent, tel que "Popup d'abonnement"Cliquez ensuite sur Créer un modèle.

2. Choisissez ou concevez la mise en page de votre fenêtre contextuelle
   • Elementor vous présentera une variété de modèles de popups préconçus. Sélectionnez celui qui correspond à vos besoins, ou commencez par une modèle vierge.
   • Cliquez sur Insérer pour ouvrir le modèle sélectionné dans l'éditeur Elementor. En cliquant sur l'icône "x"vous permet d'accéder à la page vierge du modèle.

3. Ajouter un formulaire d'abonnement
   • Faites glisser le Formulaire widget dans la fenêtre contextuelle pour ajouter un formulaire d'abonnement.
   • Configurez les champs du formulaire pour capturer les informations nécessaires, typiquement :
     • Nom (facultatif) - pour une expérience plus personnalisée.
     • Courriel (obligatoire) - en tant qu'information principale pour un abonnement.
   • Restez simple avec un simple champ d'email pour augmenter la probabilité d'inscription.

4. Configurer les actions de soumission de formulaire
   • Mettez à jour le texte du bouton d'envoi du formulaire en le rendant plus attrayant, par exemple "S'abonner maintenant" ou "Recevoir les mises à jour".
   • Dans le cadre de la Actions après l'envoi sélectionnez Courriel ou MailChimp (si vous utilisez MailChimp pour le marketing par courriel).
   • Personnalisez les actions postérieures à la soumission, telles que l'envoi d'un message de remerciement ou l'ajout d'un avis de réussite.

5. Style de votre popup
   • Utilisez les options de style d'Elementor pour personnaliser l'élément couleurs du formulaire, polices de caractèreset espacement pour correspondre à l'image de marque de votre site web.
   • Pour attirer l'attention, ajoutez un titre tel que "Restez informé" ou ".S'abonner aux dernières nouvelles. “

6. Enregistrer et publier la fenêtre contextuelle
   • Une fois que vous êtes satisfait du design, cliquez sur Publier. Vous êtes maintenant invité à configurer les paramètres d'affichage de la fenêtre contextuelle.

Étape 2 : Configurer les paramètres d'affichage et de déclenchement de la fenêtre contextuelle

1. Définir les conditions d'affichage
   • Cliquez sur Ajouter une condition et choisissez Tout le site ou une page spécifique où vous souhaitez que la fenêtre contextuelle soit accessible.

2. Configurer les déclencheurs
   • Désactivez tout déclencheur automatique (comme "Au chargement de la page" ou "Au défilement"). Cette étape permet de s'assurer que la fenêtre contextuelle n'apparaît que lorsque l'utilisateur clique sur un lien ou un bouton désigné.

3. Sauvegarder les paramètres d'affichage
   • Confirmez vos réglages en cliquant sur Enregistrer et fermer.

Étape 3 : Créer le lien ou le bouton qui déclenchera la fenêtre contextuelle

1. Modifiez la page ou le message dans lequel vous souhaitez insérer le lien.
   • Ouvrez la page ou l'article où vous souhaitez ajouter le lien ou le bouton déclencheur dans Elementor.
2. Ajouter un lien ou un bouton pour le déclencheur de la fenêtre contextuelle
   • Insérer un Bouton ou un widget de lien textuel pour servir de déclencheur à la fenêtre contextuelle. Utilisez un texte engageant comme "S'inscrire maintenant" ou "S'abonner aux mises à jour".
   • Vous pouvez associer le déclencheur de la fenêtre contextuelle à une image, à une icône ou à un autre élément cliquable pour obtenir un aspect personnalisé.

3. Définir l'action de déclenchement de l'ouverture de la fenêtre contextuelle
   • Sélectionnez le lien ou le bouton, puis allez à Paramètres des liens dans l'éditeur Elementor.
   • Définissez le type de lien sur Tags dynamiquespuis sélectionnez Actions > Popup dans la liste déroulante.

4. Choisissez l'action et le nom de la fenêtre contextuelle
   • Choisissez Ouvrir la fenêtre pop-up comme action et sélectionnez le nom de la fenêtre contextuelle d'abonnement que vous avez créée précédemment.
   • Vous pouvez également définir une action de fermeture de la fenêtre contextuelle si vous souhaitez que les utilisateurs puissent la fermer manuellement.

5. Sauvegarder vos modifications
   • Cliquez sur Mise à jour pour enregistrer les modifications apportées à la page.

Étape 4 : Tester la fenêtre contextuelle

1. Prévisualiser la page
   • Visitez la page où vous avez ajouté le déclencheur de fenêtre contextuelle, cliquez sur le lien ou le bouton et assurez-vous que la fenêtre contextuelle d'abonnement s'affiche correctement.

2. Soumission du formulaire de contrôle
   • Soumettez une entrée test pour vous assurer que le formulaire fonctionne comme prévu. Si vous avez configuré le formulaire pour qu'il envoie une notification par courriel, vérifiez que le courriel est bien reçu.
   • Si vous êtes connecté à un outil comme MailChimp, vérifiez que l'abonnement test a été ajouté à la bonne liste.

Autres conseils et recommandations

• Ajouter une animation: Dans les paramètres avancés de la fenêtre contextuelle, vous pouvez ajouter des animations d'entrée et de sortie (telles que des fondus enchaînés ou des glissements) pour rendre la fenêtre plus fluide et plus attrayante.

• Optimiser pour les mobiles: Passez à l'affichage mobile dans l'éditeur Elementor et ajustez la conception de la fenêtre contextuelle pour les écrans mobiles afin d'assurer une expérience transparente pour les utilisateurs mobiles.
• Contrôle de la fréquence: Si vous prévoyez d'avoir plusieurs fenêtres pop-up, limitez leur fréquence pour ne pas submerger les utilisateurs.

• Déclaration de confidentialité : Utilisez la Texte oubliez d'ajouter une brève clause de non-responsabilité au bas du formulaire pour garantir aux utilisateurs que leurs données électroniques seront conservées en toute sécurité.

Conclusion

La création d'un popup d'abonnement déclenché par un clic dans Elementor augmente efficacement le taux d'inscription à l'email de votre site web tout en garantissant une expérience positive pour l'utilisateur. Contrairement aux popups à déclenchement automatique, cette approche n'affiche le popup que lorsque l'utilisateur est prêt à s'engager, ce qui le rend moins intrusif et plus susceptible de convertir. En suivant ces étapes, vous pouvez facilement concevoir, personnaliser et configurer une fenêtre contextuelle d'abonnement qui s'aligne sur votre marque et encourage l'interaction avec l'utilisateur. Une fenêtre contextuelle bien conçue et placée à un endroit stratégique peut s'avérer précieuse pour développer votre liste d'adresses électroniques et rester en contact avec votre public.