{"id":10401,"date":"2020-07-20T11:04:00","date_gmt":"2020-07-20T11:04:00","guid":{"rendered":"https:\/\/lightgoldenrodyellow-horse-236112.hostingersite.com\/resources\/comment-adapter-salesforce-a-sa-marque\/"},"modified":"2026-01-21T16:01:54","modified_gmt":"2026-01-21T16:01:54","slug":"comment-adapter-salesforce-a-sa-marque","status":"publish","type":"post","link":"https:\/\/cloudity.com\/fr\/comment-adapter-salesforce-a-sa-marque\/","title":{"rendered":"Comment adapter Salesforce \u00e0 sa marque ?"},"content":{"rendered":"
\n
\n
\n
\n
\n

Obtenez une meilleure adh\u00e9sion \u00e0 Salesforce, en quelques minutes, gr\u00e2ce au \u00ab branding \u00bb<\/h3>\n
\n
\n

Certaines organisations sont particuli\u00e8rement soucieuses de leur image de marque et de leur identit\u00e9 visuelle, car elles symbolisent leurs valeurs, leur histoire et leur style unique. Ainsi, pour renforcer l\u2019aspect communautaire autour de leurs produits ou de leur marque, elles auront \u00e0 c\u0153ur de retrouver leur charte graphique (et leur logo) dans chaque outil, destin\u00e9 aussi bien aux clients\/partenaires qu\u2019aux salari\u00e9s.<\/p>\n

Vous vous reconnaissez dans cette description ? Par chance, bien que Salesforce soit livr\u00e9 avec des th\u00e8mes pr\u00e9d\u00e9finis, contenant un ensemble d\u2019images et de couleurs, vous pouvez tout-\u00e0-fait cr\u00e9er un th\u00e8me personnalis\u00e9 dans Lightning Experience, qui satisfera \u2013 honorablement \u2013 votre d\u00e9sir de personnalisation.<\/p>\n

En standard, vous trouverez le th\u00e8me \u2018Bleu Lightning\u2019 pr\u00e9d\u00e9fini sur toute organisation Salesforce.<\/p>\n<\/div>\n<\/div>\n

\n
\n
\n
\"\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n

1. Votre logo dans Salesforce<\/h3>\n
\n
\n

Une fois que le projet Salesforce est valid\u00e9, vous devrez d\u00e9terminer si vous souhaitez ou non afficher votre logo dans Salesforce, et surtout quelle version retenir\u2026 les pr\u00e9requis de Salesforce \u00e9tant assez restrictifs, il y a de fortes chances que vous soyez contraint de cr\u00e9er un visuel sp\u00e9cifique.<\/p>\n

Selon la taille de votre organisation, cette d\u00e9cision pourra prendre un certain temps, il est donc utile de cr\u00e9er une t\u00e2che d\u00e8s le d\u00e9but du projet sur ce point.<\/p>\n<\/div>\n<\/div>\n

\n
\n
<\/div>\n<\/div>\n
\n
\n
\n
\n
\n
\n

Il y a 4 utilisations possibles pour le logo dans Salesforce :<\/strong><\/p>\n

    \n
  • logo affich\u00e9 sur la page de connexion<\/li>\n
  • logo (omni)pr\u00e9sent sur l\u2019en-t\u00eate des pages de l\u2019organisation<\/li>\n
  • logo sp\u00e9cifique, r\u00e9serv\u00e9 \u00e0 une application Lightning Experience, qui s\u2019affichera sur le lanceur d\u2019application et toutes les pages de cette application<\/li>\n
  • image utilis\u00e9e pendant le chargement des pages (au lieu de la mascotte Salesforce release)<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n
    \n
    \n
    \n

    Les pr\u00e9requis Salesforce pour le logo :<\/strong><\/p>\n

      \n
    • format : JPG, PNG ou GIF<\/li>\n
    • dimension : 600\u00d7120 pixels<\/li>\n
    • taille : inf\u00e9rieure \u00e0 5 Mo<\/li>\n
    • pour un rendu parfait, utiliser une image d\u00e9tour\u00e9e (i.e. avec un fond transparent).<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
      \n
      \n
      \n
      <\/div>\n<\/div>\n<\/div>\n
      \n
      \n
      \n
      \n
      \n
      \n
      \n
      \"\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n

      2. Personnaliser Salesforce aux couleurs de votre organisation<\/h3>\n
      \n
      \n
      <\/div>\n<\/div>\n
      \n
      \n
      \n
      \n
      \n
      \n

      Ouvrez la fen\u00eatre, prenez une grande bouff\u00e9e d\u2019air, et regardez le ciel : \u00e0 ce moment pr\u00e9cis, vous voyez la vie en \u00ab Bleu Lightning \u00bb, mais Salesforce est parfois capable de sortir de son bleu tout puissant et vous donne la possibilit\u00e9 de\u00a0reproduire les couleurs de votre charte graphique<\/strong>, sur un certain nombre d\u2019\u00e9l\u00e9ments :<\/p>\n

        \n
      • la page de connexion<\/li>\n
      • l\u2019en-t\u00eate global<\/li>\n
      • la s\u00e9lection et la bordure des onglets de navigation<\/li>\n
      • l\u2019arri\u00e8re-plan des pages d\u2019accueil et d\u2019enregistrements<\/li>\n
      • les boutons<\/li>\n
      • les liens (lookup, URL, email\u2026)<\/li>\n
      • certaines \u00e9tapes des chemins<\/li>\n
      • le chargement des pages mobiles<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n

        Pour certaines couleurs, comme celle de la prochaine ou derni\u00e8re \u00e9tape d\u2019un chemin, Salesforce n\u2019est pas flexible : il se base arbitrairement sur une palette \u00ab intelligente \u00bb inspir\u00e9e de la couleur de marque renseign\u00e9e par l\u2019administrateur, sans lui donner toutefois la possibilit\u00e9 de configurer les couleurs de cette palette.<\/p>\n

        Cela n\u00e9cessite de v\u00e9rifier, apr\u00e8s toute configuration, que cette palette reste fid\u00e8le dans son ensemble \u00e0 votre identit\u00e9 visuelle, et proc\u00e9der \u00e0 quelques ajustements le cas \u00e9ch\u00e9ant. Une page d\u2019enregistrement d\u2019Opportunit\u00e9 est l\u2019endroit id\u00e9al pour entreprendre ce type de v\u00e9rifications, en portant une attention particuli\u00e8re aux chemins (couleur des \u00e9tapes termin\u00e9es, \u00e9tapes futures, \u00e9tapes ferm\u00e9es\u2026) s\u2019ils sont activ\u00e9s.<\/p>\n

        Bonne nouvelle, \u00e0 cette \u00e9tape-l\u00e0, le plus dur est fait !<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \"\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n

        3. Quel arri\u00e8re-plan pour vos pages Salesforce ?<\/h3>\n
        \n
        \n

        Apr\u00e8s la configuration de la marque et des couleurs, vous \u00eates invit\u00e9(e) \u00e0 ajouter une image d\u2019arri\u00e8re-plan qui figurera sur la page d\u2019accueil et toute page d\u2019enregistrement. Mais attention, la plong\u00e9e en eaux troubles vous guette\u2026<\/p>\n

        Cette possibilit\u00e9 d\u00e9cevra tout administrateur exigeant, pour les raisons suivantes :<\/p>\n

          \n
        • le visuel doit respecter un format panoramique, et de ce fait ne sera visible que sur environ 4 ou 5 centim\u00e8tres maximum sous la barre de navigation (\u00e0 peine un cinqui\u00e8me de la hauteur de la fen\u00eatre)<\/li>\n
        • l\u2019image sera obligatoirement masqu\u00e9e par les composants de la page Lightning (il faut donc \u00e9viter tout logo ou message)<\/li>\n
        • ce que l\u2019on voit surtout, c\u2019est le fond de couleur qui appara\u00eet (apr\u00e8s une l\u00e9g\u00e8re transition) au bas de cette image<\/li>\n<\/ul>\n

          Si l\u2019on d\u00e9cide, malgr\u00e9 son faible int\u00e9r\u00eat, d\u2019utiliser une image d\u2019arri\u00e8re-plan, celle-ci devra id\u00e9alement repr\u00e9senter un motif d\u00e9coratif ou abstrait, qui s\u2019harmonise parfaitement avec la couleur d\u2019arri\u00e8re-plan.<\/p>\n

          Un conseil : se concentrer essentiellement sur cette couleur d\u2019arri\u00e8re-plan<\/strong>, car elle sera pr\u00e9dominante dans le \u00ab\u00a0look and feel\u00a0\u00bb des pages Salesforce.<\/p>\n<\/div>\n<\/div>\n

          \n
          \n
          \n
          \"\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n
          \n
          \n

          Exemple d\u2019arri\u00e8re-plan configur\u00e9 avec une image<\/em><\/p>\n<\/div>\n<\/div>\n

          4. Les avatars et banni\u00e8res Salesforce<\/h3>\n
          \n
          \n
          \n
          \n

          Ne boudons pas notre plaisir, Salesforce offre la possibilit\u00e9 de configurer un avatar et une banni\u00e8re par d\u00e9faut pour les groupes Chatter et les profils utilisateurs.<\/p>\n

          Contrairement \u00e0 l\u2019image d\u2019arri\u00e8re-plan, ces banni\u00e8res seront parfaitement visibles sur la page d\u2019un groupe ou d\u2019un utilisateur, et pr\u00e9sentent une r\u00e9elle occasion d\u2019afficher un visuel ou un message, propres \u00e0 votre marque.<\/p>\n

          La banni\u00e8re peut aussi bien \u00eatre une photo repr\u00e9sentant la vie ou les locaux de l\u2019entreprise, qu\u2019un visuel reprenant vos codes graphiques, un slogan, un message particulier\u2026<\/p>\n

          Il faudra simplement respecter les pr\u00e9requis Salesforce pour les avatars et banni\u00e8res :<\/p>\n

            \n
          • format JPG, PNG ou GIF<\/li>\n
          • dimension de la banni\u00e8re : 1800\u00d7360 pixels<\/li>\n
          • dimension de l\u2019avatar : 200\u00d7200 pixels<\/li>\n
          • taille inf\u00e9rieure \u00e0 5 Mo<\/li>\n<\/ul>\n

            Le param\u00e9trage des profils utilisateurs est particuli\u00e8rement indiqu\u00e9 si vous envisagez d\u2019utiliser Salesforce comme annuaire des collaborateurs et\/ou trombinoscope.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

            \n
            \n
            \n
            \"\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n
            \n
            \n
            \n
            \n

            Exemple de configuration de groupe Chatter<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

            \n
            \n
            \n
            \"\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n
            \n
            \n
            \n
            \n
            \n
            \n
            \n
            \n
            \n

            Exemple de configuration de profil Utilisateur<\/em><\/p>\n<\/div>\n<\/div>\n

            \n
            \n

            Vous l\u2019aurez compris, \u00e0 la diff\u00e9rence du logo et des couleurs, les banni\u00e8res et avatars sont loin d\u2019\u00eatre indispensables pour personnaliser Salesforce \u00e0 votre image, mais rien ne vous emp\u00eache d\u2019\u00eatre perfectionniste et d\u2019appliquer ces bonnes pratiques pour renforcer l\u2019adh\u00e9sion \u00e0 Salesforce\u00a0!<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

            Obtenez une meilleure adh\u00e9sion \u00e0 Salesforce, en quelques minutes, gr\u00e2ce au \u00ab branding \u00bb Certaines organisations sont particuli\u00e8rement soucieuses de leur image de marque et de leur identit\u00e9 visuelle, car elles symbolisent leurs valeurs, leur histoire et leur style unique. Ainsi, pour renforcer l\u2019aspect communautaire autour de leurs produits ou de leur marque, elles auront […]<\/p>\n","protected":false},"author":1,"featured_media":10139,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"Comment adapter Salesforce \u00e0 sa marque ? - Cloudity","_seopress_titles_desc":"Obtenez une meilleure adh\u00e9sion \u00e0 Salesforce, en quelques minutes, gr\u00e2ce au \u00ab branding \u00bb Certaines organisations sont particuli\u00e8rement soucieuses de\u2026","_seopress_robots_index":"","footnotes":""},"categories":[213],"tags":[193],"class_list":["post-10401","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles","tag-personnalisation"],"acf":[],"_links":{"self":[{"href":"https:\/\/cloudity.com\/fr\/wp-json\/wp\/v2\/posts\/10401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudity.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudity.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudity.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudity.com\/fr\/wp-json\/wp\/v2\/comments?post=10401"}],"version-history":[{"count":0,"href":"https:\/\/cloudity.com\/fr\/wp-json\/wp\/v2\/posts\/10401\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudity.com\/fr\/wp-json\/wp\/v2\/media\/10139"}],"wp:attachment":[{"href":"https:\/\/cloudity.com\/fr\/wp-json\/wp\/v2\/media?parent=10401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudity.com\/fr\/wp-json\/wp\/v2\/categories?post=10401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudity.com\/fr\/wp-json\/wp\/v2\/tags?post=10401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}