Maîtriser les Popups Avada pour de bon : Créer des Popups de qualité professionnelle avec des éléments modaux

en utilisant Thème Avada Lors de la création d'un site web, les pop-ups sont sans aucun doute un outil important pour améliorer l'expérience de l'utilisateur. Qu'elles soient utilisées pour afficher des formulaires, des images, des cartes ou pour diffuser des informations promotionnelles, les fenêtres pop-up sont un outil important pour améliorer l'expérience de l'utilisateur.Éléments modaux pop-up Tous ces éléments présentent le contenu d'une manière propre et élégante. Aujourd'hui, nous allons vous faire plonger dans l'utilisation de l'élément Modal d'Avada et dans la mise en œuvre d'une nouvelle façon de présenter le contenu par le biais de l'élémentboutonsles clics sur le menu ou l'image déclenchent des fenêtres contextuelles.

Quels sont les éléments modaux d'Avada ?

Élément modal être Avada Builder Un composant de fenêtre contextuelle de contenu est fourni. Il vous permet de définir une zone cachée sur la page qui ne s'ouvrira que lorsqu'elle sera déclenchée par un clic. Il peut être utilisé pour :

• démontrerFormulaire de contact
• Afficher les détails
• Insérer le contenu d'un portfolio graphique
• Pop-up, conseils, cartes, etc.

La fenêtre modale elle-même est cachée.Le seul moyen d'atteindre le sommet de la liste est de passer la commandeles trois suivantsL'un des moyens est déclenché avant d'être affiché :

1. élément de bouton-poussoir
2. point de menu
3. Texte modal / Élément de lien HTML

Tutoriel d'utilisation

1. entrer dans le mode d'édition d'Avada

• Se connecter au backend de WordPress
• En arrière-plan, cliquez sur "page web"Sélectionnez la page que vous souhaitez concevoir
• Cliquez "Bâtisseur en direct"Entrer dans le mode d'édition d'Avada

Étape 2 : Ajouter l'élément modal

• Sélectionnez ce que vous voulez concevoir et cliquez sur "+"Ajout d'élémentsoptions (comme dans les paramètres d'un logiciel informatique)

• existentListe des élémentsInsère un élément modal.

• Ouvrez le panneau Paramètres et configurez les options suivantes à tour de rôle :

Étape 3 : Modifier le contenu de la fenêtre modale

Avada fournit une zone d'édition de contenu visuelle complète permettant d'ajouter directement du texte et des images. Toutefois, si vous souhaitez mettre en œuvre des mises en page plus complexes, telles que des graphiques et du texte côte à côte, des colonnes imbriquées, etc :Créez d'abord la présentation du contenu dans une page vierge à l'aide d'Avada Builder, puis cliquez avec le bouton droit de la souris pour copier le contenu correspondant.conteneursou une colonne, puis le coller dans la zone de contenu de la modale.

Exemple de structure de contenu :

• colonne de gauche: :
  • Éléments photographiques (graphiques promotionnels)
  • Élément d'image (Logo)
  • Bloc de texte (brève description)

• colonne de droite: :
  • Éléments de formulaire Avada (par exemple, formulaire de contact)

• Une fois la colonne construite, cliquez avec le bouton droit de la souris sur l'ensemble de la colonne imbriquée → faire une copie de

• Retournez ensuite dans l'éditeur d'éléments modaux, faites un clic droit et collez dans la zone de contenu, et le tour est joué.

résumés

L'élément Modal popup d'Avada offre une grande flexibilité pour ajouter de l'interactivité et de la présentation d'informations aux sites web. Grâce à cet article, vous avez maîtrisé le processus complet d'ajout d'éléments modaux, de configuration des propriétés de la fenêtre contextuelle et d'insertion de structures de contenu complexes. Pour en savoir plus sur le fonctionnement de la connaissance du thème Avada, veuillez consulter cet articleTutoriel Astra Theme NannyIl contient l'importation du modèle de thème Avada, la configuration des pages, les paramètres de l'en-tête et du pied de page,Réglage de la page d'accueilet d'autres connaissances opérationnelles complètes.