Utiliser la fonction "canvas" d'Avada pour obtenir facilement l'effet de fenêtre pop-up : créer une expérience utilisateur efficace (06)

Dans les sites web modernes, le popup est un outil important pour augmenter efficacement le taux de conversion des utilisateurs, en particulier dans les sites web de commerce extérieur, les popups opportuns peuvent guider efficacement les utilisateurs pour initier des demandes ou participer à des activités promotionnelles. Cependant, beaucoup de gens ne savent pas encore que le thème Avada est livré avec la fonction "Canvas" (Canvas) qui fournit déjà des capacités flexibles de création et de configuration de popups, sans avoir besoin de recourir à des plug-ins supplémentaires ou à un code complexe. Dans cet article, nous allons expliquer en détail comment utiliser la fonction Canvas d'Avada pour mettre en place des popups efficaces, optimiser l'expérience utilisateur de votre site web et augmenter le taux de conversion des demandes de renseignements.

Etapes : Site web Backend→Avada Theme→Off Canvas→Enter Off Canvas Name

Enter Off Canvas Name : Créer un nom

Cliquez sur Live Edit (ci-dessous)

Il existe deux modes d'édition (voir ci-dessous)

Il est toutefois recommandé de procéder à une édition frontale pour obtenir un effet plus intuitif.

Sélectionner un conteneur

Ajouter un récipient approprié

augmenter

Il ne s'agit pas seulement de formulaires, mais aussi d'informations actualisées, telles que des images accompagnées de texte.

Cela dépend de vos besoins.

Les paramètres de l'ensemble du canevas, également appelé fenêtre contextuelle, peuvent également être définis, par exemple la couleur d'arrière-plan

Pour que l'effet soit plus intuitif, j'ai utilisé la couleur la plus foncée pour faire ressortir la différence. Si vous ne voulez pas que le contenu soit trop proche du bord, vous pouvez faire glisser le cadre intérieur, comme indiqué ci-dessus.

Étapes : Site web Backend→Avada Theme→Off Canvas→Off canvas Options→Conditions

Définition des conditions de déclenchement de la fenêtre pop-up

Après avoir configuré la fenêtre contextuelle, l'étape suivante consiste à définir les conditions de déclenchement. Pour les sites web consacrés au commerce extérieur, les utilisateurs cliquent généralement sur "Devis maintenant" ou d'autres boutons similaires, lorsque la fenêtre pop-up s'ouvrira. Bien sûr, certains webmasters souhaitent afficher la fenêtre pop-up immédiatement lorsque l'utilisateur visite la page, mais il convient de noter que cette approche peut affecter l'expérience de l'utilisateur et qu'il est recommandé de l'utiliser avec prudence.

Activez ensuite les paramètres dans le

Cliquez sur le bouton pour faire apparaître la fenêtre pop-up

Si vous choisissez de déclencher la fenêtre contextuelle en cliquant sur le bouton, vous n'avez pas besoin de définir d'autres paramètres pour le canevas, ni de configurer les conditions ou règles de déclenchement. Dans le module Boutons, trouvez l'icône empilée sur le côté droit de la barre URL, cliquez dessus et sélectionnez "Ouvrir le canevas".

Sélectionnez une condition, CONTENU DYNAMIQUE sur l'image (ci-dessous)

Sélectionnez Open Off Canvas comme suit

Sélectionnez le nom du canevas que nous avons édité précédemment (ci-dessous)

résultat final

De retour au premier plan, vous pouvez cliquer pour essayer de faire apparaître cette fenêtre contextuelle.

Outre les conditions de réglage mentionnées précédemment, il existe également une fonction de déclenchement(comme indiqué ci-dessous)

Étapes : Site web Backend→Avada Theme→Off Canvas→Off canvas Options→Triggers

Définir une condition de déclenchement dans le déclencheur

Par exemple, ce canevas se déclenche lorsque l'utilisateur a l'intention de quitter le site.

Étapes : Site web Backend→Avada Theme→Off Canvas→Off canvas Options→Rules

Mise en place de règles de déclenchement(comme indiqué ci-dessous)

Supposons que je veuille que cette fenêtre contextuelle s'affiche en permanence.

Étant donné que j'ai défini la condition de déclenchement pour qu'elle s'affiche sur l'ensemble du site et que la fenêtre contextuelle apparaît lorsque l'utilisateur a une intention de sortie, la fenêtre contextuelle s'affiche automatiquement chaque fois que je déplace la souris hors de la page. Si vous souhaitez que la fenêtre contextuelle s'affiche dès que l'utilisateur visite le site, il vous suffit de modifier la condition de déclenchement de l'intention de sortie pour qu'elle s'affiche au chargement de la page.

Il existe de nombreuses combinaisons de conditions de déclenchement pour les fenêtres pop-up, il est donc recommandé d'en essayer davantage. Parallèlement, nous devrions également tenir compte de l'expérience de l'utilisateur, par exemple en définissant des accroches marketing ou certaines conditions spécifiques pour déclencher la fenêtre contextuelle, ce qui peut améliorer efficacement la probabilité que les utilisateurs soumettent des demandes et qu'ils connaissent les informations sur les réductions offertes par le site, etc.

résumés

Avec la fonction canvas d'Avada, vous pouvez facilement créer différents types de pop-ups et définir les conditions de déclenchement en fonction des besoins de votre site web. Qu'elles soient déclenchées par un clic sur le bouton "Devis maintenant" ou qu'elles s'affichent au chargement de la page, elles sont faciles à configurer. Il est important de s'assurer que l'expérience de l'utilisateur n'est pas compromise lors de l'utilisation des popups, et que les crochets marketing et les déclencheurs sont réglés de manière appropriée pour maximiser les conversions des utilisateurs. Nous espérons que ce tutoriel vous permettra de mieux utiliser la fonction "canvas" d'Avada pour créer des pop-ups efficaces et conviviaux pour votre site de commerce extérieur. Dans le prochain numéro, nous continuerons à explorer d'autres fonctionnalités utiles du thème Avada, restez à l'écoute !

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 : [email protected]
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.