Aller au contenu principal

Pages personnalisées

En plus des listes de données générées automatiquement pour chaque objet, GesHoms vous permet de composer vos propres pages : des écrans assemblés par blocs, sans aucune ligne de code, un tableau de bord d'accueil, une page de bienvenue pour vos clients, une page de suivi de commande…

Il existe deux familles de pages, qui correspondent à deux onglets du Studio :

Onglet du StudioPour qui ?Exemples
IntranetVos équipes, dans l'application interneTableau de bord, page d'accueil, écran de saisie
ExtranetVos clients, sur le portail externePage de bienvenue, suivi de commande, FAQ, contact
La page d'accueil est une page comme les autres

Le message « Cette page d'accueil est entièrement personnalisable depuis le Studio » que vous voyez sur l'accueil signifie exactement cela : par défaut, l'accueil affiche les cartes de vos objets, mais vous pouvez le remplacer par n'importe quelle page composée dans le Studio.

Accueil de l'application

Créer une page

Page interne (onglet Intranet)

  1. Ouvrir le Studio, puis l'onglet Intranet.
  2. Dans la colonne de gauche Pages, cliquer sur + Nouvelle et saisir le titre de la page.
  3. La page apparaît dans l'arborescence. Sélectionnez-la pour régler son titre, son icône et ses droits, puis cliquer sur Éditer pour composer son contenu.

Vous pouvez organiser vos pages en dossiers : cliquer sur + Dossier, nommer le dossier, puis glisser-déposer les pages dedans. Les flèches Monter / Descendre règlent l'ordre d'affichage dans le menu.

Studio, onglet Intranet

Page du portail client (onglet Extranet)

  1. Ouvrir le Studio, puis l'onglet Extranet.
  2. Cliquer sur + Nouvelle page et saisir un titre.
  3. Ouvrir la page pour la composer, exactement comme une page interne.

Studio, onglet Extranet

L'éditeur de pages

L'éditeur fonctionne comme un atelier de mise en page :

  • Au centre : le canevas, un aperçu réel de votre page. Cliquer sur un bloc pour le sélectionner.
  • À droite : deux onglets, Blocs (la palette des blocs à ajouter) et Réglages (les propriétés du bloc sélectionné : titre, objet, champs affichés…).
  • En bas : la barre de zoom (− / + / pourcentage), le basculement Aperçu mobile / Aperçu bureau, et l'interrupteur Structure qui révèle les contours et libellés de chaque bloc.
  • En haut : le titre de la page, son statut (● Publiée ou ○ Brouillon), l'état d'enregistrement (« À jour » / « Non enregistré »), le bouton IA pour concevoir la page en langage naturel, le bouton Publier, et le menu (Réglages de la page, Générer avec l'IA, Aperçu mobile/bureau, Supprimer la page).
Composer avec l'IA

Le bouton IA ouvre un assistant qui crée, modifie ou réaménage la page à partir d'une simple demande en français (« ajoute un indicateur du chiffre d'affaires du mois »). Vous gardez la main : rien n'est publié sans votre action.

Les blocs disponibles

La palette est organisée en trois catégories : Contenu, Données et Structure.

Blocs de contenu

BlocUsage
Bandeau (hero)Grande bannière d'en-tête : sur-titre, titre, sous-titre, image de fond, bouton
TexteParagraphes de texte (avec **gras**)
ImageImage importée ou par URL, icône d'un objet ou d'une page, avec légende
Appel à l'actionEncart avec titre, texte et bouton
BoutonBouton avec action : lien, créer un enregistrement, ouvrir la liste d'un objet…
Frise de suiviÉtapes franchies / en cours (idéal pour un suivi de commande sur le portail)
Questions fréquentesListe de questions / réponses dépliables
CoordonnéesBloc de contact (adresse, téléphone, horaires…)
Texte composé (Intranet)Texte avec jetons dynamiques {count}, {name}, {name_plural} liés à un objet
Nom de l'objet (Intranet)Affiche le nom d'un objet (ou un texte fixe), en plusieurs tailles

Widgets de données

Ces blocs affichent les données de vos objets, en direct :

BlocUsage
Liste d'enregistrementsListe en tableau ou en cartes : choix des champs, nombre max, filtre, page de fiche ouverte au clic
Indicateur (KPI)Chiffre clé : nombre, somme ou moyenne d'un champ, avec filtre et format montant (€)
Fiche d'un enregistrementLe détail d'un enregistrement (pour les pages de fiche)
Nombre d'enregistrements (Intranet)Compteur simple d'un objet
Vue d'objet (complète) (Intranet)La vue de gestion complète d'un objet (recherche, filtres, colonnes…) intégrée dans la page
Vue d'objet (widget) (Intranet)Une vue d'objet en encart : tableau, cartes, kanban ou calendrier
Formulaire de saisie (Intranet)Formulaire de création ou d'édition d'un enregistrement

Blocs de structure

BlocUsage
ColonnesDécoupe la page en colonnes côte à côte ; chaque colonne accueille d'autres blocs
LigneConteneur vertical ou horizontal, hauteur réglable
Onglets (Intranet)Plusieurs contenus dans un même espace, un onglet par volet
SéparateurTrait horizontal entre deux sections
Un widget n'ouvre jamais de droit

Un bloc de données affiche uniquement ce que le visiteur a le droit de voir. Un client du portail ne verra dans une « Liste d'enregistrements » que ses enregistrements, selon son profil d'accès ; un membre interne, selon son rôle. Si le visiteur n'a pas accès à l'objet, le bloc est simplement retiré de la page. Voir Droits d'accès.

Réglages de la page

Depuis le menu Réglages de la page (ou le panneau de droite de l'onglet Intranet) :

  • Titre et Icône de la page ;
  • Largeur du contenu : « Centré (largeur confortable) » ou « Pleine largeur (100 % de l'espace disponible) » ;
  • Fond de la page : couleur de fond choisie dans la palette ;
  • pour une page du portail : Ordre dans la navigation, case Page d'accueil du portail, et Page de fiche (voir ci-dessous) ;
  • l'onglet Droits d'accès (Intranet) ou Visibilité (Extranet), voir plus bas.

Page de fiche (portail)

Une page du portail peut devenir un gabarit de fiche : dans ses réglages, choisir l'objet dans Page de fiche. La page sort alors de la navigation et s'ouvre au clic sur un enregistrement d'un widget « Liste d'enregistrements » (réglage Page de fiche au clic du widget). Placez-y un bloc Fiche d'un enregistrement pour afficher le détail.

Brouillon, publication et versions

Chaque page existe en deux exemplaires :

  • le brouillon, que vous modifiez librement dans l'éditeur ;
  • la version publiée, la seule visible par vos utilisateurs ou vos clients.

Vos modifications ne changent rien à ce que voient les visiteurs tant que vous n'avez pas cliqué sur Publier. Vous pouvez donc retravailler une page en production sans risque. Le statut est toujours visible : ● Publiée ou ○ Brouillon. Depuis l'arborescence Intranet, une page publiée peut aussi être dépubliée d'un clic.

Chaque publication est historisée : les dernières versions publiées sont conservées. Si l'éditeur retrouve un brouillon plus récent que la version affichée (travail non enregistré), une bannière vous propose de le Restaurer.

Page d'accueil et navigation

  • Intranet : dans l'arborescence, cliquer sur l'épingle d'une page (Définir comme page d'accueil) pour qu'elle remplace l'accueil par défaut (les cartes d'objets). La page est publiée automatiquement si besoin. Cliquer à nouveau sur l'épingle restaure l'accueil par défaut.
  • Extranet : cocher Page d'accueil du portail dans les réglages de la page.

Il n'y a qu'une seule page d'accueil par surface : en désigner une nouvelle retire l'ancienne.

Dans la navigation :

  • côté portail, seules les pages publiées apparaissent dans le menu, dans l'ordre défini par Ordre dans la navigation ; les pages de fiche n'y figurent jamais ;
  • côté Intranet, l'ordre et le rangement se font directement dans l'arborescence (dossiers, flèches Monter / Descendre).

Qui voit quoi ?

  • Page du portail, onglet Visibilité : cochez les profils d'accès autorisés. Aucun profil coché = la page est visible de tous les profils du portail.
  • Page interne, onglet Droits d'accès : une matrice Rôle × action (Lecture, Ajout, Modifier, Suppr.). « Lecture » gouverne l'accès à la page ; les autres actions gouvernent les boutons correspondants. Un rôle sans aucune case cochée conserve l'accès complet (mention affichée dans la matrice).
Vérifier le rendu côté client

Dans l'éditeur d'une page du portail, le sélecteur Aperçu : moi (conception) permet de prévisualiser la page telle qu'un profil donné la verra : les widgets hors profil sont retirés, exactement comme en réel.

Pour aller plus loin