Avant qu’un participant n’accède à votre portail, vous pouvez parcourir l’intégralité de l’expérience dans l’aperçu en direct intégré — en cliquant sur chaque élément de navigation, en explorant les pages de détail, en vérifiant chaque élément de branding — sans aucune exposition à l’audience.
Ouvrir l’aperçu
- Depuis l’éditeur Design, cliquez sur l’onglet Preview en haut de l’assistant.
- Le portail se charge dans un cadre entièrement interactif. Ce que vous voyez est exactement ce que les participants verront après la publication — votre mise en page, votre branding, votre navigation et tous les composants de page choisis.
Les modifications enregistrées dans les onglets Design se reflètent automatiquement dans le cadre d’aperçu. Vous pouvez passer librement de Design à Preview pour itérer et vérifier.
Que tester
L’aperçu est entièrement interactif — cliquez sur les éléments de navigation, explorez les lignes des composants Data List, utilisez la navigation retour entre les pages. Passez en revue :
- Chaque lien de navigation arrive sur la bonne page
- Les composants Data List se remplissent et affichent des lignes
- Le clic sur une ligne navigue vers la bonne page de détail dynamique avec le bon enregistrement chargé
- Les composants Data Detail affichent les bonnes informations pour le paramètre d’URL
- Les boutons naviguent vers la bonne destination
- Les bannières héro, les indicateurs KPI, les titres, les images et les widgets intégrés (Responses, Scores, Profile, Analytics Widgets) s’affichent comme conçu
- Votre logo apparaît dans la barre latérale et sur l’écran de connexion
- Le titre et la description de connexion s’affichent correctement dans chaque langue configurée
Tester le contrôle d’accès
Les pages définies sur Connexion requise redirigent les visiteurs non authentifiés vers l’écran de connexion. Dans l’aperçu, vérifiez que les pages protégées déclenchent l’invite de connexion et que les pages Publiques restent accessibles sans invite. Observer la redirection suffit — vous n’avez pas besoin d’identifiants de participant réels pour vérifier ce comportement.
Vérifier les mises en page mobiles
Utilisez les outils de développement de votre navigateur (ou redimensionnez la fenêtre) pour voir le portail aux largeurs de téléphone et de tablette. La barre latérale se réduit en une barre de navigation inférieure sur mobile. Confirmez que :
- Les éléments de navigation sont accessibles et adaptés au tactile
- Les Data Lists sont lisibles aux largeurs étroites (le débordement de colonnes est géré avec élégance)
- Le texte des bannières héro reste lisible sur les petits écrans
- Les boutons sont suffisamment grands pour être touchés confortablement
Ce que reflète l’aperçu
L’aperçu affiche toujours votre brouillon actuellement enregistré. Il est totalement distinct du portail en direct — rien n’est visible pour les participants tant que vous n’avez pas publié. Vous pouvez itérer et revérifier autant de fois que nécessaire avant la mise en ligne.
Liste de contrôle avant lancement
- Chaque page de l’onglet Pages est accessible — depuis la navigation ou via une action de ligne de liste
- La bonne page est définie comme page d’atterrissage par défaut (où les participants arrivent après connexion)
- Les pages de détail dynamiques se chargent correctement lorsqu’on y accède depuis une ligne de liste
- Les cartes d’indicateurs KPI affichent des chiffres (une puce d’erreur signifie un type d’entité mal configuré)
- Les Data Lists affichent colonnes et lignes ; les actions de ligne fonctionnent correctement
- Les bannières héro, images et boutons s’affichent comme conçu
- Le logo apparaît dans la barre latérale et sur l’écran de connexion
- Le titre et la description de connexion s’affichent correctement dans chaque langue configurée
- Les pages nécessitant une connexion redirigent vers l’écran de connexion en cas d’accès sans authentification
- Les pages publiques se chargent sans invite de connexion
- La navigation est lisible et utilisable aux largeurs d’écran de téléphone
- Aucun élément de navigation ne pointe vers un slug inexistant
- Le domaine du panneau est assigné dans l’onglet Branding (requis avant la publication)
Étape suivante
Une fois la liste de contrôle validée, passez à l’onglet Publish. Voir Publier et lancer votre portail participant.