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

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

Ou attendez-vous un bien Examen d'Elementor 3.6 se décider ?

Eh bien, si c’est le cas, votre attente est terminée !

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

Elementor 3.6 a pour objectif de 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 pour appareils au pixel près que charger plus rapidement afin que vos utilisateurs aient le meilleure expérience d'achat.

Outre les nouvelles fonctionnalités, vous obtiendrez également 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, il faut savoir quelles sont les fonctionnalités et améliorations d'Elementor 3.6, droite?

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 les plus récentes Élémentor a à offrir. Lisez le blog pour trouver plus de détails sur les fonctionnalités.

✨ Introduction des conteneurs Flexbox

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

Tu peux ajouter des widgets directement à un conteneur et ajoutez également des conteneurs dans un conteneur pour créer des lignes et des colonnes. Vous pouvez personnaliser les directions des conteneurs pour les transformer en ligne ou en colonne.

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

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

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

Note: Pour savoir comment utiliser le nouveau conteneur flexbox en détail, cliquez sur ici.

✨ Nouvelle fonctionnalité d'importation/exportation

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

Vous vous demandez comment ?
Eh bien, la nouvelle version d'Elementor est livrée avec le Kit de modèles d'import-export fonctionnalité qui vous permet non seulement d'importer du contenu, des paramètres de site et des modèles, mais aussi 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 obtenez également choisissez les plugins et les paramètres que vous souhaitez importer.

Un autre avantage de cette nouvelle fonctionnalité est que vous pouvez importer tous les liens dynamiques et références du site. Et vous aurez également la possibilité d'afficher une version résumée de tous les plugins, paramètres, etc. que vous choisissez à l'écran.

✨ Transitions de page avec préchargeur

Oui! Désormais, vous n'aurez plus besoin de plugin supplémentaire pour ajouter un préchargeur à votre Élémentor site. Elementor 3.6 offre la possibilité de créer le vôtre 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 d’entrée. Vous pouvez également choisir le type de préchargeur tel qu'image, texte, animation, etc. ainsi que les paramètres de délai et de temps du préchargeur.

✨ Réorganiser les couleurs et les polices globales

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

Vous pouvez désormais réorganiser les polices et les couleurs globales. Tu peux 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 tu attendais du nouveau WooCommerce widgets 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 de résumé d'achat:

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

✅ Widget d’avis WooCommerce :

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

✅ Nouvelle disposition du widget Ajouter au panier :

Vous obtiendrez désormais 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 booster les performances globales de votre site Web. Cette fois, le ajout d'une charge paresseuse est le point culminant. 

Avec la fonction de chargement différé, contrairement aux versions précédentes, l’ensemble du contenu de votre site Web ne se chargera plus en même temps. Ce sera plutôt charger uniquement la partie immédiatement visible par l'utilisateur. Et le reste du contenu sera chargé au fur et à mesure que l’utilisateur fera défiler vers le bas.

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

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

De plus, 'elementor-section-wrap' a été supprimé pour minimiser les sorties DOM comme sorties DOM optimisées vous donnera 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

Donc, ceux d'entre vous qui aiment utiliser ElementsKit pour créer et personnaliser Sites Elementor, n'ayez rien à craindre.

Nos équipes de développeurs et d’assurance qualité ont testé Elementor 3.6 avec notre dernière version ElementsKit et nous pouvons vous assurer qu'il 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 impatient d'utiliser Elementor 3.6 et qui recherche un module complémentaire pour ajouter plus de fonctionnalités sans avoir à faire face à des bugs ou des erreurs, vous pouvez sûrement essayer ElementsKit – L’addon ultime pour Elementor.

Il a 85+ widgets et des modules qui font actuellement plus de un demi-million d'utilisateurs les efforts de développement Web plus fructueux. 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 passer à 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 du chargement paresseux 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 termes d'expérience utilisateur et de maintien d'un faible taux de rebond.

Je vous suggère de tout essayer d'abord sur un site de test. 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 commentaires.