Revue Elementor 3.6 : nouvelles fonctionnalités et améliorations

Avez-vous déjà essayé Elementor 3.6 ?

Ou attendez-vous un bon test Elementor 3.6 pour vous faire une opinion ?

Eh bien, si vous l'êtes, votre attente est terminée !

Parce que dans cet article, vous découvrirez en détail tous les nouveaux ajouts de fonctionnalités et améliorations d'Elementor 3.6.

Elementor 3.6 vise à vous aider à créer des sites Web qui rehaussent l'identité de la marque. Ainsi, il se concentre principalement sur les fonctionnalités qui aideront à créer des conceptions réactives au pixel près qui se chargent plus rapidement afin que vos utilisateurs aient la meilleure expérience d'achat.

Outre de nouvelles fonctionnalités, vous obtiendrez également de nouveaux widgets WooCommerce pour améliorer l'expérience d'achat sur votre site Web Elementor.

Cependant, il s'agit d'une version expérimentale, vous n'avez donc pas besoin de passer immédiatement à Elementor 3.6. Vous pouvez essayer les nouvelles fonctionnalités, puis changer progressivement si vous le souhaitez.

Mais pour cela, vous devez savoir quelles sont les fonctionnalités et les améliorations d'Elementor 3.6 , n'est-ce pas ?

Alors, allons droit au but et passons à la revue Elementor 3.6….

Nouvelles fonctionnalités et améliorations d'Elementor 3.6

J'ai essayé d'inclure toutes les principales fonctionnalités et améliorations que le dernier Elementor a à offrir. Lisez le blog pour trouver plus de détails sur les fonctionnalités.

Présentation des conteneurs Flexbox

Elementor 3.6 a introduit une nouvelle structure de mise en page comme les conteneurs CSS flexbox. Avec les conteneurs flexbox, plus besoin de sections intérieures !

Vous pouvez ajouter des widgets directement à un conteneur et également ajouter des conteneurs dans un conteneur pour créer des lignes et des colonnes. Vous pouvez personnaliser les directions des conteneurs pour qu'ils se transforment en ligne ou en colonne.

Cette disposition de conteneur garantira des conceptions réactives au pixel près. En outre, les conteneurs flexbox utilisent une sortie DOM plus optimisée, ce qui améliorera considérablement les performances du site.

Si vous vous inquiétez de la façon dont vous allez convertir votre site Elementor structuré en sections-colonnes actuel vers la nouvelle structure de conteneur flexbox, ne le soyez pas.

Parce qu'Elementor 3.6 est livré avec une option de conversion facile à utiliser sous les paramètres de page/publication. Vous pouvez simplement cliquer sur le bouton/l'option de conversion et avoir une version conteneur flexbox de votre page sans faire de glisser-déposer supplémentaire.

Nouvelle fonctionnalité d'importation/exportation

Elementor 3.6 vous offre de nouvelles fonctionnalités en matière d'exportation et d'importation, ce qui rendra la conception Web plus rapide que jamais.

Vous vous demandez comment ?
Eh bien, la nouvelle version d'Elementor est livrée avec la fonctionnalité Import-Export Template Kit qui vous permet non seulement d'importer du contenu, des paramètres de site et des modèles, mais également un kit de site Web complet dans un autre site Web .

Ainsi, vous pouvez désormais exporter/importer tous les plugins qu'un site Web utilise avec Elementor et Elementor Pro, tels que WooCommerce vers un autre site en quelques clics. Vous pouvez également choisir les plugins et les paramètres que vous souhaitez importer.

Une autre grande chose à propos de cette nouvelle fonctionnalité est que vous pouvez importer tous les liens dynamiques et références du site. Et vous pourrez également voir une version résumée de tous les plugins, paramètres, etc. que vous choisissez à l'écran.

Transitions de page avec Preloader

Oui! Désormais, vous n'aurez plus besoin d'aucun plugin supplémentaire pour ajouter un préchargeur à votre site Elementor. Elementor 3.6 offre la possibilité de créer votre propre transition de page personnalisée avec un préchargeur qui reflète et promeut votre marque tout en offrant à votre utilisateur une meilleure expérience.

Vous pouvez trouver les paramètres de transition de page sous Paramètres du site. Vous pouvez personnaliser la couleur d'arrière-plan, la couleur du texte et l'animation de l'entrée. Vous pouvez également choisir le type de préchargement tel que l'image, le texte, l'animation , etc. ainsi que les paramètres de temps et de temps de retard du préchargement.

Réorganiser les couleurs et les polices globales

Certains peuvent ne pas considérer cet ajout comme très crucial. Cependant, si vous êtes un perfectionniste et que vous aimez travailler de manière organisée, cette fonctionnalité peut rendre votre processus de conception Web plus facile.

Maintenant, vous pouvez réorganiser les polices et les couleurs globales. Vous pouvez réorganiser l'ordre des couleurs du système global et des couleurs personnalisées. Cependant, vous ne pouvez supprimer que les couleurs personnalisées. De même, vous pouvez réorganiser les polices globales et supprimer les polices personnalisées, pas celles du système.

Ajout et améliorations de widgets

Si vous attendiez de nouveaux widgets WooCommerce pour améliorer l'expérience d'achat de vos clients, vous serez heureux de savoir que deux nouveaux widgets ont été ajoutés ainsi que de nouvelles mises en page améliorées du widget Ajouter au panier.

Widget récapitulatif des achats :

Avec ce widget WooCommerce, vous pouvez créer et personnaliser la page de confirmation de commande. Ici, vous pouvez personnaliser les messages de confirmation, les détails de paiement, les coordonnées bancaires, les téléchargements, le récapitulatif des achats, les détails de facturation, etc.

Widget Avis WooCommerce :

Avec ce widget, vous pouvez afficher des avis personnalisés sur l'en-tête des pages WooCommerce. Ce widget remplacera tous les avis WooCommerce par défaut. Vous pouvez ajouter et personnaliser différents avis WooCommerce à partir des paramètres du site.

Nouvelle disposition du widget Ajouter au panier :

Vous obtiendrez maintenant de nouvelles options de mise en page pour votre widget Elementor Ajouter au panier. Les trois mises en page sont Auto, Inline ou Stacked. De cette façon, vous aurez plus de contrôle pour améliorer l'apparence de votre section Ajouter au panier.

Amélioration des performances

Comme chaque nouvelle version, cette nouvelle version d'Elementor a également amélioré de nombreuses fonctionnalités pour améliorer les performances globales de votre site Web. Cette fois, l' ajout d'une charge paresseuse est le point culminant.

Avec la fonction de chargement paresseux, contrairement aux versions précédentes, l'ensemble du contenu de votre site Web ne se chargera plus en même temps. Au contraire, il ne chargera que la partie immédiatement visible pour l'utilisateur . Et le reste du contenu sera chargé au fur et à mesure que l'utilisateur défilera vers le bas.

Ce chargement paresseux sera applicable sur le widget Carrousel et la fonctionnalité de diaporama en arrière-plan de toutes les sections de votre site Web. En conséquence, vous verrez un grand bond en avant dans l'amélioration des performances.

En fait, vous serez surpris de savoir qu'avec la nouvelle version, le CSS est réduit à 11 ko au lieu de 137 ko. Oui, la différence est de 126kb !

De plus, 'elementor-section-wrap' a été supprimé pour minimiser les sorties DOM car les sorties DOM optimisées vous donneront une meilleure vitesse de chargement du site Web.

ElementsKit est-il compatible avec Elementor 3.6 ?

Oui. ElementsKit est entièrement compatible avec Elementor 3.6

Ainsi, ceux d'entre vous qui aiment utiliser ElementsKit pour créer et personnaliser des sites Elementor n'ont rien à craindre.

Nos équipes de développeurs et d'assurance qualité ont testé Elementor 3.6 avec notre dernière version d'ElementsKit et nous pouvons vous assurer qu'il n'y a pas de conflit .

Cependant, si vous rencontrez des problèmes avec ElementsKit de votre site après avoir commencé à utiliser Elementor 3.6, vous pouvez contactez notre équipe d'assistance .

Si vous êtes quelqu'un qui est ravi d'utiliser Elementor 3.6 et qui recherche un module complémentaire pour ajouter plus de fonctionnalités sans avoir à faire face à des bogues ou des erreurs, vous pouvez sûrement essayer ElementsKit - Le module complémentaire ultime pour Elementor.

Il contient plus de 85 widgets et modules qui rendent actuellement plus fructueux les efforts de développement Web de plus d'un demi-million d'utilisateurs. Ce sera le complément parfait à votre boîte à outils de conception Web Elementor.

Derniers mots

Eh bien c'est ça! Elementor 3.6 semble impressionnant, n'est-ce pas ?

Bien que le passage à un conteneur flexbox semble un peu intimidant au début, le processus de conversion fourni par Elementor est plutôt bon.

Honnêtement, l'ajout de lazy load est mon préféré car il améliorera considérablement la vitesse de chargement du site Web, ce qui n'est pas négociable en ce qui concerne l'expérience utilisateur et le maintien d'un faible taux de rebond.

Je suggérerais que vous essayiez d'abord tout sur un site de développement. Si vous êtes satisfait des résultats, déplacez-le vers votre domaine réel.

J'espère que vous avez trouvé le blog utile. Partagez quelle nouvelle fonctionnalité est votre préférée dans la zone de commentaire.