Ajout d’une image de marque et de composants au site

Remarque

Vous souhaitez apprendre en français ? Dans ce badge, les validations de défi pratique Trailhead se font en anglais. Les traductions sont fournies entre parenthèses à titre de référence. Dans votre Trailhead Playground, veillez (1) à définir les États-Unis comme région, (2) à sélectionner l’anglais comme langue, et (3) à copier et coller uniquement les valeurs en anglais. Suivez les instructions ici.

Consultez le badge Trailhead dans votre langue pour découvrir comment profiter de l’expérience Trailhead traduite.

Le site de Category 1 Biking est en pleine forme. Dans cette étape, vous allez ajouter une image de marque personnalisée, mettre à jour des composants et apporter la touche finale à votre site. Commencez par ajouter une image de marque au site. Ensuite, vous mettrez à jour le menu de navigation.

Mise à jour du titre principal

Cliquez sur le sélecteur , puis sélectionnez Builder (Générateur).
Cliquez sur le composant Headline (Titre principal).
Mettez à jour le titre principal comme suit.
- Title (Titre) : Category 1 Biking
- Banner Text (Texte de la bannière) : Welcome to the community! (Bienvenue dans la communauté !)
Cliquez sur X pour fermer l’éditeur de titre.

Mise à jour du thème

Ensuite, utilisez le menu thématique afin de sélectionner les couleurs et les images pour le site. Téléchargez ce fichier .zip afin d’accéder aux images disponibles pour ce projet. N’oubliez pas de décompresser le fichier .zip pour les utiliser.

Sélectionnez l’icône Theme (Thème).
Cliquez sur Colors (Couleurs) pour développer le menu.
Ajustez les couleurs selon vos préférences.
Cliquez sur la flèche orientée à gauche située à côté de Colors (Couleurs) pour réduire le menu.
Cliquez sur Images (Images) pour développer le menu.
Cliquez sur l’icône Upload Image (Charger une image) sous Header Image (Image d’en-tête).
Cliquez sur Upload Image (Charger une image) et choisissez header.jpg dans le dossier que vous avez téléchargé précédemment.
Cliquez sur X pour fermer l’éditeur de thème.

Cliquez sur la barre grise en haut de l’écran pour révéler le composant Navigation Menu (Menu de navigation).
Cliquez sur Edit Default Navigation (Modifier la navigation par défaut) dans le menu de droite.
Cliquez sur + Add Menu Item (+ Ajouter un élément de menu).
Saisissez les informations suivantes :
- Remplacez le nom par Cases
- Type (Type) : Salesforce Object (Objet Salesforce)
- Object Type (Type d’objet) : Case (Requête)
- Default List View (Vue de liste par défaut) : My Open Cases (Mes requêtes en cours)
Cliquez sur Save Menu (Enregistrer le menu).
Cliquez sur X pour fermer le menu de navigation.

Ajout des composants Chat Snap-In et Article

Sélectionnez l’icône Components (Composants).
Saisissez Embedded Service Chat dans la barre de recherche de composants.
Sélectionnez le composant Embedded Service Chat (Chat de service incorporé) et faites-le glisser vers la barre latérale droite, sous le composant Ask a Question (Poser une question).
La fenêtre contextuelle Can’t Access Resources (Impossible d’accéder aux ressources) doit s’afficher. Vous ajusterez la stratégie de sécurité des contenus plus tard. Cliquez sur OK.
Remarque : Vous ne voyez pas la fenêtre contextuelle ? Vérifiez votre navigateur. Si vous utilisez Mozilla Firefox, essayez de passer à Google Chrome.
Cliquez sur X pour fermer la boîte de dialogue Embedded Service Chat (Chat de service incorporé).
Cliquez sur l’icône Components (Composants) pour rouvrir le menu.
Saisissez Trending Articles by Topic (Articles tendances par rubrique) dans la barre de recherche de composants.
Sélectionnez le composant Trending Articles by Topic (Articles tendances par rubrique), puis faites-le glisser vers la barre latérale située sous le composant Embedded Service Chat (Chat de service incorporé).
Cliquez sur X pour fermer l’éditeur Trending Articles by Topic (Articles tendances par rubrique).

Ajustement de la stratégie de sécurité des contenus

La stratégie de sécurité des contenus (CSP) est une norme Web qui définit des règles pour contrôler la source du contenu pouvant être chargé sur une page. Toutes les règles CSP fonctionnent au niveau de la page et s’appliquent à l’ensemble des composants et des bibliothèques. Ajustez la CSP pour autoriser l’exécution de l’agent conversationnel sur ce site.

Sélectionnez l’icône Settings (Paramètres).
Sélectionnez Security & Privacy (Sécurité et confidentialité).
Cliquez sur la liste déroulante Strict CSP (Stratégie de sécurité des contenus stricte) et sélectionnez Relaxed CSP: Permit Access to Inline Scripts and Allowed Hosts (CSP assouplie : autoriser l’accès aux scripts en ligne et aux hôtes autorisés).
Cliquez sur Allow (Autoriser).
La fenêtre contextuelle Can’t Access Resources (Impossible d’accéder aux ressources) doit s’afficher. Copiez la section comprise entre « https » et « .com » dans l’URL affichée. Vous allez ajouter cette URL à vos sites de confiance pour les scripts.
Après avoir copié l’URL, cliquez sur OK.
Cliquez sur +Add Trusted Site (+ Ajouter un site de confiance).
Collez l’URL que vous venez de copier dans la zone de texte de l’URL.
Saisissez Chat dans la zone de texte Name (Nom).
Assurez-vous que l’option Active (Actif) est cochée.
Cliquez sur Add Site (Ajouter un site).
Cliquez sur X pour fermer le volet Settings (Paramètres).

Publication de votre site

Cliquez sur Publish (Publier).
Sur l’écran de confirmation Publish Your Site (Publication de votre site), cliquez sur Publish (Publier), puis sur Got It (J’ai compris).

Vous recevez une confirmation par e-mail lorsque votre site est publié. Cliquez sur le lien contenu dans votre e-mail pour voir votre site en direct !