Concepteur de page de vérification : personnalisez votre page publique
Temps de lecture : 7 minutes
Aperçu
Votre organisation dispose d'une page de vérification publique où n'importe qui peut rechercher une attestation et confirmer son authenticité. Par défaut, elle utilise la mise en page standard de CertLister. Avec le forfait Pro, le Concepteur de page de vérification vous permet de remplacer la zone d'accueil par un design entièrement personnalisé — sections héros à vos couleurs, vos logos, des statistiques, une FAQ, des liens vers votre site web — le tout avec un éditeur par glisser-déposer, sans code.
Une chose ne change jamais : la recherche d'attestation — le champ de recherche que les visiteurs utilisent pour vérifier une attestation — fait partie de chaque design. Vous décidez où elle se place et ce qui l'entoure, mais elle ne peut pas être retirée.
| Forfait | Pro seulement |
| Designs par organisation | Jusqu'à 5 (un seul actif à la fois) |
| Emplacement | Paramètres du portail → onglet Concepteur |
| S'applique à | Votre page de vérification publique — sur certlister.com et sur votre domaine personnalisé |
Créer un design
- Connectez-vous à CertLister
- Allez dans Paramètres du portail dans la navigation de gauche
- Ouvrez l'onglet Concepteur
- Cliquez sur Nouveau design
La galerie de modèles s'ouvre avec des aperçus en direct :
| Modèle | Style | Conçu pour |
|---|---|---|
| Institutionnel | Bleu marine et or, style registre officiel, avec une rangée de logos « accrédité par » | Universités et organismes de réglementation |
| Minimaliste élégant | Blanc, encre et sable, misant sur l'espace | Écoles de design et associations professionnelles |
| Vif et convivial | Héros turquoise clair avec une FAQ pré-remplie | Créateurs de cours et équipes de formation |
| Page vierge | Seulement la recherche d'attestation | Partir de zéro |
Choisissez-en un et le design est créé immédiatement — nommé automatiquement (« Institutionnel 1 », « Institutionnel 2 », …) — et l'éditeur s'ouvre avec exactement la mise en page prévisualisée. Pour renommer un design plus tard, ouvrez son menu ⋯ dans l'onglet Concepteur et choisissez Renommer.
Les modèles sont personnalisés à l'insertion : la ligne de droits d'auteur du pied de page est pré-remplie avec le nom de votre organisation et l'année en cours, et tous les textes sont insérés dans la langue de votre compte (français ou anglais).
Adaptez le modèle à votre image
Chaque modèle se publie tel quel sans erreur, mais avant la mise en ligne vous voudrez :
- Remplacer les liens d'exemple. Les en-têtes des modèles contiennent des liens de démonstration (Accueil, À propos, Contact, …) qui pointent vers
https://example.com. Remplacez-les par vos vraies adresses. - Modifier les titres et les textes. Le contenu des modèles est volontairement générique.
- Ajouter des logos (Institutionnel). La rangée de logos « accrédité par » est livrée vide et n'apparaît tout simplement pas sur la page publique tant que vous n'y ajoutez pas de logos.
L'éditeur
L'éditeur comporte trois zones :
- À gauche — la liste des blocs. Glissez un bloc sur le canevas pour l'ajouter.
- Au centre — le canevas, un rendu en direct de votre page. Cliquez sur un bloc pour le sélectionner ; glissez les blocs pour les réordonner.
- À droite — les réglages du bloc sélectionné (texte, couleurs, espacement, alignement, …). Quand rien n'est sélectionné, il affiche les réglages de la page (en-tête, pied de page et espacement du contenu).
La barre supérieure comporte les boutons Enregistrer le brouillon et Publier et indique si vous avez des modifications non enregistrées. Retour aux paramètres du portail ramène à la liste des designs — un avertissement s'affiche si des modifications non enregistrées seraient perdues.
L'éditeur a besoin d'espace : sur un téléphone, un message vous invite à basculer vers un écran plus grand. Utilisez une tablette ou un ordinateur.
Les blocs
Les noms des blocs s'affichent en anglais dans l'éditeur :
| Bloc | Rôle |
|---|---|
| Container | Un conteneur avec sa propre couleur de fond et ses marges internes — la base des sections héros colorées |
| Columns | Place des blocs côte à côte |
| Spacer | Ajoute un espace vertical |
| Divider | Une ligne horizontale (pleine, tirets ou pointillés) |
| Heading | Un titre (trois tailles) avec alignement, taille et couleur |
| Text | Un paragraphe avec alignement, taille et couleur |
| Image | Une image parmi vos fichiers téléversés |
| Button | Un bouton-lien avec options de forme, taille et couleur |
| LogoRow | Une rangée de logos avec titre facultatif — logos de partenaires ou d'accréditation |
| StatsBar | Une rangée de chiffres clés (« 12 000 attestations émises ») |
| FAQ | Une liste dépliable de questions-réponses |
| LookupWidget | La recherche d'attestation — obligatoire, exactement une par design |
Les images
Le bloc Image (et le logo de l'en-tête) puisent dans la bibliothèque d'images de votre organisation. Cliquez sur Choisir une image pour reprendre un fichier déjà téléversé ou sur Téléverser une nouvelle image pour en ajouter un. Seules les images téléversées dans votre organisation peuvent être publiées dans un design.
En-tête et pied de page
Quand aucun bloc n'est sélectionné, le panneau de droite affiche les réglages de la page (leurs libellés apparaissent en anglais) :
- Custom header (en-tête personnalisé) — activez-le pour ajouter une barre d'en-tête avec un logo, jusqu'à 5 liens et des couleurs de fond et de texte. Laissez le logo vide et le logo de votre organisation est utilisé automatiquement.
- Custom footer (pied de page personnalisé) — activez-le pour ajouter un pied de page avec un texte (la ligne ©, pré-remplie par les modèles) et jusqu'à 8 liens.
- Content spacing (espacement du contenu) — l'écart entre le haut de la page (ou l'en-tête) et votre premier bloc.
Les liens de l'en-tête et du pied de page doivent être des adresses complètes commençant par https://.
Afficher ou masquer des blocs selon l'appareil
Chaque bloc, sauf la recherche d'attestation, dispose des réglages Hide on mobile (masquer sur mobile) et Hide on desktop (masquer sur ordinateur). Servez-vous-en pour offrir une mise en page compacte aux téléphones — par exemple, masquez une large section à trois colonnes sur mobile et affichez à la place une variante empilée.
Enregistrer, prévisualiser, publier, activer
Un design passe par trois états, affichés à côté de son nom dans l'onglet Concepteur :
| Statut | Signification |
|---|---|
| Brouillon enregistré, non publié | Vos modifications sont stockées, rien n'est public |
| Publié | Un instantané du design est prêt à être servi |
| Actif | C'est ce design que les visiteurs voient actuellement |
- Enregistrer le brouillon sauvegarde votre travail. Enregistrer ne modifie jamais votre page publique.
- Aperçu de la page en direct ouvre votre vraie page de vérification avec le rendu du brouillon actuel, via un lien privé à durée limitée — vous voyez exactement ce que verraient les visiteurs, pendant que les vrais visiteurs continuent de voir votre page actuelle. Tous les designs peuvent être prévisualisés ainsi, pas seulement le design actif.
- Publier valide le design et en prend un instantané. Vous pouvez continuer à modifier ensuite — les changements restent dans le brouillon jusqu'à la prochaine publication.
- Activer fait d'un design publié celui que voient les visiteurs. Un seul design est actif à la fois ; en activer un remplace le design actif précédent.
- Désactiver ou Dépublier ramène votre page de vérification à la mise en page standard. Dépublier conserve votre brouillon — vous pouvez reprendre le travail plus tard.
Dépannage
La publication échoue avec un message de validation
La publication vérifie d'abord le design. Les causes fréquentes :
- La recherche d'attestation est absente ou en double. Chaque design a besoin d'exactement un bloc LookupWidget. Si vous l'avez supprimé, réintégrez-le ; si vous en avez ajouté un deuxième, retirez-le.
- Un lien n'est pas une adresse complète. Les liens de l'en-tête, du pied de page et des boutons doivent commencer par
https://—www.exemple.comou/a-proposne passeront pas. - Une image ne provient pas de votre bibliothèque. Les adresses d'images doivent pointer vers des fichiers téléversés dans votre organisation. Ré-ajoutez l'image via Choisir une image.
Mes changements n'apparaissent pas sur la page publique
Enregistrer un brouillon ne met pas à jour la page publique — cliquez sur Publier. Si la page affiche encore la mise en page standard, vérifiez le statut du design : il doit être Actif, pas seulement Publié.
« Impossible de supprimer le design actif »
Désactivez d'abord le design (menu ⋯ → Désactiver), puis supprimez-le.
Le bouton Activer est désactivé
Le design n'a pas encore de version publiée. Publiez-le d'abord.
« Vous avez atteint la limite de 5 designs »
Supprimez un design dont vous n'avez plus besoin depuis son menu ⋯.
L'onglet Concepteur affiche une invitation à passer au forfait supérieur
Le concepteur de page de vérification est une fonctionnalité Pro. Consultez Forfaits et facturation.
FAQ
Q : Mon design fonctionne-t-il sur mon domaine personnalisé ?
R : Oui. Le design s'applique à votre page de vérification où qu'elle soit servie — certlister.com ou votre domaine personnalisé.
Q : Le design modifie-t-il mon widget de vérification intégré ?
R : Non. Le widget intégré sur votre propre site web n'est pas touché — le design s'applique à votre page de vérification complète.
Q : Le design change-t-il l'apparence des résultats de vérification ?
R : Non. Le concepteur couvre la zone d'accueil autour de la recherche d'attestation. La carte de résultat qui apparaît après une recherche se configure séparément dans les Paramètres du portail.
Q : Puis-je changer la police de caractères ?
R : Non — les designs utilisent la police standard de la page de vérification. L'identité visuelle passe par vos couleurs, les tailles de texte, les graisses et l'espacement.
Q : Les visiteurs peuvent-ils voir mes brouillons ?
R : Non. Les brouillons ne sont visibles qu'à travers votre lien Aperçu de la page en direct, qui est privé et expire. Les visiteurs voient toujours le design actif publié.
Q : Que se passe-t-il si je quitte le forfait Pro ?
R : Votre page de vérification revient automatiquement à la mise en page standard. Vos designs ne sont pas supprimés — repassez au forfait Pro et le design actif est de nouveau servi.
Q : Plusieurs membres de l'équipe peuvent-ils modifier les designs ?
R : Oui — tout membre de l'équipe ayant le rôle Administrateur peut utiliser le concepteur.