Documentation
Cette page décrit l'usage courant : on ouvre l'administration, on compose ses pages, on organise son menu. Aucune ligne de code, aucun appel d'API. La conduite par un agent est décrite à part, et reste facultative — la totalité de ce qui suit se fait sans elle.
Trois réglages conditionnent l'apparence de toutes les pages à venir. Les poser d'abord évite d'avoir à reprendre chaque page ensuite.
L'identité
Réglages ▸ Identité du site. Le nom, le logo, l'icône d'onglet, les coordonnées et le type d'établissement. Ces informations alimentent aussi les données structurées lues par les moteurs de recherche : on ne les ressaisit nulle part.
Les couleurs
Dix couleurs de thème, dont l'accent, le fond, le texte et le texte atténué. Chaque page s'y réfère par variable plutôt que par valeur : changer l'accent ici le change partout, boutons et liens compris.
Les polices
Onze rôles — titres, corps, liens, boutons, menu — réglables séparément sur ordinateur, tablette et mobile. Réglez toujours un rôle et son survol ensemble : une taille de survol différente fait sauter le bouton sous le curseur.
Une page est un empilement à quatre niveaux. C'est le seul concept à comprendre : tout le reste en découle, et l'éditeur ne propose jamais de créer un élément sans son parent.
Page
└─ Section une bande horizontale : son fond, ses marges
└─ Ligne une rangée, découpée en 1 à 12 colonnes
└─ Bloc une case dans une colonne
└─ Contenu texte, image, bouton, formulaire, calendrier…
La section porte le fond et l'espace vertical. La ligne porte le découpage en colonnes. Le bloc est la case, et le contenu ce qu'on y met. Une section sans ligne est légitime : elle sert de respiration.
Les colonnes se comptent sur douze
Une ligne à trois colonnes se répartit en 4-4-4, deux colonnes inégales en 8-4. La somme fait douze. Et surtout : il faut autant de segments que de blocs — trois blocs sur une répartition à un seul segment se retrouvent écrasés.
Quatre appareils, toujours
Téléphone jusqu'à 767 px, tablette jusqu'à 991 px, portable jusqu'à 1199 px, ordinateur au-delà. Chaque réglage existe pour les quatre. Trois colonnes sur ordinateur deviennent volontiers une seule sur téléphone : 12-12-12.
Le geste est toujours le même, quelle que soit la page.
Vérifiez la page sur téléphone avant de publier. Un site correct sur le seul écran de son concepteur est un site cassé pour la majorité de ses visiteurs — et l'éditeur permet de basculer d'un appareil à l'autre sans rien enregistrer.
Deux mécanismes distincts, qu'on confond souvent : les catégories rangent les pages entre elles, le menu conduit le visiteur. L'un n'implique pas l'autre — une page peut vivre dans une catégorie sans figurer au menu, et c'est le cas courant dès qu'un site dépasse la dizaine de pages.
Catégories et sous-catégories
Elles donnent une arborescence de travail, et facultativement un chemin d'adresse. Activez le slug dans l'URL et la page se retrouve à /categorie/sous-categorie/page/ — c'est ce que fait ce site : cette page est rangée dans « documentation ».
Menus
Un menu principal et un menu de pied de page, chacun une liste ordonnée d'entrées pointant vers des pages ou des adresses libres. Le menu a son propre style, indépendant des polices du site ; c'est là qu'on règle sa police, pas dans les réglages généraux.
Chacun s'administre depuis son propre onglet et se pose dans une page sous forme de bloc. Ils sont indépendants : un site vitrine n'active ni la boutique ni les formations, et ne les voit pas.
Produits, variantes, stock, TVA, expédition, commandes. Les données structurées des fiches produit sont générées automatiquement.
Types de rendez-vous, disponibilités, créneaux, rappels automatiques. Le calendrier se pose comme un bloc dans n'importe quelle page.
Tests à score, profils et combinaisons de critères. Le résultat déclenche un e-mail, une redirection ou un accès.
Parcours, modules, progression, quiz et attestations. L'accès est accordé à l'inscription ou après paiement.
Soixante-sept événements, chacun avec son gabarit modifiable. Les e-mails obligatoires ne peuvent pas être désactivés.
Vingt-quatre types de contenu, dont quatorze blocs dynamiques : FAQ, onglets, carrousel, tableau de tarifs, compte à rebours.
Ce qui tourne sans qu'on s'en occupe, et le seul geste qui reste manuel.
Mettre à jour
Réglages ▸ Mettre à jour JEIKO. Une pastille apparaît quand une version plus récente est publiée, et la page indique laquelle. La mise à jour vérifie l'empreinte du paquet, sauvegarde la base, applique les migrations et redémarre le service. C'est le seul geste manuel.
Le cache
Le site met en cache l'objet du site, le corps des pages et le rendu des menus. Il n'y a rien à régler : toute modification enregistrée purge ce qu'il faut. Un bouton de purge existe malgré tout dans les réglages, pour les cas où l'on veut en avoir le cœur net.
Performance
Les images sont déclinées en cinq tailles à l'envoi et servies en srcset, les feuilles de style sont minifiées à la publication, les fragments coûteux du gabarit sont mis en cache. Un relevé PageSpeed s'exécute depuis l'administration et conserve son historique.
Sauvegardes
La base est sauvegardée avant chaque mise à jour. Pour le reste, la sauvegarde relève de votre hébergement : JEIKO tourne sur votre serveur, avec vos données — c'est le principe, et cela vous en laisse la charge.
Pas à pas, du premier réglage au module le plus riche.
De l'installation à la première page en ligne, en sept étapes.
Le menu Réglages et chaque variable du fichier .env.
Comment une page est construite, et les vingt-trois blocs.
Profils, combinaisons, mode dimensions, simulation.
Plan, vidéos, quiz, accès payant ou offert.
Types, créneaux, paiement, liste d'attente.
Sujet, corps, variables, aperçu, version par défaut.
Les commandes pour installer, mettre à jour, supprimer un site.
Confier la construction et l'entretien du site à Claude.
Produits, abonnements, codes promo, factures, Google Shopping.
E-mail, Stripe, Google Merchant, PageSpeed, Google Agenda, connexions sociales, licence.
Listes, preuve du consentement, envoi programmé, suivi, CRM.
Tout ce qui précède se fait aussi par programme. On crée alors un agent : un mandat nominatif, avec ses rôles, son échéance et son plafond d'appels. C'est ce mandat qu'on remet à un assistant, et lui seul — l'agent n'a jamais accès à la base, et passe par les mêmes contrôles que vous dans l'interface.
La création prend une minute, depuis Réglages ▸ Agents IA :
L'assistant n'a ensuite besoin d'aucune documentation de votre part : le mode d'emploi de l'API est servi par l'API elle-même, généré depuis le code.
Le plus simple est le connecteur : Claude se branche sur votre site depuis claude.ai, l'application mobile ou Claude Code, sans clé à recopier. Le guide pas à pas tient en trois étapes.