Elementor 3.26 : Conception Dynamique et Performances Optimisées
Elementor 3.26 est une mise à jour majeure qui apporte des innovations significatives pour améliorer la conception des sites web, optimiser leurs performances et enrichir les outils à disposition des concepteurs. Découvrez les nouvelles fonctionnalités telles que le widget Off-Canvas pour les Loop Grids, les optimisations CSS et DOM, ainsi que les outils avancés comme la détection AdBlock.
Regardez la vidéo officielle d’Elementor :
Découvrez également l’article complet sur le site officiel : Consultez l’article officiel d’Elementor 3.26
Widget Off-Canvas Dynamique pour les Loop Grids ([Pro] Dynamic Off-Canvas for Loop Grids)
L’une des fonctionnalités les plus demandées par les utilisateurs est désormais disponible : le widget Off-Canvas peut maintenant être intégré dans les modèles de Loop Grids. Cette avancée révolutionnaire permet d’ajouter du contenu dynamique directement dans vos designs, créant ainsi des expériences utilisateur plus fluides et engageantes.
Cas d’utilisation :
- eCommerce : Ajoutez un bouton “Aperçu rapide” dans une grille de produits. Lorsqu’il est cliqué, un modal Off-Canvas affiche une description complète, des images supplémentaires et un bouton “Ajouter au panier”.
- Répertoire de services : Affichez une liste de services sous forme de grille. Lorsque l’utilisateur clique sur un bouton, une fenêtre Off-Canvas s’ouvre avec des détails supplémentaires, des témoignages ou un formulaire de réservation.
Ce widget améliore considérablement la navigation et réduit les taux de rebond en enrichissant les informations directement sur la même page.
Des Sites Web Plus Fluides avec des Optimisations CSS et DOM (Smoother, Faster Websites with CSS and DOM Optimizations)
Elementor 3.26 met l’accent sur la performance, garantissant des sites plus rapides et plus légers grâce à des optimisations du CSS et du DOM.
Optimisation CSS :
- Styles conditionnels Swiper : Les styles des carrousels ne se chargent que lorsqu’un widget carousel est présent sur la page. Cela permet d’économiser jusqu’à 26,7 Ko de CSS inutile.
- Réduction des fichiers CSS : Les styles sont désormais mieux gérés, ce qui accélère le temps de chargement des pages.
Optimisation DOM :
- Suppression des wrappers inutiles autour des widgets pour une structure simplifiée.
- Éléments d’accessibilité plus propres pour une meilleure performance sans compromis sur l’accessibilité.
- Marquage des carrousels simplifié, ce qui améliore les scores Lighthouse.
Détection Avancée des AdBlocks pour les Popups ([Pro] Advanced AdBlock Detection for Popups)
Avec Elementor 3.26, la gestion des visiteurs utilisant un bloqueur de publicités devient plus efficace. Un nouveau déclencheur de détection AdBlock est désormais disponible dans le panneau des conditions d’affichage.
Fonctionnalités :
- Affichez des popups ciblées aux utilisateurs d’AdBlock, en les invitant à désactiver leur bloqueur pour profiter pleinement de votre contenu.
- Utilisez la nouvelle balise dynamique “Recharger la page” pour permettre aux visiteurs de rafraîchir leur expérience après avoir désactivé leur AdBlock.
Cette fonctionnalité offre une solution conviviale pour engager ces utilisateurs tout en protégeant l’accès à vos contenus.
Unification des Images de Produits avec l’IA (Unify Product Images with AI)
Elementor AI introduit un outil révolutionnaire pour les boutiques WooCommerce : la standardisation automatique des images de produits. Cette fonctionnalité garantit une présentation uniforme et professionnelle de vos produits.
Principaux avantages :
- Centrage automatique : Toutes vos images sont alignées pour une cohérence visuelle.
- Effet d’ombre : Ajoutez une ombre subtile pour donner de la profondeur.
- Arrière-plan personnalisé : Sélectionnez une couleur d’arrière-plan via un sélecteur de couleur ou un code hexadécimal, en accord avec votre marque.
Cette solution permet de gagner un temps précieux tout en renforçant votre image de marque, rendant vos produits plus attrayants pour vos clients.
Autres Améliorations d’Elementor 3.26 (Additional Updates to Elementor 3.26)
- Améliorations de l’accessibilité : Navigation clavier optimisée et attributs mis à jour pour garantir la conformité avec les normes d’accessibilité.
- Support des blocs Gutenberg : Les blocs sont désormais visibles sur le frontend, bien qu’ils ne puissent pas être modifiés avec Elementor.
- Mise à jour du support Safari : La version minimale requise pour Safari est désormais 15.5.
Mettez à jour Elementor dès aujourd’hui ! (Update Today to Explore What’s New)
Avec Elementor 3.26, transformez vos sites web en plateformes plus rapides, dynamiques et performantes. N’attendez plus pour découvrir ces nouvelles fonctionnalités !