Elementor Free Templates Guide to Adding Popups, Forms & Rotating Images (en anglais)

Lorsque l'on utilise la version gratuite d'Elementor pour construire un site web, beaucoup de gens demandent : Pouvez-vous ajouter la fonctionfenêtre contextuelleQue se passe-t-il ? Y a-t-il desforme fonction?tableau rotatifOù l'installer ? La version gratuite a des fonctionnalités limitées, mais avec quelques plugins gratuits et quelques conseils utiles, il est encore possible de réaliser la plupart des conceptions d'interaction de base.

Tout d'abord, ajouter une fenêtre pop-up (Popup) - l'utilisation de plug-ins gratuits pour réaliser la fonction de fenêtre pop-up

Elementor Free EditionLa fonction pop-up n'est pas fournie en tant que telle, mais vous pouvez l'utiliser à l'aide de plugins gratuits.

Plugin recommandé :
Popup Maker (puissant et compatible)

Procédure d'exploitation :

• Installez et activez le plug-in "Popup Maker".

• Cliquez sur "Popup Maker > Add Popup" sur le côté gauche de l'arrière-plan pour créer une nouvelle fenêtre popup.

• Modifier le contenu des fenêtres contextuelles : ajouter du texte, des images, des codes courts et d'autres contenus que vous souhaitez afficher directement dans la zone de contenu.

• Si vous devez concevoir du contenu dans Elementor, vous pouvez créer un modèle ou une page dans Elementor à l'avance, puis coller son shortcode dans la fenêtre popup.
• Définir les conditions de déclenchement de la fenêtre pop-up (par exemple, cliquer sur un bouton, l'afficher après le chargement de la page, etc.)

• Enregistrer et publier des pop-ups

Lier les fenêtres contextuelles aux boutons :

1. àboutonsAjoute le nom de la classe CSS (fonctionne dans Elementor) :

• Éléments du bouton d'édition
• Cliquez sur l'onglet "Avancé" dans le panneau de gauche
• Remplissez le champ Classe CSS avec le nom de la classe, par exemple :show-popup

(Note : pas de point final) .Écrire directement show-popup (possible)

2) Définir les conditions de déclenchement dans la fenêtre contextuelle Popup Maker :

• Modifier les fenêtres pop-up
• Faites défiler vers le bas jusqu'au paramètre "Popup Settings > Triggers" ci-dessous.
• Cliquez sur "Ajouter un nouveau déclencheur" → Sélectionnez Cliquez sur Ouvrir

• Activer le "sélecteur de cible" dans les réglages ultérieurs
• importation .show-popup(cette fois avec un point pour indiquer un sélecteur de classe CSS)

Dès que l'utilisateur clique sur le bouton avec l'icône show-popup avec le nom de la classe déclenchera l'ouverture de cette fenêtre contextuelle. De cette manière, vous avez mis en œuvre la fonction Elementor Free Edition + Popup Maker L'effet de liaison du clic popup de la

Deuxièmement, ajoutez un formulaire (Form) - avec des plug-ins gratuits faciles à gérer

Elementor Pro n'a pas de module de formulaires intégré, mais vous pouvez choisir parmi les plugins gratuits suivants pour le faireforme fonction: :

Plugin recommandé :
WPForms Lite (pour les débutants)
Contact Form 7 (classique, fonctionnalité stable)

afin de WPForms Lite A titre d'exemple :

Processus opérationnels :

• Installer et activer WPForms Lite
• Cliquez sur "WPForms > Add New" en arrière-plan et sélectionnez un modèle (par exemple "Simple Contact Form").

• Glisser-déposer des champs pour ajuster la structure du formulaire (nom, courriel, message, etc.)

• Sauvegarder le formulaire, copier le shortcode

• Retournez sur la page Elementor et collez le widget "shortcode" pour afficher le formulaire.

Vous pouvez ainsi intégrer des formulaires dans n'importe quelle page ou fenêtre contextuelle et prendre en charge des interactions telles que les commentaires des utilisateurs, l'envoi d'informations, etc.

Troisièmement, ajoutez une carte rotative (Slider) - directement avec les composants intégrés pour réaliser

La version gratuite d'Elementor ne dispose pas d'un diaporama avancé, mais le diaporama de base est disponible.tableau rotatifLa fonction est autonome.

Utilisation :

• Ouvrez l'éditeur de page Elementor
• traîner dans "Rotation de l'image Gadgets (Carrousel d'images)

• Télécharger plusieurs images (taille uniforme recommandée)
• mettre en placediapositive (photographie, logiciel de présentation)Paramètres tels que l'effet de commutation, la vitesse de glissement, la lecture automatique, etc.

• Possibilité d'afficher ou non les flèches de navigation et les points de pagination

Ce composant est particulièrement adapté aux pages d'accueil BannièreLe contenu de ce site web est le suivant : "La marque de la coopération est affichée, et le cas du client est tourné".

Il peut être utilisé si vous souhaitez réaliser des diaporamas plus avancés, tels que des animations de texte et des combinaisons graphiques :

• Smart Slider 3 (version gratuite)
• MetaSlider (léger et pratique)

Il est ensuite intégré dans la page Elementor via un shortcode.

IV. recommandations et conseils supplémentaires

• La combinaison popup + formulaire est idéale pour les modules de conversion marketing tels que "Enquire Now" et "Get Offer".
• Après l'envoi du formulaire, il est recommandé de passer à la page de remerciement pour renforcer le sentiment de confiance de l'utilisateur
• Les images tournantes ne doivent pas être trop nombreuses, il est recommandé de ne pas dépasser 5 images, afin de ne pas ralentir la vitesse de chargement.
• Il est recommandé d'installer tous les plugins via le marché des plugins WordPress afin d'éviter d'utiliser des versions provenant de sources inconnues.

rendre un verdict

Elementor Les fonctionnalités de la version gratuite permettent également d'ajouter facilement des fenêtres contextuelles, des formulaires et des images rotatives pour donner à votre site un caractère interactif et une impression de professionnalisme. Si vous commencez avec un modèle gratuit, mettez les mains dans le cambouis et essayez ces méthodes. Une fois que vous les aurez apprises, non seulement vous économiserez sur votre budget, mais vous acquerrez également plus de compétences pour créer votre propre site web.

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.