Créez une page d'accueil personnalisée et ajoutez du contenu

La fonctionnalité Homepages de Showpad vous permet de créer des Homepages personnalisées attrayantes et engageantes. Vous pouvez assembler des collections de contenu spécifiquement organisées pour ce que vous voulez que vos vendeurs voient lors de la connexion. Lors de la création d'une Homepage, vous pouvez ajouter de nombreux blocs de contenu au canevas, y compris des titres, du texte, des galeries d'images, des assets Showpad et des Experiences.

Note : Les pages d'accueil personnalisées ne sont pas disponibles sur Android. Si vous souhaitez concevoir une expérience plus personnalisée pour les utilisateurs Android, en savoir plus sur les Spotlights ici.

Dans cet article, nous expliquons comment créer une page d'accueil et les différents blocs de contenu que vous pouvez utiliser.

Regardez comment ça marche

Vous avez besoin de cela pour réussir

• Showpad Content, Coach Plus, ou Ultimate Package
• Un compte admin Showpad ou un compte Utilisateur Promu avec la permission 'Gérer le Contenu'
• Les users utilisant Showpad via le Web App ou un appareil iOS

Le chemin rapide

1. Allez à la bibliothèque
2. Sélectionnez l'onglet Pages d'accueil
3. Créez une nouvelle page d'accueil
4. Ajoutez les blocs de contenu souhaités

Procédez étape par étape

1. Créez une page d'accueil personnalisée
2. Ajouter des blocs de contenu à votre page d'accueil :
   • Heading
   • Table des matières
   • Texte
   • Galerie
   • Actifs
   • Des pages
   • Expériences
   • Cours
   • Espaceurs
   • Boutons
   • Vidéos

Créez une page d'accueil personnalisée

1. Connectez-vous à la Online Platform. Naviguez vers l'onglet Bibliothèque. Si votre organisation a des Divisions séparées, choisissez une Division.
2. Sélectionnez l'onglet Pages d'accueil et cliquez sur Créer une nouvelle page d'accueil.
3. Nommez la page d'accueil et cliquez sur Créer.
4. Pour ajouter des blocs de contenu à votre page d'accueil, faites-les glisser et déposez-les sur le canevas. Des lignes apparaîtront indiquant où vous pouvez placer des blocs - au-dessus, en dessous ou à côté des existants. Vous pouvez créer jusqu'à quatre colonnes de large de blocs de contenu, mais vous ne pouvez pas redimensionner la largeur des blocs.
   Vous pouvez créer une nouvelle section ou ajouter le bloc à une existante. Ces sections seront utilisées pour styliser votre page d'accueil.
   

   Note : La largeur maximale de la page est de 1100px, et la taille maximale de la marge est de 250px de chaque côté.

   
5. Cliquez sur les options d'aperçu à tout moment lors de la création de la page d'accueil personnalisée pour voir à quoi ressemblera la page d'accueil pour les utilisateurs assignés. Si vous avez des utilisateurs sur iOS, il est important d'utiliser les options d'aperçu pour téléphone et tablette pour vous assurer que votre page d'accueil personnalisée s'affiche bien sur toutes les plateformes. Une fois que vous avez terminé, cliquez sur Modifier pour reprendre la création de votre page d'accueil.

Ajoutez des blocs de contenu à votre page d'accueil

Tout en travaillant sur votre page d'accueil personnalisée, n'oubliez pas de cliquer sur Enregistrer pour conserver vos modifications. Sur les Homepages déjà distribuées aux utilisateurs, les modifications enregistrées seront automatiquement disponibles pour eux.

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

• Heading
• Table des matières
• Texte
• Galerie
• Actifs
• Des pages
• Expériences
• Cours
• Espaceurs
• 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 d'accueil et ajoutez-le à la Section de contenu que vous souhaitez mettre en évidence. S'il est déjà sur la Page d'accueil, 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 d'En-tête, activez le paramètre, puis glissez-déposez ou recherchez votre icône à télécharger. L'icône est positionnée à gauche du texte d'en-tête.
4. Personnalisez le style d'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 administrateur 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 la Page d'accueil. Ajustez le contenu et le style selon les besoins.

Table des matières

Rendez votre Page d'accueil 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 d'accueil. Cliquer sur un titre dans la table des matières fera défiler jusqu'à la Section désignée sur la Page d'accueil.

1. Faites glisser le bloc Table des matières à l'endroit où vous souhaitez qu'il apparaisse sur la Page d'accueil. Si elle est déjà sur la Page d'accueil, cliquez sur le bloc pour ouvrir le panneau d'édition.
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 d'accueil, 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 décider d'afficher ou de masquer les points de liste. 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 administrateur 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 d'accueil. 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 d'accueil. S'il est déjà sur la page d'accueil, cliquez sur le bloc pour ouvrir le panneau d'édition.
2. Dans l'éditeur, tapez ce que vous voulez écrire dans votre bloc de texte. Il apparaîtra automatiquement sur la Page d'accueil.
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 la mise en forme. Votre administrateur définit les types de police disponibles.
   
4. Pour ajouter un lien textuel, mettez en surbrillance le texte souhaité et cliquez sur l'icône de lien. Définissez le Texte à afficher 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
   • Titre: Sélectionnez un bloc de titre sur la Page d'accueil.
   
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 d'accueil. Ajustez le contenu et le style selon les besoins.

Galerie 

1. Faites glisser le bloc Galerie à l'endroit où vous souhaitez qu'il apparaisse sur la Page d'accueil. Si elle est déjà sur la Page d'accueil, 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 voulez 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 d'accueil 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. Vous pouvez passer automatiquement d'une image à la suivante. Si sélectionné, un curseur apparaît avec l'option de choisir la durée entre les transitions en secondes.
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 Contenu.
8. Pour changer le point focal d'une image, cliquez sur l'icône d'édition sur l'image. Faites glisser la boîte vers le point focal souhaité. L'image à droite montre un aperçu du changement.
9. Pour ajouter un lien à votre image, cliquez sur l'icône d'édition sur l'image. Vous pouvez lier une image à un Asset, Page, URL asset, Expérience, ou Titre. Sélectionnez le type de contenu que vous souhaitez lier à partir du menu déroulant, puis recherchez et sélectionnez le contenu. Vous pouvez filtrer votre recherche pour une Expérience en sélectionnant un Type. Vous pouvez lier à n'importe quel bloc de Titre sur votre Page d'accueil.
10. Pour supprimer une image de la galerie, cliquez sur l'icône de la corbeille sur l'image.
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 d'accueil. Ajustez le contenu et le design selon vos besoins.

Actifs

Les utilisateurs auront accès à tous les assets sur la Page d'accueil, y compris les assets imbriqués sur les Pages de la Page d'accueil. Les utilisateurs n'ont pas besoin d'être affectés à une Expérience contenant un asset car ils auront automatiquement accès à l'asset s'il est inclus sur la Page d'accueil. Depuis leur Page d'accueil, les utilisateurs peuvent ajouter n'importe quel asset à un Shared Space.

1. Faites glisser le bloc Assets à l'endroit où vous souhaitez qu'il apparaisse sur la page d'accueil. S'il est déjà sur la page d'accueil, cliquez sur le bloc pour ouvrir le panneau d'édition.
2. Ajoutez un titre au bloc si vous le souhaitez.
3. Pour ajouter une icône au bloc d'asset, activez le paramètre, puis faites glisser-déposer ou parcourez pour télécharger votre icône.
4. Sous la section Contenu, 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 actifs en utilisant divers filtres en cliquant sur Avancé. Recherchez et filtrez en fonction des types de fichiers sélectionnés, des propriétés des actifs, des tags, de l'auteur ou de la source. Vous pouvez également appliquer un filtre enregistré.
   Sélectionnez les actifs que vous souhaitez ajouter à la page d'accueil, puis cliquez sur Insérer les éléments.
6. Alternativement, vous pouvez filtrer dynamiquement le contenu 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 restreindre l'origine des ressources en spécifiant Toutes les bibliothèques, Autres bibliothèques, ou la bibliothèque Division à laquelle appartient la page d'accueil.
   

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'il est laissé 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é le contenu manuellement.
9. Dans la section Paramètres, personnalisez la façon dont les assets sont affichés 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, mais notez 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 utilisateurs 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.
       • Activer la sélection d'asset : 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.
     • 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. Un bouton Afficher plus permettra aux users de voir le texte complet si une description est plus longue que l'espace disponible. Désactivez cette option pour masquer les descriptions.
       • 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 l'icône et les types de contenu.
       • Afficher la vignette : Afficher 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 d'accueil. Ajustez le contenu et les paramètres selon vos besoins.

Des pages

Les utilisateurs obtiendront l'accès à toute Page ajoutée à leur Page d'accueil. Cependant, si une autre Page est imbriquée dans la Page sur leur Page d'accueil, ils devront se voir attribuer cette Page imbriquée via une expérience pour y avoir accès.

1. Faites glisser le bloc Pages à l'endroit où vous souhaitez qu'il apparaisse sur la Page d'accueil. S'il est déjà sur la Page d'accueil, 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.
3. Ajouter une Expérience ou une Page à une page d'accueil ne signifie pas que l'utilisateur peut accéder automatiquement à ce contenu.
   

Expériences

Les users n'obtiendront pas automatiquement l'accès à une Experience ajoutée à une Page d'accueil. Ils doivent être assignés à l'Experience via l'Experience Builder pour y avoir accès sur leur Page d'accueil.

1. Faites glisser le bloc Experiences à l'endroit où vous souhaitez qu'il apparaisse sur la Page d'accueil. S'il est déjà sur la Page d'accueil, 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 d'accueil. 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 Racine pour afficher le dossier principal de l'Experience.
6. Dans la section 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'éléments affichés dans le bloc. Les utilisateurs peuvent voir tous les éléments 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. Un bouton Afficher plus permettra aux utilisateurs de voir le texte complet si une description est plus longue que l'espace disponible. Désactivez cette option pour masquer les descriptions.
       • Afficher le type de contenu : Affichez l'icône et le type de contenu (dossier ou Expérience) de chaque Expérience au-dessus du nom. Désactivez cette option pour masquer les icônes et les types de contenu.
       • Afficher la vignette : Affichez la vignette de chaque élément. 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 d'accueil. Ajustez le contenu et les paramètres selon vos besoins.

Cours

Notes: - Les vendeurs ne peuvent voir que les Cours qui leur sont attribués à partir de la Coach Library.
- Les utilisateurs promus doivent avoir à la fois les permissions 'Gérer le contenu' et 'Gérer les Cours & Chemins' activées pour créer des Homepages personnalisées avec des blocs de Cours.

1. Faites glisser le bloc Cours à l'endroit où vous souhaitez qu'il apparaisse sur la Page d'accueil. S'il est déjà sur la Page d'accueil, 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 Cours en les recherchant et en les sélectionnant dans le menu déroulant.
   
5. Alternativement, cliquez sur Avancé pour parcourir et sélectionner des Cours à l'aide de filtres basés sur les Propriétaires, les Groupes et le Statut. Sélectionnez les Cours que vous souhaitez ajouter à la Page d'accueil, puis cliquez sur Insérer les éléments.
   
6. Dans la section Paramètres, personnalisez l'affichage des Courses dans le bloc.
   
   • Mode d'affichage : Affichez les Courses en vue Grille ou Liste.
   • 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, 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 utilisateurs 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 d'accueil. Ajustez le contenu et les paramètres selon vos besoins.

Espaceurs

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 d'accueil.
2. Cliquez sur l'espacement et utilisez l'ajusteur pour changer la hauteur. Sur mobile, les espacements 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 d'accueil. Ajustez la hauteur selon les besoins.

Boutons

Utilisez les blocs Bouton pour créer des boutons sur la Page d'accueil 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 d'accueil. S'il est déjà sur la Page d'accueil, 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 contenu auquel vous souhaitez créer un lien à partir du menu déroulant, puis recherchez et sélectionnez le contenu. Vous pouvez filtrer votre recherche pour une Expérience en sélectionnant un Type. Vous pouvez créer un lien vers n'importe quel bloc d'en-tête sur votre page d'accueil.
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.
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. Choisissez d'aligner le bouton à Gauche, au Centre, ou à Droite dans le bloc.
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 d'accueil. Ajustez le contenu et le style selon les besoins.

Note: Pour ajouter plusieurs blocs de boutons sur la même ligne, glissez et déposez votre bloc de boutons sur un côté d'un bloc existant. Des lignes apparaîtront, indiquant où vous pouvez placer des blocs. Vous pouvez créer jusqu'à quatre colonnes de large de blocs de contenu, mais vous ne pouvez pas redimensionner la largeur des blocs.