Présentation d’Elementor 3.26 : Conception dynamique et performances améliorées

Cette version introduit des mises à jour passionnantes qui améliorent la flexibilité de conception, optimisent la vitesse du site web et renforcent votre processus de construction de site. De l’activation du contenu dynamique avec le widget hors-cadre dans les grilles de boucles à la rationalisation du CSS et du DOM, cette mise à jour vise à rendre votre site web à la fois plus intelligent et plus rapide.

[Pro] Hors-cadre dynamique pour les grilles de boucles

Avec Elementor 3.26, nous avons concrétisé l’une de vos fonctionnalités les plus demandées : le widget hors-cadre peut désormais être ajouté directement aux modèles de grille de boucle. Cette amélioration vous permet de créer des conceptions plus riches et plus interactives en liant du contenu dynamique au widget hors-cadre, offrant ainsi des expériences utilisateur fluides.

Que vous conceviez un catalogue de produits, une archive de blog ou une vitrine de services, cette fonctionnalité vous permet d’afficher des informations supplémentaires tout en gardant la mise en page propre et attrayante.

Révolutionnez vos grilles de produits

Le widget hors-cadre peut désormais être déclenché à partir de n’importe quel champ de lien que vous pouvez trouver sur un titre, un bouton, une image et plus encore. Voici un exemple de cas d’utilisation :

• Site de commerce électronique : Imaginez une grille affichant des produits avec un titre, une image et une brève description. Ajoutez un bouton « Aperçu rapide » à chaque produit qui ouvre une fenêtre modale hors-cadre. À l’intérieur de la fenêtre modale, vous pouvez afficher une description complète, le prix, des images supplémentaires du produit, et même un bouton Ajouter au panier – le tout dynamiquement lié au produit.
• Listings de services : Un répertoire de services pourrait montrer des résumés pour différentes offres dans la grille. En cliquant sur un bouton, on pourrait ouvrir un hors-cadre avec des descriptions détaillées, des témoignages, ou même un formulaire de réservation.

Cette fonctionnalité est conçue pour une flexibilité maximale, vous permettant de créer des expériences hautement personnalisées qui maintiennent l’engagement des utilisateurs. En révélant plus d’informations de manière dynamique sans nécessiter de navigation vers une nouvelle page, vous créerez un parcours plus fluide qui maintient l’attention des visiteurs et réduit les taux de rebond.

Obtenez Elementor Pro

Des sites web plus fluides et plus rapides grâce aux optimisations CSS et DOM

La performance est au cœur de tout site web exceptionnel, et Elementor 3.26 apporte des améliorations significatives pour garantir que votre site web soit plus rapide, plus léger et plus efficace. Cette version se concentre sur l’optimisation du chargement du CSS et la gestion de la structure DOM de votre site, impactant directement la vitesse de la page et l’expérience des visiteurs.

Chargement CSS plus intelligent

L’amélioration du chargement CSS, un effort continu pour accélérer et nettoyer vos sites web, fait un nouveau bond en avant. Elementor 3.26 introduit :

• Styles Swiper conditionnels : Les styles Swiper liés aux carrousels ne se chargent désormais que lorsqu’un widget de carrousel est présent sur la page. Cela économise 26,7 Ko de CSS inutile pour les pages sans carrousels, maintenant votre site léger et rapide.
• Tailles de fichiers CSS réduites : En affinant la gestion des styles, nous avons réduit la taille des fichiers qui alimentent votre conception, aidant vos pages à se charger plus rapidement et assurant une expérience plus fluide pour vos visiteurs.

DOM optimisé pour de meilleures performances

Le DOM (Document Object Model) est le fondement de la structure HTML de votre site. Un DOM plus volumineux peut ralentir le rendu des pages et avoir un impact négatif sur votre score Lighthouse. Elementor 3.26 aborde cette question avec une série d’améliorations :

• Widgets rationalisés : Les enveloppes inutiles ont été supprimées de la plupart des widgets, simplifiant la structure DOM tout en maintenant les fonctionnalités essentielles.
• Éléments d’accessibilité plus propres : Les éléments cachés pour les lecteurs d’écran ont été remplacés par des attributs plus efficaces, réduisant l’encombrement sans compromettre l’utilisabilité.
• Balisage de carrousel simplifié : Les enveloppes extérieures pour les widgets de carrousel ont été éliminées, réduisant davantage la taille du DOM.

Avec Elementor 3.26, votre site web n’est pas seulement plus rapide – il est plus intelligent, tirant parti des meilleures pratiques les plus récentes en matière de performance web pour rester à la pointe.

[Pro] Détection avancée d’AdBlock pour les fenêtres contextuelles

Avec Elementor 3.26, la gestion de l’interaction de votre site web avec les visiteurs utilisant des bloqueurs de publicités devient plus intuitive et efficace. Un nouveau déclencheur de détection d’AdBlock, disponible dans le panneau Conditions d’affichage, vous permet d’afficher des fenêtres contextuelles spécifiques lorsque les visiteurs utilisent un logiciel de blocage des publicités. Cette fonctionnalité vous aide à communiquer des messages importants, tels qu’encourager les utilisateurs à désactiver leur bloqueur de publicités pour une meilleure expérience ou pour accéder à un contenu spécifique.

Afin d’améliorer davantage cette fonctionnalité, nous avons ajouté la balise dynamique Reload Page. Cela vous permet de créer des fenêtres contextuelles interactives et exploitables, telles qu’une fenêtre avec un bouton intitulé « J’ai désactivé AdBlock ». Lorsque l’on clique sur ce bouton, la page se rafraîchit, garantissant ainsi que l’expérience mise à jour reflète les actions du visiteur. Ensemble, ces mises à jour facilitent l’interaction avec les utilisateurs bloquant les publicités de manière fluide et conviviale.

Obtenez Elementor Pro

Unifier les images de produits avec l’IA

La nouvelle fonctionnalité Unify Product Images, propulsée par Elementor AI, aide les propriétaires de boutiques WooCommerce à obtenir un aspect cohérent et professionnel pour leurs boutiques en ligne. Cette nouvelle fonctionnalité standardise sans effort vos images de produits, garantissant qu’elles aient toutes le même style, quelle que soit leur origine. Elle centre toutes les images, peut ajouter une ombre subtile pour créer de la profondeur, et vous permet même de sélectionner la couleur d’arrière-plan ! Choisissez votre couleur d’arrière-plan à partir d’un sélecteur de couleurs ou fournissez un code hexadécimal spécifique pour correspondre parfaitement à votre marque. Cela vous fait non seulement gagner un temps et des efforts précieux, mais rehausse également l’image de votre marque, rendant vos produits plus attrayants pour les clients. Vous pouvez accéder à cet outil puissant depuis n’importe quelle page de produit ou l’appliquer en tant qu’action groupée à l’ensemble de votre catalogue de produits.

Mises à jour supplémentaires d’Elementor 3.26

• Améliorations de l’accessibilité : Attributs mis à jour et navigation au clavier améliorée, contribuant à rendre les pages Elementor avec des carrousels plus accessibles, assurant la conformité aux normes d’accessibilité web et créant une expérience utilisateur plus inclusive.
• Ajout de support aux blocs Gutenberg dans l’interface utilisateur – Le rendu des blocs est désormais pris en charge et visible à la fois dans l’interface utilisateur et l’interface d’administration, mais ne peut pas être modifié avec Elementor.
• Mise à jour de support pour Safari : La version minimale de Safari prise en charge est désormais 15.5, garantissant une fonctionnalité et des performances modernes.

Mettez à jour aujourd’hui pour explorer les nouveautés

Elementor 3.26 comprend des mises à jour qui améliorent les performances, la flexibilité de conception et le flux de travail de votre site web. Effectuez la mise à jour dès maintenant et libérez tout le potentiel de ces nouvelles fonctionnalités, rendant vos sites web plus rapides, plus intelligents et plus attrayants que jamais.

Obtenez Elementor Pro