- \n
- Barre d’appel \u00e0 l’action (CTA) – Pour mettre en \u00e9vidence les boutons d’appel \u00e0 l’action importants en haut ou en bas de votre page. Disponible pour tous les utilisateurs de Elementor.<\/li>\n\n\n\n
- Barre de d\u00e9filement – Pour engager les visiteurs avec des mises \u00e0 jour et des promotions continues en boucle. Disponible uniquement avec Elementor Pro.<\/li>\n\n\n\n
- Barre de coupon – Pour promouvoir des codes de coupon qui peuvent \u00eatre copi\u00e9s en un seul clic. Disponible uniquement avec Elementor Pro.<\/li>\n<\/ul>\n\n
La visibilit\u00e9 persistante des barres flottantes est con\u00e7ue pour am\u00e9liorer l’engagement des visiteurs en garantissant que vos messages les plus critiques ne se perdent jamais. Cette fonctionnalit\u00e9 est particuli\u00e8rement pr\u00e9cieuse pour les sites de commerce \u00e9lectronique proposant des promotions de vente, les blogs encourageant les inscriptions \u00e0 la newsletter ou tout site o\u00f9 l’interaction des utilisateurs est essentielle au succ\u00e8s.<\/p>\n\n
Positionnement flexible pour un impact optimal<\/h3>\n\n
Mais les barres flottantes ne concernent pas seulement la visibilit\u00e9 – elles concernent \u00e9galement la flexibilit\u00e9. Vous pouvez positionner ces barres en haut ou en bas de l’\u00e9cran, personnaliser leur apparence pour s’aligner parfaitement avec le design de votre site, et gr\u00e2ce aux conditions d’affichage – contr\u00f4ler leur comportement, comme quand et comment elles apparaissent. Cela signifie que vous pouvez cr\u00e9er une exp\u00e9rience de visiteur qui est non seulement engageante mais \u00e9galement strat\u00e9giquement con\u00e7ue pour stimuler la conversion et informer les visiteurs.<\/p>\n\n
Par exemple, si vous proposez une offre \u00e0 dur\u00e9e limit\u00e9e, placer une barre flottante en haut de votre page peut garder la promotion au premier plan, incitant les utilisateurs \u00e0 agir imm\u00e9diatement. Inversement, une barre flottante positionn\u00e9e en bas peut servir de rappel subtil pour s’inscrire \u00e0 une newsletter ou consulter un produit en vedette.<\/p>\n\n
Configuration et personnalisation transparentes<\/h3>\n\n
Configurer vos barres flottantes est un jeu d’enfant. Tout d’abord, assurez-vous que la fonctionnalit\u00e9 \u00ab\u00a0Flexbox Container\u00a0\u00bb est activ\u00e9e en naviguant vers le tableau de bord WP > Elementor > Param\u00e8tres > Fonctionnalit\u00e9s. Lors de l’ajout d’un nouvel \u00e9l\u00e9ment flottant (tableau de bord WP > Mod\u00e8les), vous serez invit\u00e9 \u00e0 choisir entre une barre flottante ou un bouton flottant. Choisissez l’un des 30+ mod\u00e8les disponibles, puis personnalisez la barre flottante en modifiant le design, les ic\u00f4nes, le contenu textuel, les liens CTA, et plus encore. Les utilisateurs de Elementor Pro peuvent \u00e9galement tirer parti des conditions d’affichage pour sp\u00e9cifier o\u00f9, quand et \u00e0 qui les barres flottantes appara\u00eetront, am\u00e9liorant ainsi le ciblage et l’efficacit\u00e9.<\/p>\n\n
![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/Floating-Bar-1-1024x538.png\")
<\/figure>\n\n[Pro] Polices variables : Lib\u00e9rez la libert\u00e9 cr\u00e9ative avec un contr\u00f4le typographique de pr\u00e9cision<\/h2>\n\n
R\u00e9volutionnez votre design avec une typographie dynamique<\/h3>\n\n
La typographie est une pierre angulaire de tout grand design, et avec Elementor 3.24, nous vous donnons plus de contr\u00f4le que jamais avec l’introduction des polices variables. Cette fonctionnalit\u00e9 est une r\u00e9volution pour les designers qui souhaitent affiner chaque aspect du texte de leur site.<\/p>\n\n
Les polices variables vous permettent d’ajuster les attributs de poids et de largeur par incr\u00e9ments uniques, en utilisant des curseurs intuitifs, garantissant un contr\u00f4le total sur la personnalisation du texte, permettant des designs plus dynamiques et engageants qui am\u00e9liorent la narration visuelle et l’engagement des spectateurs. Avec les polices statiques, pour comparaison, vous \u00eates limit\u00e9 \u00e0 ajuster le poids et la largeur du texte par incr\u00e9ments rigides de 100 pixels.<\/p>\n\n
Am\u00e9liorez la coh\u00e9rence de la marque avec un contr\u00f4le de police polyvalent<\/h3>\n\n
Si vous construisez une identit\u00e9 de marque, vous pouvez facilement exp\u00e9rimenter avec diff\u00e9rents poids et largeurs de police pour trouver la correspondance parfaite. Que vous ayez besoin de titres audacieux et accrocheurs ou de textes de corps subtils et \u00e9l\u00e9gants, les polices variables vous offrent la flexibilit\u00e9 de les obtenir parfaitement. Et parce que vous travaillez avec un seul fichier de police qui peut tout faire, votre site Web reste l\u00e9ger et rapide.<\/p>\n\n
Cette polyvalence dans le contr\u00f4le typographique signifie \u00e9galement que maintenir la coh\u00e9rence de la marque sur votre site est plus facile que jamais. Vous pouvez vous assurer que vos titres, textes de corps et autres \u00e9l\u00e9ments typographiques sont parfaitement align\u00e9s avec l’identit\u00e9 visuelle de votre marque sans avoir besoin de multiples variations de police.<\/p>\n\n
Commencez avec les polices variables<\/h3>\n\n
Pour configurer les polices variables, t\u00e9l\u00e9chargez d’abord un fichier TTF de police variable depuis votre plateforme pr\u00e9f\u00e9r\u00e9e, comme Google Fonts. Ensuite, allez dans WP Dashboard > Elementor > Custom Fonts > Add New > Add Variable Font, nommez la nouvelle police, t\u00e9l\u00e9chargez votre fichier TTF, s\u00e9lectionnez les cases de poids et de largeur souhait\u00e9es, d\u00e9finissez les valeurs en fonction des propri\u00e9t\u00e9s de la police, et publiez. Lors de l’\u00e9dition de texte et de la navigation vers le contr\u00f4le de Typographie, vous pouvez voir les nouvelles polices en haut de la s\u00e9lection de la famille de polices, sous ‘Variable Fonts’.<\/p>\n\n
<\/p>\n\n
Obtenez Elementor <\/a>Pro<\/a><\/p>\n\n
Obtenez Elementor <\/a>Pro<\/a><\/p>\n\n
Mettez \u00e0 niveau votre abonnement Pro<\/a><\/p>\n\n
![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/Variable-Fonts-1-1024x538.png\")
<\/figure>\n\nChargement CSS am\u00e9lior\u00e9 : plus intelligent, plus rapide & plus efficace<\/h2>\n\n
Optimisez les performances du site avec le chargement conditionnel du CSS<\/h3>\n\n
Chaque seconde compte en mati\u00e8re de temps de chargement des pages, et avec Elementor 3.24, nous avons fait un pas significatif vers l’optimisation des performances de votre site avec le chargement conditionnel du CSS. Cette fonctionnalit\u00e9 est con\u00e7ue pour charger uniquement le CSS n\u00e9cessaire pour les \u00e9l\u00e9ments de votre page, r\u00e9duisant consid\u00e9rablement la quantit\u00e9 de code inutilis\u00e9 qui peut ralentir votre site.<\/p>\n\n
Le chargement conditionnel du CSS fonctionne en analysant les widgets et \u00e9l\u00e9ments sp\u00e9cifiques que vous utilisez et en chargeant uniquement le CSS requis pour ces composants. Cela signifie que si vous n’utilisez pas une fonctionnalit\u00e9 particuli\u00e8re, son CSS ne sera pas charg\u00e9, ce qui se traduit par un site plus l\u00e9ger et plus rapide. En fait, cette am\u00e9lioration peut entra\u00eener une r\u00e9duction de jusqu’\u00e0 668KB de la taille du CSS!<\/strong><\/p>\n\n
Am\u00e9liorez l’exp\u00e9rience des visiteurs avec des pages \u00e0 chargement plus rapide<\/h3>\n\n
Si votre page d’accueil comporte, par exemple, une section h\u00e9ro\u00efque avec un seul bouton d’appel \u00e0 l’action, seul le CSS n\u00e9cessaire pour cette mise en page et ce bouton sera d\u00e9sormais charg\u00e9. Tous les autres fichiers CSS inutiles sont exclus, garantissant que votre page se charge aussi rapidement que possible. Cela est particuli\u00e8rement b\u00e9n\u00e9fique pour les sites complexes avec une vari\u00e9t\u00e9 de widgets et d’\u00e9l\u00e9ments, o\u00f9 la minimisation de l’encombrement du CSS peut entra\u00eener des gains de performance significatifs.<\/p>\n\n
Minimisez les d\u00e9calages de mise en page cumulatifs avec une mise en cache des styles am\u00e9lior\u00e9e<\/h3>\n\n
Des temps de chargement plus rapides am\u00e9liorent non seulement la satisfaction des visiteurs, mais ont \u00e9galement un impact positif sur le r\u00e9f\u00e9rencement, aidant votre site \u00e0 se classer plus haut dans les r\u00e9sultats des moteurs de recherche. En ligne avec notre engagement \u00e0 am\u00e9liorer significativement les performances du site, nous avons optimis\u00e9 la fa\u00e7on dont les ressources CSS sont charg\u00e9es pour les widgets Elementor dans cette version, r\u00e9duisant les d\u00e9calages de mise en page cumulatifs (CLS). Avec notre nouveau syst\u00e8me de ‘mise en cache des d\u00e9pendances de style’, les styles des widgets sont mis en cache lors de la premi\u00e8re visite, puis charg\u00e9s \u00e0 partir du cache dans le lors des visites suivantes. Cela minimise les CLS en garantissant que les styles sont appliqu\u00e9s plus t\u00f4t dans le processus de chargement de la page, r\u00e9sultant en une exp\u00e9rience utilisateur plus fluide et plus stable.<\/p>\n\n
![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/CSS-Loading-1-1024x538.png\")
<\/figure>\n\nAm\u00e9liorations du flux de travail de niveau sup\u00e9rieur <\/h2>\n\n
[Pro] Conditions d’affichage affin\u00e9es pour un meilleur contr\u00f4le<\/h3>\n\n
Elementor 3.24 am\u00e9liore votre flux de travail en am\u00e9liorant la gestion des conditions d’affichage. D\u00e9sormais, lorsqu’une condition d’affichage est d\u00e9finie sur un \u00e9l\u00e9ment, une ligne verticale et une ic\u00f4ne appara\u00eetront dans le panneau de structure, indiquant clairement les conditions d’affichage actives. Cliquer sur l’ic\u00f4ne vous am\u00e8ne directement aux param\u00e8tres de la condition d’affichage, rendant les ajustements rapides et intuitifs.<\/p>\n\n
De plus, vous pouvez d\u00e9sormais copier et coller des conditions d’affichage entre les \u00e9l\u00e9ments et les pages, ou les effacer instantan\u00e9ment, simplement en cliquant avec le bouton droit sur l’\u00e9l\u00e9ment, simplifiant ainsi davantage votre processus de conception et vous faisant gagner un temps pr\u00e9cieux.<\/p>\n\n
<\/p>\n\n
Obtenez Elementor <\/a>Pro<\/a><\/p>\n\n
Obtenez Elementor <\/a>Pro<\/a><\/p>\n\n
Mettez \u00e0 niveau votre abonnement Pro<\/a><\/p>\n\n
Noms de conteneurs g\u00e9n\u00e9r\u00e9s par l’IA dans le panneau de structure avec Elementor AI<\/h3>\n\n
Chaque page de votre site Web peut contenir des dizaines de conteneurs et de widgets, et lors de l’ajout de nouveaux conteneurs \u00e0 une page, ils seront nomm\u00e9s dans le panneau de structure (anciennement : Navigator) simplement ‘Container’. Cela peut \u00eatre un d\u00e9fi, car plus il y a de conteneurs, plus il est difficile de garder les choses organis\u00e9es et d’avoir une vue d’ensemble correcte de la structure de la page. Jusqu’\u00e0 pr\u00e9sent, pour avoir une meilleure structure, vous deviez examiner chaque conteneur, trouver un nom pertinent, puis le taper dans le panneau de structure un par un.<\/p>\n\n
Avec la puissance de l’IA, ce probl\u00e8me appartient au pass\u00e9. Elementor AI simplifie votre flux de travail et acc\u00e9l\u00e8re la livraison de votre site Web, tout en gardant votre expertise professionnelle au premier plan. Elementor 3.24 inclut une mise \u00e0 jour majeure d’Elementor AI, avec une nouvelle fonctionnalit\u00e9 : les noms de conteneurs g\u00e9n\u00e9r\u00e9s par l’IA. Il s’occupe des d\u00e9tails, vous permettant de rester concentr\u00e9 sur l’essentiel. En cliquant simplement sur un seul bouton dans le panneau de structure, en quelques secondes, tous vos conteneurs sont automatiquement renomm\u00e9s en fonction du contenu qu’ils contiennent.<\/p>\n\n
D\u00e9couvrez Elementor AI<\/a><\/p>\n\n
![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/Rename-Containers-with-AI-1-1024x538.png\")
<\/figure>\n\nFonctionnalit\u00e9s suppl\u00e9mentaires & mises \u00e0 jour<\/h2>\n\n
[Pro] Exp\u00e9rience de recherche simplifi\u00e9e<\/h3>\n\n
Dans la version 3.24, Elementor s’appuie sur le widget de recherche introduit dans la version 3.23, en int\u00e9grant les retours des utilisateurs pour am\u00e9liorer sa fonctionnalit\u00e9. Les nouvelles mises \u00e0 jour du widget de recherche incluent :<\/p>\n\n
- \n
- Des URL<\/a> de page de r\u00e9sultats consid\u00e9rablement plus courtes pour une exp\u00e9rience de visiteur simplifi\u00e9e.<\/li>\n\n\n\n
- Un bouton direct vers le Theme Builder<\/a> pour une cr\u00e9ation de mod\u00e8le de boucle plus facile.<\/li>\n\n\n\n
- Un meilleur contr\u00f4le sur la largeur du menu d\u00e9roulant des r\u00e9sultats et la visibilit\u00e9 et le design du chargeur de recherche.<\/li>\n\n\n\n
- Le widget de recherche fait partie int\u00e9grante de l’\u00e9diteur, ne n\u00e9cessitant plus d’activation manuelle.<\/li>\n<\/ul>\n\n
Obtenez Elementor <\/a>Pro<\/a><\/p>\n\n
Obtenez Elementor <\/a>Pro<\/a><\/p>\n\n
Mettez \u00e0 niveau votre abonnement Pro<\/a><\/p>\n\n
![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/Additional-Updates-1-1024x538.png\")
<\/figure>\n\n<\/p>\n\n
Option de d\u00e9sactivation pour Elementor AI<\/h3>\n\n
Les outils Elementor AI simplifient votre flux de travail et acc\u00e9l\u00e8rent la livraison de votre site Web, tout en gardant votre expertise professionnelle au premier plan. Vous pouvez d\u00e9sormais d\u00e9sactiver facilement les fonctionnalit\u00e9s de l’IA lors de la remise du site Web aux clients, garantissant qu’ils ne voient que le produit final, sans aucun \u00e9l\u00e9ment d’IA. La possibilit\u00e9 de d\u00e9sactiver les notifications AI est \u00e9galement utile pour toute personne qui n’est pas int\u00e9ress\u00e9e par l’utilisation de Elementor AI et souhaite nettoyer son espace de travail. Pour d\u00e9sactiver Elementor AI, allez dans le Tableau de bord WP > Utilisateurs > Profil et d\u00e9cochez la case \u00ab Activer les fonctionnalit\u00e9s AI \u00bb.<\/p>\n\n
Mises \u00e0 jour suppl\u00e9mentaires<\/h3>\n\n
- \n
- Le Filtre de Taxonomie, le Lien dans la Bio et les Boutons de Contact Flottants font d\u00e9sormais partie int\u00e9grante de l’\u00c9diteur et ne sont plus dans la page des Fonctionnalit\u00e9s.<\/li>\n\n\n\n
- Les \u00c9l\u00e9ments Imbriqu\u00e9s sont d\u00e9sormais activ\u00e9s par d\u00e9faut pour les nouveaux sites web.<\/li>\n\n\n\n
- Les Images de Fond en Chargement Paresseux sont fusionn\u00e9es et d\u00e9plac\u00e9es vers les Param\u00e8tres de Performance.<\/li>\n\n\n\n
- Accessibilit\u00e9 – Nouvelle possibilit\u00e9 de nommer vos widgets Hors-Canvas.<\/li>\n<\/ul>\n\n
D\u00e9verrouillez de Nouvelles Possibilit\u00e9s avec Elementor 3.24<\/h2>\n\n
Elementor 3.24 est rempli de fonctionnalit\u00e9s et d’am\u00e9liorations qui facilitent plus que jamais la cr\u00e9ation de sites web \u00e9poustouflants et performants. Que vous soyez enthousiasm\u00e9 par les possibilit\u00e9s de conception avec les Polices Variables, le potentiel strat\u00e9gique des Barres Flottantes, ou les am\u00e9liorations de performance gr\u00e2ce au Chargement Conditionnel de CSS, cette mise \u00e0 jour a quelque chose pour tout le monde. Nous vous encourageons \u00e0 passer \u00e0 Elementor 3.24 d\u00e8s aujourd’hui et \u00e0 explorer toutes les nouvelles possibilit\u00e9s qu’il offre.<\/p>\n\n
Obtenez Elementor <\/a>Pro<\/a><\/p>\n\n
- Un bouton direct vers le Theme Builder<\/a> pour une cr\u00e9ation de mod\u00e8le de boucle plus facile.<\/li>\n\n\n\n
- Des URL<\/a> de page de r\u00e9sultats consid\u00e9rablement plus courtes pour une exp\u00e9rience de visiteur simplifi\u00e9e.<\/li>\n\n\n\n