We use cookies
We use cookies and similar technologies to improve your experience, analyse traffic, and personalise content. You can accept all cookies or reject non-essential ones.
Un portail participant est un site web qui vous appartient : des pages que vous rédigez, un menu que vous agencez, votre logo, votre domaine — la partie connectée étant reliée aux données propres à votre organisation. Ce guide parcourt l’étape Conception de bout en bout : la création du portail, le choix d’un point de départ, puis chacun des quatre panneaux de gauche — Pages, Mises en page, Components et Branding.
La liste d’où vous venez est le foyer de tous les portails que vous exploitez : nom, Statut, Domaine du panel, Version et Mis à jour. Vous pouvez faire tourner plusieurs portails côte à côte, chacun sur son propre domaine.
Un portail est servi sur un domaine personnalisé que vous possédez et avez vérifié. Vous pouvez le construire et le prévisualiser sans domaine, mais la publication exige un domaine actif associé. Voir Configurer un domaine personnalisé pour votre Participant Portal.
Un portail tout neuf ouvre le sélecteur de modèles. Il y a deux façons d’entrer.
Décrivez le portail avec vos propres mots — son objectif, les pages publiques et privées dont vous avez besoin, et le contenu — et l’IA construit un portail multipage complet que vous pourrez ensuite affiner. Les invites les plus utiles nomment explicitement la séparation, par exemple “des pages publiques pour les services, notre équipe et la prise de rendez-vous en ligne ; et un espace patient privé pour consulter les rendez-vous et suivre la convalescence”. Des suggestions d’invites de départ se trouvent sous la zone de saisie ; Generate with AI lance la génération.
Six points de départ, filtrables par catégorie : Retailer Portal, Education Portal, Support Portal, Research Portal, Survey Analytics Portal et Blank Canvas. Chacun crée des pages, une mise en page avec un menu fonctionnel, et des composants reliés à des données pertinentes. Rouvrez le sélecteur à tout moment depuis Modèles dans le panneau Pages, ou Changer de modèle dans la barre d’outils.
L’éditeur est un assistant en trois étapes — Conception, Aperçu, Publier. Quatre onglets à icônes descendent le long de la gauche de l’étape Conception ; le canevas affiche la page que vous modifiez ; un panneau de paramètres s’ouvre à droite lorsque vous sélectionnez un composant. Desktop et Mobile au-dessus du canevas changent sa largeur.
Le panneau Pages liste chaque page avec sa puce de mise en page, son titre et son slug. Nouveau ouvre le tiroir de page ; les icônes de la ligne permettent de masquer, modifier, dupliquer et supprimer.
| Champ | Ce qu’il fait |
|---|---|
| Page Title | Le nom de la page — onglet du navigateur, menus, et titre de recherche par défaut. Traduisible. |
| Slug | Le chemin de l’URL ; lettres minuscules, chiffres, /, _, - et :. Un slug avec un segment à deux-points — l’indication montre orders/:orderId — est une page dynamique : une seule définition qui affiche un enregistrement différent par URL. |
| Mise en page | Quelle mise en page enveloppe cette page. Aucun l’affiche nue. |
| Who can see this page | Les trois niveaux d’accès, ci-dessous. |
| Landing page | Fait répondre cette page à /. Voir ci-dessous. |
| Search appearance | Sur les pages non privées uniquement : Search title, Search description, Share image, et un commutateur Hide from search engines à activer. |
Trois cartes. Le choix décide si la page est exposée à Internet ou non.
“Only signed-in participants. Not reachable by search engines.” (Uniquement les participants connectés. Non accessible aux moteurs de recherche.)
“Anyone on the internet, no sign-in. Server-rendered so search engines can index it.” (N’importe qui sur Internet, sans connexion. Rendue sur le serveur pour que les moteurs de recherche puissent l’indexer.)
“Anyone can read it; signed-in participants see more. Appears in both menus.” (Tout le monde peut la lire ; les participants connectés en voient davantage. Apparaît dans les deux menus.)
Il y a une page d’accueil par catégorie, pas une par portail. Sur une page privée, la case à cocher indique Default page after sign-in ; sur une page publique, Default public page. En cocher une remplace la précédente dans cette catégorie uniquement — ainsi une page d’accueil marketing et un tableau de bord participant peuvent tous deux occuper /, chacun pour son propre public.
Une mise en page est l’habillage autour d’une page — en-tête ou barre latérale, pied de page, et un unique point d’injection Page Content où atterrissent les composants de la page. Nouveau demande un Layout Name et une Layout Structure:
La plupart des portails finissent avec deux mises en page — une publique avec une barre supérieure et une privée avec une barre latérale. Les pages choisissent leur mise en page dans le tiroir de page, déplacer une page de l’une à l’autre prend donc un instant.
Il n’y a plus d’onglet Navigation. Le menu est un conteneur nav que vous déposez dans une mise en page, et chaque entrée y est un vrai lien sélectionnable. Les anciens portails ont été migrés automatiquement — ouvrez la mise en page et votre menu s’y trouve.
Sélectionnez le conteneur nav et ses paramètres proposent deux réglages :
| Réglage | Valeurs | Effet |
|---|---|---|
| Position | Normal · Sticky · Fixed | “Sticky garde la barre visible au défilement.” |
| On mobile | Stack · Menu button (défaut) · Scroll sideways | “Stack et Scroll sideways conservent ce menu sur les téléphones avec ses styles mobiles. Menu button confie les téléphones à la coque d’application (barre supérieure + tiroir + onglets en bas) et masque ce menu.” |
Sur une page que des visiteurs anonymes peuvent lire, le serveur supprime tout lien de menu pointant vers une page privée — le libellé d’une page privée ne doit pas s’imprimer sur une page explorable. Le canevas vous prévient avant que cela n’arrive : un tel lien s’affiche estompé avec un petit cadenas, avec l’infobulle “Hidden for visitors who aren’t signed in: this menu is on a public page, and links to private pages are removed there. Link to Sign In or a public page.” (Masqué pour les visiteurs non connectés : ce menu est sur une page publique et les liens vers des pages privées y sont supprimés. Faites un lien vers Sign In ou vers une page publique.) L’éditeur de lien affiche le même avertissement avec un bouton Use Sign In en un clic.
Dans l’éditeur de lien, choisissez Internal page et sélectionnez Sign In — il est proposé à côté de vos pages, et les pages privées y portent un cadenas de couleur d’avertissement. C’est la seule route de l’application vers laquelle un menu public peut pointer : un lien “Register” fonctionne dans l’éditeur et dans l’aperçu mais il est supprimé sur la page publique en ligne, et l’écran de connexion porte de toute façon son propre lien d’inscription.
Le panneau Components est la palette. Faites glisser un bloc sur le canevas ou cliquez pour l’ajouter ; tout ce que vous déposez obtient un panneau de paramètres à droite. À côté des blocs généraux de texte, de média et de design — titres, paragraphes, images, boutons, liens, sections, lignes, le conteneur nav , les séparateurs et les espaceurs — les portails ajoutent leur propre groupe :
Le point d’injection où s’affichent les composants d’une page. Chaque mise en page en a besoin d’exactement un.
Un chiffre agrégé — comptage, moyenne ou somme sur une entité, avec un filtre facultatif. Trois dans une section forment une ligne de mesures.
Un tableau paginé avec des colonnes configurables, un tri et des actions de ligne. Son réglage Heading définit H2, H3 ou masqué — le H1 appartient à la page.
Un enregistrement complet, lu depuis un paramètre d’URL.
Les soumissions du participant lui-même. Options pour les mesures de synthèse, un filtre par sondage, et les colonnes sondage, score, réussite/échec et statut.
Une carte de synthèse des meilleurs scores et des scores moyens, et un historique des tentatives passées.
Les coordonnées du participant, modifiables sur place. Téléphone, biographie et type de panel facultatifs.
Vos widgets analytiques dans le contexte propre au participant.
Les sondages assignés à ce participant, sous forme de grille de cartes ou de tableau, avec des boutons de démarrage, de reprise et de résultats modifiables.
Les articles publiés sous forme de grille de cartes ou de liste, avec tri, taille de page, style de pagination et un réglage Content Type.
Un article complet : couverture, titre, corps, date et étiquettes, avec un lien explorable de retour vers la liste.
Le schéma liste + détail, c’est deux pages et deux composants. Créez une page avec un slug dynamique tel que orders/:orderId, déposez-y un Data Detail et pointez une action de ligne Data List vers ce slug. L’identifiant d’enregistrement de la ligne arrive dans l’URL et le composant de détail le lit.
Les blogs fonctionnent de la même façon, mais par slug. Réglez le champ Post Detail Page de la liste sur le slug de la page de détail (par exemple blog/:postId) et le champ Post du bloc de détail sur :postId. Les articles se trouvent alors à des adresses lisibles et explorables comme /blog/post-surgical-shoulder-stiffness. Laissez Post Detail Page vide et les titres ne sont pas des liens et aucun article n’est explorable.
Le panneau Branding est décrit comme “Affiché sur les pages de connexion, d’inscription et d’accueil”, mais le logo en particulier est utilisé dans tout le portail.
La barre d’outils porte le reste. La fenêtre Paramètres contient les paramètres généraux, Langue, Style, le partage et — une fois un domaine associé — Approuver automatiquement les inscriptions : “Si désactivé, les nouvelles inscriptions attendent l’approbation d’un administrateur avant de pouvoir accéder à ce portail.”
Chaque champ de texte suit la langue indiquée dans la barre d’outils par Modification en ; ajoutez des langues sous Gérer les langues et les chaînes non traduites retombent sur la langue par défaut. Les modifications s’enregistrent toutes seules, et Historique des versions conserve chaque état enregistré — Comparer l’un d’eux avec le brouillon actuel, puis Restaurer cet état.
Parcourez le tout vous-même avant quiconque : Prévisualiser et tester votre portail. Quand tout vous convient, passez à Publier et lancer votre portail participant.