{"id":115088,"date":"2022-12-13T14:50:42","date_gmt":"2022-12-13T14:50:42","guid":{"rendered":"https:\/\/elementor.com\/blog\/presentation-delementor-3-9-nouvelle-option-enregistrer-par-defaut-pour-les-elements-afin-dameliorer-votre-flux-de-travail-de-conception\/"},"modified":"2025-12-01T16:32:28","modified_gmt":"2025-12-01T14:32:28","slug":"presentation-delementor-3-9-nouvelle-option-enregistrer-par-defaut-pour-les-elements-afin-dameliorer-votre-flux-de-travail-de-conception","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/fr\/presentation-delementor-3-9-nouvelle-option-enregistrer-par-defaut-pour-les-elements-afin-dameliorer-votre-flux-de-travail-de-conception\/","title":{"rendered":"Pr\u00e9sentation d’Elementor 3.9 : Nouvelle option Enregistrer par d\u00e9faut pour les \u00e9l\u00e9ments afin d’am\u00e9liorer votre flux de travail de conception"},"content":{"rendered":"\n

Elementor<\/a> 3.9 inclut la nouvelle option Enregistrer par d\u00e9faut, \u00e9largit les capacit\u00e9s du Loop Builder pour support WooCommerce et la mise en page bas\u00e9e sur les sections, et plusieurs fonctionnalit\u00e9s suppl\u00e9mentaires qui am\u00e9liorent la conception de votre site web et l’exp\u00e9rience utilisateur. <\/strong><\/p>\n\n

\"\"<\/figure>\n\n

Nouveau : Enregistrer par d\u00e9faut<\/h2>\n\n

Avec Elementor 3.9, vous pouvez tirer parti de la nouvelle fonctionnalit\u00e9 Enregistrer par d\u00e9faut pour am\u00e9liorer votre flux de travail de conception et personnaliser enti\u00e8rement la fa\u00e7on dont les \u00e9l\u00e9ments apparaissent sur votre site web lorsqu’ils sont gliss\u00e9s dans l’\u00c9diteur. <\/p>\n\n

Avec cette mise \u00e0 jour, vous pourrez ajuster tous les param\u00e8tres par d\u00e9faut de chaque \u00e9l\u00e9ment et les personnaliser \u00e0 votre guise.\nVous pouvez remplacer l’image de l’espace r\u00e9serv\u00e9 par n’importe quelle image de votre choix – comme votre logo, ajuster le texte de l’espace r\u00e9serv\u00e9, et remplacer les couleurs et les polices par celles de votre pr\u00e9f\u00e9rence.\nEnsuite, enregistrez-le par d\u00e9faut en cliquant avec le bouton gauche sur l’\u00e9l\u00e9ment et en l’enregistrant.\nSuite \u00e0 cette action, chaque fois que vous glisserez un nouveau widget que vous avez ajust\u00e9, il affichera les nouveaux param\u00e8tres par d\u00e9faut que vous lui avez configur\u00e9s.\nPour am\u00e9liorer votre flux de travail et acc\u00e9l\u00e9rer votre processus de cr\u00e9ation de site web, tous les nouveaux param\u00e8tres par d\u00e9faut peuvent \u00e9galement \u00eatre transf\u00e9r\u00e9s \u00e0 tout kit ou mod\u00e8le que vous importez \/ exportez. <\/p>\n\n

Chaque \u00e9l\u00e9ment Elementor inclut un style par d\u00e9faut pr\u00e9configur\u00e9 et des param\u00e8tres avanc\u00e9s.\nCela inclut des images de l’espace r\u00e9serv\u00e9, des ic\u00f4nes ou des textes, des couleurs et des polices par d\u00e9faut ou une association avec des couleurs et des polices globales sp\u00e9cifiques.\nCela signifie que – si nous prenons le widget Bouton comme exemple, chaque fois que vous le glissez dans l’\u00c9diteur depuis le panneau de widgets, l’arri\u00e8re-plan adoptera la couleur Accent d\u00e9finie dans vos Couleurs Globales, la couleur du texte sera blanche, etc. <\/p>\n\n

\u00c9tant donn\u00e9 que la nouvelle fonctionnalit\u00e9 Enregistrer par d\u00e9faut enregistrera toutes les modifications que vous apportez aux \u00e9l\u00e9ments avant de les enregistrer, il est important de faire particuli\u00e8rement attention \u00e0 ne pas inclure d’informations sensibles avant de les enregistrer comme nouveau par d\u00e9faut.\nPar exemple, il n’est pas recommand\u00e9 d’inclure l’adresse email de votre compte PayPal avant d’enregistrer le bouton PayPal comme nouveau widget.\nIl en va de m\u00eame pour toute information sensible, y compris les identifiants CSS<\/a>, les cl\u00e9s API, etc. <\/p>\n\n

Vous trouverez ci-dessous trois (parmi de nombreux) exemples de la mani\u00e8re dont vous pouvez utiliser la nouvelle fonctionnalit\u00e9 Enregistrer par d\u00e9faut : <\/p>\n\n

  1. Mettre \u00e0 jour les couleurs ou les polices d’un \u00e9l\u00e9ment, pour les associer \u00e0 diff\u00e9rentes couleurs ou polices globales (comme primaire au lieu de secondaire)<\/li>
  2. D\u00e9finir un nouveau padding par d\u00e9faut, et les marges d’un widget, comme un bouton. <\/li>
  3. Inclure un logo, une image ou des instructions sp\u00e9cifiques comme espace r\u00e9serv\u00e9 pour les widgets d’image , ou des espaces r\u00e9serv\u00e9s pour les widgets textuels.\nDe cette fa\u00e7on, vous pouvez promouvoir continuellement votre entreprise en tant que cr\u00e9ateur de sites web aupr\u00e8s de vos clients, et les aider lorsqu’ils mettent \u00e0 jour leur site web.<\/a> <\/li><\/ol>\n\n
    \"\"<\/figure>\n\n

    [Pro] Loop Builder \u00e9tendu pour supporter WooCommerce et les sections<\/h2>\n\n

    Suite \u00e0 la sortie du Loop Builder dans Elementor 3.8<\/a>, cette version \u00e9largit les capacit\u00e9s du Loop Builder pour support WooCommerce.\nAvec cette mise \u00e0 jour, vous pourrez concevoir votre propre mod\u00e8le personnalis\u00e9 pour les listes de produits afin de lib\u00e9rer votre cr\u00e9ativit\u00e9 lors de la conception de vos sites Ecommerce<\/a>. <\/p>\n\n

    D\u00e9sormais, lorsque vous utilisez le Loop Builder, vous commencerez par choisir le type de mod\u00e8le que vous souhaitez cr\u00e9er, pour WooCommerce<\/a>, vous choisirez Produits.\nEnsuite, le panneau de widgets recommandera les widgets WooCommerce en haut, mais vous pouvez utiliser n’importe quel widget ainsi que n’importe quelle balise de Contenu Dynamique<\/a> pour afficher du contenu WooCommerce suppl\u00e9mentaire dans votre mod\u00e8le d’\u00e9l\u00e9ment principal. <\/p>\n\n

    Une fois que vous avez finalis\u00e9 la conception de votre mod\u00e8le, vous pourrez l’utiliser sur n’importe quelle page, ajuster sa mise en page, sa pagination et son style et afficher vos produits de la mani\u00e8re qui convient le mieux \u00e0 votre conception et \u00e0 votre marque. <\/p>\n\n

    Elementor 3.9 introduit \u00e9galement le support pour la mise en page en colonnes, donc si vous n’\u00eates pas encore pr\u00eat \u00e0 commencer \u00e0 utiliser les conteneurs Flexbox, vous pouvez toujours utiliser le Loop Builder pour cr\u00e9er des listes personnalis\u00e9es en utilisant la mise en page en colonnes. <\/p>\n\n

    \"\"<\/figure>\n\n

    [Pro] R\u00e8gle avanc\u00e9e de popup am\u00e9lior\u00e9e – Afficher jusqu’\u00e0 X fois de mani\u00e8re persistante, ou par session \/ jour \/ semaine \/ mois<\/h2>\n\n

    L’une des demandes les plus populaires pour les popups Elementor \u00e9tait d’am\u00e9liorer la r\u00e8gle avanc\u00e9e qui d\u00e9termine combien de fois un popup appara\u00eet.\nJusqu’\u00e0 pr\u00e9sent, vous pouviez faire appara\u00eetre le popup X fois, mais la p\u00e9riode pendant laquelle ils appara\u00eetraient n’\u00e9tait pas sp\u00e9cifi\u00e9e.\nDonc, si vous d\u00e9finissiez un popup pour appara\u00eetre 3 fois, il appara\u00eetrait les 3 prochaines fois que le visiteur visiterait votre site web, quelle que soit la fr\u00e9quence de ses visites. <\/p>\n\n

    Avec cette r\u00e8gle avanc\u00e9e mise \u00e0 jour, vous pourrez d\u00e9finir le nombre de fois que vous souhaitez que le popup apparaisse – de mani\u00e8re persistante, ou dans un d\u00e9lai sp\u00e9cifique de – une session, un jour, une semaine ou un mois.\nDe cette fa\u00e7on, vous pouvez diffuser vos popups \u00e0 la fr\u00e9quence souhait\u00e9e, am\u00e9liorer l’exp\u00e9rience utilisateur et atteindre l’objectif souhait\u00e9 du popup. <\/p>\n\n

    \"\"<\/figure>\n\n

    Am\u00e9liorations des performances<\/h2>\n\n

    Nous cherchons continuellement des moyens d’am\u00e9liorer les performances de votre site web, et nous nous sommes r\u00e9cemment associ\u00e9s \u00e0 Chrome pour identifier ensemble des opportunit\u00e9s.\nElementor a utilis\u00e9 des outils Google, y compris le Rapport d’exp\u00e9rience utilisateur de Chrome<\/a> et le Rapport sur la technologie Core Web Vitals<\/a>, tout en recevant des consultations techniques d’un expert Chrome.\nElementor 3.9 introduit un certain nombre d’am\u00e9liorations de performance qui peuvent avoir un impact significatif sur les performances de votre site web, y compris : <\/p>\n\n

    Exp\u00e9rience Alpha de chargement diff\u00e9r\u00e9 des images de fond<\/h3>\n\n

    Les images de fond sont une partie int\u00e9grante de la conception d’un site web, mais elles peuvent avoir un impact n\u00e9gatif sur les performances et le score de Largest Contentful Paint (LCP).\nOptimiser les performances de votre site web et le score LCP est important pour optimiser l’exp\u00e9rience de vos visiteurs lorsqu’ils visitent votre site, ainsi que pour am\u00e9liorer votre visibilit\u00e9 dans les r\u00e9sultats des moteurs de recherche. <\/p>\n\n

    En ajoutant le chargement diff\u00e9r\u00e9 aux images de fond, vous pouvez am\u00e9liorer les performances de votre site web et le score LCP, sans compromettre l’apparence de votre site web. <\/p>\n\n

    L’activation de cette exp\u00e9rience appliquera le chargement diff\u00e9r\u00e9 \u00e0 toutes les images de fond en dessous de la ligne de flottaison, dans les zones suivantes :<\/p>\n\n