Un bloc Titre définit l’en-tête principal d’une page. Une fois que vous avez ajouté un bloc Titre à votre page, cliquez dessus pour remplacer le texte de remplissage par votre propre contenu. Un Titre ressemble à un En-tête, mais il est toujours affiché comme un H1. Cela garantit une structure de page claire et favorise l’accessibilité. Vous pouvez choisir entre trois tailles de titre : grande, moyenne et petite. Vous pouvez également utiliser les autres options de mise en forme du texte dans la barre d’outils contextuelle. Utilisez le bloc Titre uniquement pour l’en-tête principal de la page. Utilisez les blocs En-tête (H2–H4) pour structurer le reste du contenu. Une page ne peut avoir qu’un seul titre, donc l’option de duplication n’est pas disponible pour ce bloc.

Le bloc Texte vous permet d’ajouter et de mettre en forme du texte sur votre page. Il combine les en-têtes et les paragraphes dans un seul bloc, ce qui vous permet de structurer et de mettre en forme le contenu de manière flexible.
 

Vous pouvez choisir entre différents styles de texte, comme des en-têtes grands, moyens ou petits, ainsi que du texte de paragraphe. La barre d’outils contextuelle inclut des options de mise en forme telles que gras, italique, barré, alignement, couleur, liens, listes, citations, exposant, indice, emojis et balises de profil.

Vous pouvez également ajouter des @mentions et des #hashtags pour référencer des personnes ou des sujets. Vous pouvez changer de style à tout moment, supprimer la mise en forme, et dupliquer ou supprimer le bloc selon vos besoins.

Le bloc Image vous permet d’ajouter des images à votre page. Vous pouvez l’utiliser pour illustrer votre contenu, mettre en avant des messages clés ou créer une séparation visuelle entre les sections.

Vous pouvez redimensionner les images directement dans l’éditeur en faisant glisser les coins. Vous pouvez également ajouter des légendes et du texte alternatif pour améliorer la clarté et l’accessibilité. Lors de la modification, les options suivantes sont disponibles :

• Onglet Contenu :
  • Ajouter une image : Ajoutez l’image que vous souhaitez afficher
  • Position : Définissez l’alignement de l’image
  • Légende : Ajoutez une légende
  • Texte alternatif : Ajoutez un texte alternatif pour les personnes utilisant des lecteurs d’écran ou une connexion lente
  • URL cible : Ajoutez une URL à laquelle vous souhaitez lier l’image
  • Ouvrir dans le navigateur (mobile) : Ouvre le lien dans le navigateur par défaut de l’appareil
• Onglet Visibilité : Contrôlez où et pour qui le bloc est affiché.

Le bloc Vidéo vous permet d’intégrer des vidéos sur votre page. Vous pouvez l’utiliser pour expliquer des sujets, partager des mises à jour ou proposer du contenu attrayant dans un format plus dynamique. Lors de la modification, les options suivantes sont disponibles :

• Onglet Contenu :
  • Source : Choisissez une vidéo depuis Mes fichiers ou intégrez une URL. Vous pouvez également ajouter une miniature.
  • Ajouter une vidéo : Ajoutez le contenu vidéo pour la page
  • Position : Définissez l’alignement de la vidéo
  • Légende : Ajoutez une légende
• Onglet Visibilité : Contrôlez où et pour qui le bloc est affiché.

Le bloc Audio vous permet d’ajouter des fichiers audio à votre page. Vous pouvez l’utiliser pour partager du contenu parlé, comme des annonces ou des interviews. Cela offre aux utilisateurs une autre façon de consommer l’information. Lors de la modification, les options suivantes sont disponibles :

• Onglet Contenu : Ajoutez le contenu audio pour la page.
• Onglet Visibilité : Contrôlez où et pour qui le bloc est affiché.

Le bloc Document vous permet d’ajouter des documents à votre page, y compris des PDF et d’autres formats de fichiers. Vous pouvez l’utiliser pour fournir des ressources supplémentaires ou des informations détaillées que les utilisateurs peuvent consulter ou télécharger. Lors de la modification, les options suivantes sont disponibles :

• Onglet Contenu : Sélectionnez le fichier que vous souhaitez ajouter.
• Onglet Visibilité : Contrôlez où et pour qui le bloc est affiché.

Le bloc Galerie vous permet d’ajouter plusieurs images dans une disposition en grille pour créer une galerie structurée visuellement, sans avoir à organiser chaque image manuellement.

Vous pouvez placer un bloc Galerie dans des conteneurs, des colonnes et des accordéons. Lorsque vous sélectionnez Modifier dans la barre d’outils contextuelle, les options suivantes sont disponibles :

• Onglet Contenu :
  • Ajouter des images : Sélectionnez plusieurs images depuis Mes fichiers.
  • Réorganiser : Cliquez sur la poignée de glissement pour glisser et déposer les images afin de changer leur ordre.
  • Supprimer : Cliquez sur l’icône de corbeille sur une image pour la retirer de la galerie.
  • Cliquez sur la flèche de développement ⌄ pour actualiser :
    • Titre : Ajoutez ou modifiez un titre pour chaque image. Le titre est prérempli à partir du nom existant de l’image.
    • Texte alternatif : Ajoutez un texte alternatif de 200 caractères maximum pour chaque image.
• Onglet Design :
  • Miniature : Galerie de miniatures
  • Carrousel : Affichage en diaporama
• Onglet Visibilité : Contrôlez où et pour qui le bloc est affiché.

La disposition en grille s’ajuste automatiquement en fonction du nombre d’images. Si le nombre d’images dépasse la capacité de la grille visible, un indicateur « + plus » affiche le nombre d’images restantes. En cliquant sur une image, un aperçu plein écran s’ouvre, permettant aux utilisateurs de parcourir toutes les images de la galerie.

Le bloc Séparateur permet de séparer visuellement les blocs de contenu sur votre page. Il améliore la lisibilité et facilite la distinction entre les différentes sections de votre page.

Grâce à la barre d’outils contextuelle, vous pouvez modifier, dupliquer ou supprimer le bloc à tout moment. L’option Modifier vous permet de mettre à jour la visibilité du séparateur.

Le bloc Accordéon vous permet de structurer des informations longues ou détaillées dans des panneaux réductibles. Cela permet de garder la page claire et facile à parcourir. Vous pouvez ajouter plusieurs panneaux dans un même accordéon en sélectionnant l’indicateur d’élément parent et en utilisant la barre d’outils contextuelle pour le dupliquer. Les utilisateurs peuvent ensuite développer ou réduire chaque panneau selon leurs besoins.

Grâce à la barre d’outils contextuelle, vous pouvez modifier, dupliquer ou supprimer le bloc à tout moment. Lorsque vous modifiez, les options suivantes sont disponibles :

• Onglet Design : Personnaliser la couleur d’arrière-plan
• Onglet Visibilité : Contrôler où et pour qui le bloc est affiché.

Le bloc Personnalisé vous permet d’intégrer des widgets personnalisés créés avec le générateur de widgets Staffbase, qui fournit un SDK de widget. Si vous disposez de widgets développés et maintenus en interne, comme une horloge ou une carte de visite numérique, ce bloc vous permet d’utiliser ces widgets dans les pages et facilite la migration de contenu existant incluant des widgets personnalisés.

Le bloc Encadré informatif met en avant des informations importantes sur votre page. Il propose des mises en page prédéfinies et colorées pour quatre types de messages : information, réussi, avertissement et critique. Cela vous aide à attirer l’attention sur des notes, alertes ou messages clés de façon claire et visuellement distincte.

Grâce à la barre d’outils contextuelle, vous pouvez également modifier, dupliquer ou supprimer le bloc à tout moment. Sélectionner Modifier ouvre l’onglet visibilité .

Le bloc Conteneur vous permet d’imbriquer des conteneurs dans des colonnes ou d’autres conteneurs pour créer des mises en page plus personnalisées, complexes et flexibles. Les conteneurs peuvent être imbriqués jusqu’à deux niveaux et servent principalement à structurer le contenu horizontalement en colonnes.

Comme le conteneur par défaut, il prend en charge les couleurs d’arrière-plan et les images de fond avec des superpositions de couleur facultatives pour contrôler l’opacité. Le bloc Conteneur doit être ajouté manuellement si une imbrication supplémentaire est nécessaire.

Utilisez le bloc Table pour présenter des informations structurées en lignes et colonnes. Les tables améliorent la lisibilité des contenus riches en données comme les comparaisons, plannings ou listes. Elles affichent les informations de façon claire et facile à parcourir. Les tables commencent avec une disposition 2×2. Vous pouvez ajouter ou supprimer des lignes et des colonnes selon vos besoins. Chaque cellule de table peut contenir n’importe quel bloc sauf les blocs Conteneur et Table.

Le bloc Lien rapide vous permet d’ajouter des liens vers des ressources internes ou externes directement sur une page. Grâce à la barre d’outils contextuelle, vous pouvez modifier, dupliquer ou supprimer le bloc à tout moment. Lorsque vous modifiez, les options suivantes sont disponibles :

• Onglet Contenu :
  • Indiquez une URL et une étiquette.
  • Indiquez si vous souhaitez l’ouvrir dans le navigateur mobile par défaut de l’appareil.
• Onglet Design :
  • Type de carte :
    • Icône : Choisir une icône dans le sélecteur d’icônes.
      • Standard : Utiliser les icônes standard de l’ensemble prédéfini
      • Personnalisé : Importer une image à utiliser comme icône.
      • Affichage : Sélectionner entre l’affichage Tuile ou Liste pour correspondre au design de votre page.
        • Affichage Tuile : Affiche un lien unique sous forme de tuile visuelle. Chaque tuile peut inclure une icône ou une image, et vous pouvez personnaliser la couleur d’arrière-plan.
        • Affichage Liste : Affiche un lien unique comme élément de liste.
    • Image : Ajouter des images depuis Mes fichiers ou importer un fichier.
  • Position : Aligner l’icône et l’étiquette à gauche, au centre ou à droite.
  • Couleur : Définir la couleur d’arrière-plan, la couleur de l’icône et la couleur de l’étiquette pour le lien.
• Onglet Visibilité : Contrôler où et pour qui le bloc est affiché.

Le bloc Bouton vous permet de créer des appels à l’action clairs qui guident les utilisateurs vers les destinations que vous définissez. La couleur du bouton utilise la couleur principale de la marque définie dans la page Marque.

Lorsque vous modifiez, les options suivantes sont disponibles :

• Onglet Contenu
  • Affichage : Largeur du bouton avec les options accolade et remplissage
  • Position : Alignement du bouton
  • Lien : Lien vers une page web
• Onglet Visibilité : Contrôler où et pour qui le bloc est affiché

Lorsque les utilisateurs cliquent sur le bouton, l’action associée se déclenche automatiquement, comme l’ouverture d’un site internet.

Le bloc Navigation affiche une branche spécifique du menu de votre site directement sur une page. Il liste tous les éléments enfants sous l’élément parent, aidant les utilisateurs à naviguer dans la hiérarchie. Les éléments de menu avec des dossiers sont réductibles. Les dossiers sont réduits par défaut, sauf celui contenant la page actuelle, qui se développe automatiquement. Le bloc se met à jour automatiquement lorsque les éléments du menu sont modifiés. Lorsque vous modifiez, les options suivantes sont disponibles :

• Onglet Contenu :
  • ID du menu : Indiquez l’ID du menu de l’élément parent pour afficher une branche spécifique du menu.
    Afficher les icônes : Afficher ou masquer les icônes des éléments du menu.
    Mettre en évidence la page actuelle : Afficher ou masquer la mise en évidence sur l’élément du menu correspondant à la page consultée par l’utilisateur.
• Onglet Visibilité : Contrôler où et pour qui le bloc est affiché

Le bloc Actualités vous permet d’afficher les actualités Staffbase directement sur votre page en le connectant à une page d’actualités ou à un canal sélectionné. Il agit comme un segment d’actualités en direct qui affiche automatiquement les dernières publications, garantissant que votre page reste à jour sans mises à jour manuelles. Vous pouvez présenter le contenu en utilisant l’affichage Fil d’actualité ou Carrousel d’actualités et inclure des vidéos hébergées par Staffbase que les utilisateurs peuvent lire directement dans leur Appli collaborateurs ou Intranet.

À l’aide de la barre d’outils contextuelle, vous pouvez modifier, dupliquer ou supprimer le bloc à tout moment. Lorsque vous modifiez, les options suivantes sont disponibles :

• Onglet Contenu :
  • Source : Sélectionnez la page d’actualités ou le canal dans la liste.
  • Bouton Afficher toutes les publications : Ajustez le bouton pour activer ou désactiver cette option.
  • Ignorer des publications : Définissez le nombre de publications à ignorer.
• Onglet Design :
  • Mise en page ordinateur : Sélectionnez Fil ou Carrousel d’actualités.
    • Fil : Affiche une liste chronologique des publications du canal d’actualités sélectionné. Chaque publication affiche un titre, un texte d’accroche et un aperçu média (y compris les vidéos). Vous pouvez choisir d’afficher les publications verticalement ou horizontalement grâce à l’option Sens de la liste.
    • Carrousel d’actualités : Présente les publications dans un format visuel de type carrousel pour mettre en avant les annonces ou campagnes clés. Choisissez entre un style large ou carte.
    • Carrousel : Affiche plusieurs publications d’actualités dans un format rotatif et glissant. Les utilisateurs peuvent naviguer dans les publications une à une à l’aide des flèches (ordinateur) ou en balayant vers la gauche/droite (mobile).
      • Lecture automatique : Faites défiler automatiquement les publications. Les utilisateurs peuvent mettre en pause à tout moment.
  • Nombre de publications : Indiquez le nombre de publications à afficher.
  • Apparence : Sélectionnez le style d’affichage.
  • Options d’affichage : Choisissez les détails à afficher (par exemple, auteur, nom du canal ou date de publication).
• Onglet Visibilité : Contrôlez où et pour qui le bloc est affiché.

Le bloc Shorts vous permet d’ajouter des vidéos verticales, de style réseaux sociaux, issues des canaux d’actualités Média à vos pages. Les contributeurs peuvent créer et publier des Shorts dans l’Appli collaborateurs ou l’Intranet, ce qui facilite le partage de contenus vidéo engageants pour soutenir la communication, la reconnaissance et le storytelling.

À l’aide de la barre d’outils contextuelle, vous pouvez modifier, dupliquer ou supprimer le bloc à tout moment. Lorsque vous modifiez, les options suivantes sont disponibles :

• Onglet Contenu : Sélectionnez une page d’actualités ou un canal. Le bloc affiche les vidéos dans un fil horizontal et chronologique pour une navigation rapide et une lecture plein écran.
• Onglet Visibilité : Contrôlez où et pour qui le bloc est affiché.

Le bloc S'abonner à un groupe permet aux utilisateurs de rejoindre ou de quitter des groupes ouverts directement depuis une page. Cela facilite la recherche de contenus pertinents pour le groupe et aide les employés à suivre les sujets qui les intéressent.

À l’aide de la barre d’outils contextuelle, vous pouvez modifier, dupliquer ou supprimer le bloc à tout moment. Lorsque vous modifiez, les options suivantes sont disponibles :

• Onglet Contenu :
  • Groupe : Recherchez et sélectionnez le groupe
  • Étiquettes du bouton : Personnalisez les étiquettes des boutons Rejoindre et Quitter. Le bloc s’adapte automatiquement selon l’abonnement. Si l’utilisateur n’est pas membre, un bouton permet de s’abonner et d’accéder immédiatement au contenu du groupe ; s’il est déjà abonné, il peut se désabonner et ne plus recevoir les mises à jour.
• Onglet Design :
  • Affichage : Choisissez entre l’affichage Accolade ou Remplissage
  • Position : Sélectionnez l’alignement du bouton
• Onglet Visibilité : Contrôlez où et pour qui le bloc est affiché

Utilisez le bloc Créer un article pour permettre aux employés de créer des articles directement depuis une page. Il permet aux utilisateurs de publier des publications de type Mise à jour sans avoir à accéder à un canal d’actualités spécifique, ce qui favorise une communication ascendante. Les éditeurs peuvent placer le bloc sur des pages clés, comme la page d’accueil ou une page d’événement, pour faciliter la publication.

Le bloc apparaît sous forme de champ de saisie sur lequel les utilisateurs peuvent cliquer ou appuyer pour commencer à créer une publication.
Sur l’Intranet, une boîte de dialogue modale s’ouvre. Dans l’Appli, une boîte de dialogue plein écran, optimisée pour mobile, s’ouvre.

Après la publication, la page s’actualise et la nouvelle publication apparaît dans le canal prédéfini.

Les utilisateurs peuvent créer des publications avec du contenu enrichi, y compris des liens, hashtags, @mentions et annexes comme des images ou des vidéos. Le bloc n’est visible que pour les utilisateurs ayant l’autorisation de publier dans le canal d’actualités connecté.

Lorsque vous modifiez, les options suivantes sont disponibles :

• Onglet Contenu :
  • Publié sur : Sélectionnez le canal d’actualités ou la page d’actualités dans lequel les publications seront publiées.
  • Texte de remplissage : Saisissez une invite pour guider les utilisateurs. Par exemple, « Partagez une mise à jour avec vos collègues. »
• Onglet Design : Choisissez d’afficher ou non une icône de stylo dans le champ de saisie.
• Onglet Visibilité : Contrôlez où et pour qui le bloc est affiché.

Le bloc Section Actualités affiche du contenu d’actualités avec un conteneur latéral pour du contenu complémentaire. Idéal pour créer une page centrée sur l’actualité ou comme section principale en haut d’une page. Jusqu’à 5 publications sont affichées avec l’image de fond de l’article principal, le titre, les étiquettes, les réactions et les commentaires. Le conteneur latéral peut contenir d’autres blocs, comme Texte ou Lien rapide, pour compléter les actualités. Un bloc Section Actualités ne peut pas être supprimé s’il s’agit du seul bloc sur une page.

Lorsque vous modifiez, à l’aide de la barre d’outils contextuelle, les options suivantes sont disponibles :

• Onglet Contenu : Choisissez la source de votre contenu :
  • Page d’actualités
  • Canal d’actualités
• Onglet Design :
  • Total des publications affichées : Indiquez le nombre de publications à afficher.
  • Lecture automatique : Activez pour faire défiler automatiquement les publications. Les utilisateurs peuvent mettre en pause à tout moment.
  • Couleur du texte : Choisissez parmi les couleurs de la marque.
  • Affichage : Ajustez les boutons pour afficher le nom du canal, la date de publication, les compteurs d’interaction ou le bouton Lecture vidéo.

  • Hauteur de la section : Choisissez parmi les options petite, moyenne ou grande. 

    La taille dépend du contenu, c’est-à-dire que la hauteur d’une section dépend des éléments qu’elle contient. La taille sélectionnée ne définit que le remplissage vertical, c’est-à-dire l’espace au-dessus et en dessous du contenu de la section.
• Onglet Visibilité : Contrôlez où et pour qui le bloc est affiché.

Utilisez le bloc Profil utilisateur pour afficher les informations de contact en dehors de l’annuaire des employés. Par exemple, vous pouvez l’utiliser sur une page Contactez-nous. Si elles sont disponibles, les informations de profil comme le lieu de travail, le département et le poste sont affichées. Vous pouvez choisir jusqu’à deux champs principaux et quatre champs secondaires. Vous pouvez également sélectionner une disposition verticale ou horizontale, et afficher éventuellement l’utilisateur actuellement connecté.

À l’aide de la barre d’outils contextuelle, vous pouvez modifier, dupliquer ou supprimer le bloc à tout moment. Lorsque vous modifiez, les options suivantes sont disponibles :

• Onglet Contenu : Sélectionnez un utilisateur ou le profil de l’utilisateur connecté.
• Onglet Design :
  • Affichage : Sélectionnez entre horizontal ou vertical.
  • Apparence : Sélectionnez entre standard ou carte.
  • Champs de profil : Sélectionnez les champs principaux et secondaires à inclure.
• Onglet Visibilité : Contrôlez où et pour qui le bloc est affiché.

Utilisez le bloc Extension pour afficher le contenu d’une extension, comme des formulaires, des menus ou des calendriers d’événements, directement sur une page. Cela permet aux utilisateurs d’interagir avec le contenu, par exemple en envoyant des formulaires ou en consultant les options hebdomadaires de la cantine, sans quitter la page.

Grâce à la barre d’outils contextuelle, vous pouvez modifier, dupliquer ou supprimer le bloc à tout moment. Lors de la modification, les options suivantes sont disponibles :

• Onglet Contenu :
  • Sélectionnez une extension dans une liste.
  • Choisissez l’élément spécifique de cette extension à afficher sur la page.
• Onglet Design :
  • Définissez la hauteur du bloc pour ordinateur de bureau ou mobile.
  • Définissez si les utilisateurs peuvent faire défiler le contenu dans le bloc.
• Onglet Visibilité : Contrôlez où et à qui le bloc est affiché.

Le bloc Page intégrée permet aux éditeurs d’afficher des sites internet externes sur une page. Cela permet aux utilisateurs de consulter du contenu externe sans quitter la page.

Grâce à la barre d’outils contextuelle, vous pouvez modifier, dupliquer ou supprimer le bloc à tout moment. Lors de la modification, les options suivantes sont disponibles :

• Onglet Contenu : Ajoutez l’URL cible.
• Onglet Design :
  • Définissez la hauteur du bloc pour ordinateur de bureau ou mobile.
  • Définissez si les utilisateurs peuvent interagir, faire défiler le contenu dans le bloc ou ouvrir le bloc en plein écran.
• Onglet Visibilité : Contrôlez où et à qui le bloc est affiché.

Les blocs Google vous permettent d’intégrer du contenu issu des services Google directement dans vos pages intranet. En intégrant des calendriers et des fichiers là où les employés travaillent déjà, vous offrez un accès rapide à des informations importantes et réduisez le besoin de changer d’outil.

Pour fournir un aperçu centralisé des tâches attribuées, utilisez le bloc Centre de tâches. Il permet aux utilisateurs d’accéder à différents projets de tâches et de passer de l’un à l’autre, facilitant ainsi la gestion du travail entre équipes et projets.

Le bloc Sondage vous permet de collecter des retours d’informations et des informations directement auprès des utilisateurs. Il permet d’intégrer un sondage existant pour encourager l’engagement via des réponses rapides. Utilisez ce bloc pour recueillir des avis, mesurer le ressenti ou valider des décisions. Les sondages vous aident à mieux comprendre votre audience et à améliorer les processus au fil du temps. Lors de la modification, les options suivantes sont disponibles : 

• Onglet Contenu : 
  • Sondage : Sélectionnez le sondage auquel votre audience doit répondre. 
• Onglet Visibilité : Contrôlez où et à qui le bloc Sondage est affiché.

Pour afficher un aperçu des tickets ServiceNow, utilisez le bloc Tickets ServiceNow. Les employés peuvent voir ou ouvrir les tickets attribués, rechercher des tickets ou accéder directement aux tickets existants.

Lors de la modification, les options suivantes sont disponibles :

• Onglet Contenu : Configurez le type de services ServiceNow à afficher.
• Onglet Visibilité : Contrôlez où et à qui le bloc est affiché.