Ajout de blocs de contenu à votre mise en page

Avec les Pages de Showpad, vous pouvez concevoir de belles Pages pour présenter du contenu. Préparez vos vendeurs en leur fournissant un guide des informations dont ils ont besoin dans un endroit pratique et facile à naviguer. En présentant des Pages attrayantes et contextuellement pertinentes, les représentants commerciaux peuvent améliorer l'expérience globale de l'acheteur.

Les Pages sont visuellement attrayantes et polyvalentes. Pour cette raison, vous pouvez ajouter de nombreux types de blocs de contenu aux sections de votre Page. Voici un guide étape par étape sur la façon d'ajouter différents types de contenu à votre Page.

Regardez comment ça marche

Vous avez besoin de cela pour réussir

• Forfait Showpad Plus ou Ultimate
• Un compte admin Showpad ou un compte de Membre Promu avec la permission de gérer le contenu
• Une page avec une mise en page sélectionnée

Remarque : les clients disposant du forfait Plus ne peuvent pas modifier ou ajouter des éléments à la Section modélisée de la page, mais peuvent ajouter et modifier les sections situées en dessous.
Lorsque vous utilisez Pages dans le forfait Plus, les en-têtes seront fixes, quel que soit le modèle choisi, et vous ne pourrez pas ajouter de blocs de galerie supplémentaires.

Le chemin rapide

1. Sélectionnez les blocs Titre, Table des matières, Texte, Galerie, Actifs, Pages, Experiences, Cours, Espaceurs, Boutons et Vidéos à ajouter.
2. Faites-les glisser et déposez-les dans votre mise en page
3. Modifiez les blocs pour ajouter du contenu

Procédez étape par étape

Lorsque vous travaillez sur votre Page, n'oubliez pas de cliquer sur Enregistrer pour conserver vos modifications. Sur les Pages déjà distribuées aux utilisateurs, les modifications enregistrées leur seront automatiquement disponibles.

Sélectionnez le bloc de contenu sur lequel vous souhaitez en savoir plus.

• Heading
• Table des matières
• Texte
• Galerie
• Assets
• Pages
• Expériences
• Cours
• Espaceur
• Boutons
• Vidéos

---

Heading

Ajoutez des titres aux sections de votre Page d'accueil pour aider vos vendeurs à identifier le contenu dont ils ont besoin. Vous pouvez lier à un titre à partir d'un bouton, d'une image de galerie et d'un texte. Ajouter des titres est la première étape dans la création d'une table des matières cliquable pour votre Page d'accueil.

1. Faites glisser le bloc d'en-tête sur le canevas de la Page et ajoutez-le à la Section de contenu que vous souhaitez mettre en évidence. S'il est déjà sur la Page, cliquez sur le bloc pour ouvrir le panneau d'édition.
2. Donnez un titre à l'en-tête dans le champ Texte de l'en-tête.
3. Pour choisir d'ajouter une icône au bloc de titre, activez le paramètre, puis faites glisser et déposez ou parcourez pour télécharger votre icône. L'icône est positionnée à gauche du texte du titre.
   
4. Personnalisez le style de l'en-tête en définissant le niveau, la couleur du texte, le type de police, la taille de la police et l'alignement. Votre admin définit les types de police disponibles.
5. Pour gagner du temps, cliquez sur Dupliquer pour copier le bloc d'en-tête. Faites glisser et déposez le bloc dupliqué dans une autre section de votre Page. Ajustez le contenu et le style selon les besoins.

---

Table des matières

Rendez votre Page navigable et engageante en ajoutant une ou plusieurs tables de contenu. Le bloc Table des matières est une liste cliquable des titres sur votre Page. Cliquer sur un titre dans la table des matières fera défiler jusqu'à la Section désignée sur la Page.

1. Faites glisser le bloc Table des matières à l'endroit où vous souhaitez qu'il apparaisse sur la Page.
2. Une liste des blocs d'En-tête apparaît sous forme de table des matières. La liste est dans l'ordre dans lequel les en-têtes apparaissent sur la Page, de haut en bas. Le style de Niveau que vous définissez lorsque vous modifiez un en-tête détermine son niveau de liste (indentation) dans la table des matières.
3. Cliquez sur l'œil à côté d'un titre pour le masquer dans la table des matières.
4. Personnalisez le style du lien. Lors de l'affichage de la table des matières verticalement, vous pouvez choisir d'afficher ou de masquer les puces. Si vous l'affichez horizontalement, vous pouvez afficher ou masquer les séparateurs entre les liens.
5. Améliorez l'apparence en définissant la couleur du texte, le type de police et la taille de la police. Votre admin définit les types de police disponibles.
6. Pour gagner du temps, cliquez sur Dupliquer pour copier le bloc Table des matières. Faites glisser et déposez le bloc dupliqué dans une autre Section de votre Page. Ajustez le contenu et le style selon les besoins.

---

Texte

1. Pour ajouter du contenu écrit, faites glisser le bloc de texte à l'endroit où vous souhaitez qu'il apparaisse sur la Page. S'il est déjà sur la Page, cliquez sur le bloc pour ouvrir le panneau d'édition.
2. Dans l'éditeur, tapez ce que vous voulez inclure dans votre bloc de texte. Il apparaîtra automatiquement sur la Page.
3. Utilisez l'éditeur de texte enrichi pour améliorer l'apparence. Choisissez le type de police, la taille de la police, le style, la couleur et l'alignement. Vous pouvez également créer des listes à puces ou numérotées et supprimer le formatage. Votre admin définit les types de polices disponibles.
   
4. Pour ajouter un lien texte, sélectionnez le texte souhaité et cliquez sur l'icône de lien. Définissez le texte d'affichage et sélectionnez le type de lien.
   • URL: Sélectionnez le protocole et entrez l'URL
   • E-mail: Saisissez l'adresse e-mail, le sujet du message et le corps du message
   • En-tête : Sélectionnez un bloc d'en-tête sur la Page.
   
5. Pour gagner du temps, cliquez sur Dupliquer pour copier le bloc de Texte. Faites glisser et déposez le bloc dupliqué dans une autre Section de votre Page. Ajustez le contenu et le style selon les besoins.

---

Galerie

Les clients ayant le forfait Ultimate peuvent ajouter des blocs de galerie supplémentaires à leurs Pages.

1. Faites glisser le bloc Galerie à l'endroit où vous souhaitez qu'il apparaisse sur la Page. Si elle est déjà sur la Page, cliquez sur le bloc pour ouvrir le panneau d'édition.
2. Dans la section Contenu, faites glisser et déposez ou parcourez pour télécharger des images dans la galerie.
3. Dans la section Design, cochez Ajuster au bloc si vous souhaitez que vos images soient agrandies pour s'adapter au bloc. En fonction de la taille du bloc d'image et de la taille de l'image, elle peut être rognée lors de la sélection d'Ajuster au bloc.
4. Choisissez si vous souhaitez des marges autour des images. N'oubliez pas que la galerie d'images ne s'étendra pas au-delà de la largeur maximale de la Page de 1100px, même si Aucune marge n'est sélectionnée.
5. Vous pouvez choisir d'afficher des vignettes si vous téléchargez plusieurs images. Si sélectionné, les utilisateurs peuvent naviguer entre les vignettes des images dans la galerie. Glissez et déposez les images dans la section Contenu pour définir leur ordre de vignette.
6. Pour afficher les images de la galerie sous forme de diaporama, cochez Transition automatique d'une image à l'autre. Sélectionnez la durée entre les transitions en secondes sur le curseur.
7. Pour modifier ou supprimer une image de la galerie, cliquez sur l'icône de modification ou de corbeille sur l'image dans la section Content.
8. Pour changer le point focal d'une image, survolez l'image et cliquez sur l'icône d'édition. Faites glisser la boîte vers le point focal souhaité. L'image à droite prévisualisera comment cela modifie l'apparence de l'image.
9. Pour ajouter un lien à votre image, survolez l'image et cliquez sur l'icône d'édition. Vous pouvez lier une image à un asset, une Page, un URL asset, une Expérience ou un Titre. Sélectionnez le type de contenu auquel vous souhaitez lier à partir du menu déroulant, puis recherchez et sélectionnez le contenu. Vous pouvez filtrer votre recherche d'une Expérience en sélectionnant un Type. Vous pouvez lier à n'importe quel bloc de Titre sur votre Page.

   Remarque : Sur une Page partageable, les liens vers des Pages, des Expériences ou des assets non partageables ne fonctionneront pas.

   
10. Pour supprimer une image de la galerie, survolez l'image et cliquez sur l'icône de la corbeille.
11. Pour gagner du temps, cliquez sur Dupliquer pour copier le bloc Galerie. Faites glisser et déposez le bloc dupliqué dans une autre section de votre Page. Ajustez le contenu et le design selon vos besoins.

---

Assets

Remarque: Sur une Page partageable, les ressources non partageables ne sont pas affichées. 

1. Faites glisser le bloc Assets à l'endroit où vous souhaitez qu'il apparaisse sur la Page. S'il est déjà sur la Page, cliquez sur le bloc pour ouvrir le panneau d'édition.
2. Ajoutez un titre au bloc si vous le souhaitez.
3. Pour choisir d'ajouter une icône au bloc d'actifs, activez le paramètre, puis faites glisser et déposez ou parcourez pour votre icône à télécharger.
4. Dans la section Content, vous pouvez ajouter du contenu manuellement en recherchant des assets ou dynamiquement. Si vous choisissez Manuellement, recherchez l'asset que vous souhaitez inclure, puis sélectionnez-le dans la liste. Il sera ajouté à la section.
5. Vous pouvez également parcourir et sélectionner des assets en utilisant divers filtres en cliquant sur Avancé. Choisissez de filtrer en fonction des types de fichiers sélectionnés, des propriétés des assets, des Tags, de la Locale, de l'Auteur ou de la Source. Vous pouvez utiliser la fonction de recherche ici ou appliquer un filtre enregistré.
   Sélectionnez les assets que vous souhaitez ajouter au bloc Page, puis cliquez sur Insérer les éléments.
6. Alternativement, choisissez de filtrer dynamiquement le Content par type de fichier, propriété, Tags, Locale et source.
   • Pour remplir le bloc de contenu avec uniquement certains types de fichiers ou propriétés d'actifs, cliquez sur Type de fichier ou Propriété et sélectionnez-les dans la liste.
   • Pour inclure des ressources avec des tags spécifiques, spécifiez les paramètres.
     • Correspond à TOUS ces tags : Exclure le contenu qui n'a pas tous les tags.
     • Correspond à N'IMPORTE LAQUELLE de ces balises : Ajoutez des résultats qui correspondent à une seule balise.
     • Ne correspond à AUCUNE de ces étiquettes : Choisissez quelles étiquettes de contenu exclure.
   • Pour inclure des actifs mappés à des Locales spécifiques, spécifiez les paramètres.
     • Correspond à TOUTES ces langues et pays : Exclure le contenu qui n'inclut pas toutes ces propriétés de localisation.
     • Correspond à N'IMPORTE QUELLE de ces langues et pays : Ajoutez des résultats qui correspondent à n'importe quelle propriété de localisation unique.
     • Ne correspond à AUCUNE de ces langues et pays : Choisissez les propriétés de localisation à exclure.
   • Utilisez le filtre Source pour affiner les sources d'asset. Spécifiez Toutes les Bibliothèques, Autres Bibliothèques, ou la Bibliothèque de Division de votre Page.
   

7. Pour garantir une expérience fluide avec la Page, limitez le nombre de fichiers par bloc. Tapez un nombre dans la case pour définir le nombre maximum d'assets que vous souhaitez remplir. Jusqu'à 20 fichiers offrent la meilleure expérience de visualisation. Lorsqu'elle est laissée vide, le nombre de fichiers est limité à 250.

   N'oubliez pas, si plus d'assets correspondent au filtre dynamique que la limite fixée, les assets supplémentaires ne seront pas disponibles pour l'user. Pour voir quels assets sont indisponibles à votre limite, cliquez sur le nombre de résultats supplémentaires sous la liste de Content.

   
8. La liste du contenu inclus dans votre bloc peut être triée par ordre croissant ou décroissant selon les attributs : Nom, Ajouté, Téléchargé, Mises à jour, Vues, ou Manuellement si vous avez ajouté du contenu manuellement.

   Remarque : Lorsque les utilisateurs consultent les actifs triés par Nom, l'ordre dans lequel les actifs sont affichés est insensible à la casse, montre d'abord les caractères et les symboles avant les noms de fichiers qui commencent par un chiffre, et regroupe les chiffres ensemble. Par exemple, “a” = “A”, “Asset.PDF” sera affiché avant “1Asset.PDF”, et “1Asset.PDF”, “2Asset.PDF” seront affichés avant “10Asset.PDF”.

   
9. Dans la Section des paramètres, personnalisez l'affichage des assets dans le bloc.
   
   • Mode d'affichage : Vous pouvez afficher les fichiers en mode Grille ou Liste. Selon le mode d'affichage choisi, différents paramètres d'affichage sont disponibles.
     • Avec la vue Grille ou Liste sélectionnée, vous pouvez choisir de :
       • Afficher le bloc lorsqu'il est vide : Affichez le bloc et le titre même si le contenu n'est pas disponible. Désactivez cette option pour masquer le bloc et le titre lorsqu'ils sont vides, veuillez noter que cela peut affecter la mise en page. Par exemple, si plusieurs blocs sont côte à côte.
       • Activer la sélection d'éléments : Affichez des cases à cocher pour permettre aux users de sélectionner plusieurs éléments pour des actions telles que Share, Ajouter à la Collection ou Ajouter à l'Espace Partagé. Désactivez cette option pour masquer les cases à cocher et désactiver les actions en masse.
       • Paginer les éléments : Définissez le nombre de fichiers affichés dans le bloc. Les utilisateurs peuvent voir tous les fichiers en utilisant la navigation de page en bas. Vous pouvez définir un maximum de 50 éléments par page.
     • Avec la vue Liste sélectionnée, vous pouvez choisir de :
       
       • Afficher la description : Affichez la description de chaque asset sous le nom de fichier. Si une description est plus longue que l'espace disponible, un bouton Afficher plus permettra aux users de voir le texte complet. Désactivez cette option pour masquer les descriptions. 

         Remarque : Les descriptions sont affichées sur les assets partageables sur les Pages partageables.

       • Afficher le type de contenu : Affichez l'icône et le type de contenu de chaque asset au-dessus du nom de fichier. Désactivez cette option pour masquer les icônes et les types de contenu.
       • Afficher la vignette : Affichez la vignette de chaque asset. Désactivez cette option pour masquer les vignettes
   
10. Pour gagner du temps, cliquez sur Dupliquer pour copier le bloc d'actifs. Faites glisser et déposez le bloc dupliqué dans une autre section de votre Page. Ajustez le contenu et les paramètres selon vos besoins.

---

Des pages

Remarque : Sur une Page partageable, les Pages dans un bloc Page ne sont pas affichées.

1. Faites glisser le bloc Pages à l'endroit où vous souhaitez qu'il apparaisse sur la Page. S'il est déjà sur la Page, cliquez sur le bloc pour ouvrir le panneau d'édition.
2. Vous avez les mêmes options pour configurer le bloc Pages que le bloc Asset. Cependant, vous ajouterez des Pages. Vous pouvez ajouter des Pages avec un filtrage dynamique en utilisant des Tags, Locale et Source. Voir les instructions de l'asset ci-dessus.

Ajouter une Expérience ou une Page à une Page existante ne signifie pas que l'utilisateur peut accéder automatiquement à ce contenu.

Accordez aux utilisateurs l'accès à toutes les Pages lors de l'utilisation de Pages imbriquées. L'accès n'est pas hérité du niveau supérieur. Au lieu de cela, il doit être explicitement accordé en ajoutant toutes les Pages à une Expérience à laquelle vos utilisateurs peuvent accéder.

Par exemple, un utilisateur ne peut ouvrir une Page imbriquée dans une autre Page sur une expérience avancée que s'ils ont déjà accès à la Page imbriquée dans la même expérience ou une autre.

Vérifiez que les users ont déjà accès à une Page imbriquée dans une Expérience existante. Sinon, ajoutez la Page à une Expérience Classique à laquelle le user peut accéder, et il pourra également l'ouvrir dans l'Expérience Avancée.

---

Expériences

Remarque : Sur une Page partageable, les Experiences ne sont pas affichées.  

1. Faites glisser le bloc Experiences à l'endroit où vous souhaitez qu'il apparaisse sur la Page. S'il est déjà sur la Page, cliquez sur le bloc pour ouvrir le panneau d'édition.
2. Ajoutez un titre au bloc si vous le souhaitez.
3. Pour choisir d'ajouter une icône au bloc d'actif, activez le paramètre, puis faites glisser et déposez ou parcourez pour votre icône à télécharger.
4. Dans la section Contenu, sélectionnez le Type d'Experiences que vous souhaitez ajouter à la Page. Cela peut aider à filtrer les options disponibles.
5. Ajoutez des Experiences en les recherchant et en les sélectionnant dans le menu déroulant. Ensuite, recherchez et sélectionnez le dossier Experience à afficher. Choisissez Root pour afficher le dossier principal de l'Experience.
6. Dans la Section des paramètres, personnalisez la façon dont les Experiences sont affichées dans le bloc.
   • Mode d'affichage : Vous pouvez afficher les Experiences en mode Grille ou Liste. Selon le mode d'affichage choisi, différents paramètres d'affichage sont disponibles.
     • Avec la vue Grille ou Liste sélectionnée, vous pouvez choisir de :
       
       • Paginer les éléments : Définissez le nombre d'Experiences affichées dans le bloc. Les users peuvent voir toutes les Experiences en utilisant la navigation de page en bas. Vous pouvez définir un maximum de 50 éléments par page.
     • Avec la vue Liste sélectionnée, vous pouvez choisir de :
       • Afficher la description : Affichez la description de chaque Expérience sous le nom. Si une description est plus longue que l'espace disponible, un bouton Afficher plus permettra aux users de voir le texte complet. Désactivez cette option pour masquer les descriptions.
       • Afficher le type de contenu : Affichez l'icône et le type de contenu de chaque Expérience (dossier ou Expérience) au-dessus du nom. Désactivez cette option pour masquer les icônes et les types de contenu.
       • Afficher la vignette : Afficher la vignette de chaque Expérience. Désactivez cette option pour masquer les vignettes.
   
7. Pour gagner du temps, cliquez sur Dupliquer pour copier le bloc Experiences. Faites glisser et déposez le bloc dupliqué dans une autre section de votre Page. Ajustez le contenu et les paramètres selon vos besoins.

---

Cours

Remarques :   - Sur une Page partageable, les Courses ne sont pas affichés.
               - Les vendeurs ne peuvent voir que les Courses qui leur sont assignées depuis la Coach Library.
- Les utilisateurs promus doivent avoir les autorisations 'Gérer le contenu' et 'Gérer les Courses & Paths' activées pour ajouter des blocs de Courses à une Page.

1. Faites glisser le bloc Cours à l'endroit où vous souhaitez qu'il apparaisse sur la Page. S'il est déjà sur la Page, cliquez sur le bloc pour ouvrir le panneau d'édition.
2. Ajoutez un titre au bloc si vous le souhaitez.
3. Pour choisir d'ajouter une icône au bloc d'actif, activez le paramètre, puis faites glisser et déposez ou parcourez pour votre icône à télécharger.
4. Ensuite, ajoutez des Courses en les recherchant et en les sélectionnant dans le menu déroulant.
   
5. Alternativement, cliquez sur Avancé pour parcourir et sélectionner des Courses en utilisant des filtres basés sur les Owners, les Groupes et le Statut. Sélectionnez les Courses que vous souhaitez ajouter à la Page, puis cliquez sur Insérer des éléments.
   
6. Dans la section Paramètres, personnalisez l'affichage des Courses dans le bloc :
   • Mode d'affichage : Affichez les fichiers sous forme de grille ou de liste.
   • Afficher le bloc lorsqu'il est vide : Affichez le bloc et le titre même si le contenu est indisponible. Désactivez cette option pour masquer le bloc et le titre lorsqu'ils sont vides, mais notez que cela peut affecter la mise en page. Par exemple, si plusieurs blocs sont côte à côte.
   • Paginer les éléments : Définissez le nombre de Courses affichés dans le bloc. Les users peuvent voir tous les Courses en utilisant la navigation de page en bas. Vous pouvez définir un maximum de 50 Courses par page.
7. Pour gagner du temps, cliquez sur Dupliquer pour copier le bloc Cours. Faites glisser et déposez le bloc dupliqué dans une autre section de votre Page. Ajustez le contenu et les paramètres selon vos besoins.

---

Espaceur

Ajoutez des espaces pour créer un espace blanc entre les blocs de contenu.

1. Faites glisser le bloc Espacement à l'endroit où vous souhaitez améliorer l'espacement sur la Page.
2. Cliquez sur le spacer et utilisez l'ajusteur pour changer la hauteur. Sur mobile, les spacers sont intentionnellement supprimés pour éviter les problèmes de mise en page.
3. Pour gagner du temps, cliquez sur Dupliquer pour copier le bloc Espaceur. Faites glisser et déposez le bloc dupliqué dans une autre section de votre Page. Ajustez la hauteur selon les besoins.

---

Boutons

Remarque : Sur une Page partageable, les liens vers des Pages, des Expériences ou des assets non partageables ne fonctionneront pas.

Utilisez les blocs Bouton pour créer des boutons sur la Page qui renvoient vers des ressources, des Pages, des ressources URL, des titres, ou des Experiences.

1. Faites glisser le bloc Bouton à l'endroit où vous souhaitez qu'il apparaisse sur la Page. S'il est déjà sur la Page, cliquez sur le bloc pour ouvrir le panneau d'édition.
2. Tapez les mots qui apparaissent sur le bouton dans le champ Texte du bouton. Un texte court est préférable pour éviter d'être coupé lorsque la largeur de la fenêtre est réduite.
3. Ensuite, liez le bouton à un actif, une Page, un actif URL, une Expérience, ou un Titre. Sélectionnez Aucun si vous ne voulez pas lier le bouton à quoi que ce soit.
4. Choisissez le type de Content que vous souhaitez lier à partir du menu déroulant, puis recherchez et sélectionnez le Content. Vous pouvez Filter votre recherche d'une Experience en sélectionnant un Type. Vous pouvez lier à n'importe quel bloc de titre sur votre Page.
5. Dans la section Style de bouton, utilisez le curseur pour arrondir davantage ou moins les coins du bouton.
6. Sélectionnez une couleur d'arrière-plan, une couleur de texte, un type de police et une taille de police. Votre administrateur définit les types de police disponibles.
7. Définissez la taille du bouton. Vous pouvez choisir de :
   • Ajustez le bouton au bloc.
   • Ajustez le bouton au texte. Pour élargir le bouton, définissez la Largeur minimale. Le bouton ne peut pas être plus petit que le texte.
   
8. Sélectionnez un alignement à Gauche, Centre, ou Droite.
9. Pour gagner du temps, cliquez sur Dupliquer pour copier le bloc Bouton. Faites glisser et déposez le bloc dupliqué dans une autre Section de votre Page. Ajustez le contenu et le style selon les besoins.