#Démarrage rapide
Pour mettre à jour un site existant sans vous perdre dans les réglages, suivez ce parcours dans cet ordre.
Renseignez l’identité, les coordonnées, les réseaux sociaux et, si nécessaire, les services ou produits. Ces informations alimentent plusieurs parties du site.
Créez les pages, choisissez leur URL, leur page parente, leur visibilité dans le menu et leur état de publication.
Utilisez les sections, le mode édition et les modules. Pour les changements importants, l’IA peut proposer une nouvelle version avant validation.
Vérifiez le rendu mobile, les liens, les coordonnées, les formulaires, les métadonnées SEO et le statut en ligne du site.
Pour une petite correction, privilégiez l’édition directe. Pour une refonte de section ou une variation de style, utilisez l’IA ou l’éditeur HTML/CSS avec l’historique de versions.
#Périmètre de la documentation
La solution analysée contient le moteur du site public, l’administration intégrée, le mode édition, les traitements IA et les modules. C’est sur ce périmètre que les détails techniques et fonctionnels ci-dessous ont été vérifiés.
La documentation fournie décrivait également la gestion des abonnements, paiements et informations du compte. Le code de ce portail n’est pas présent dans l’archive analysée : cette partie est donc conservée comme documentation fonctionnelle existante et doit rester synchronisée avec le portail de compte réel.
#Compte utilisateur
Le portail Compte centralise les sites rattachés à votre profil, leur état, votre offre et les informations personnelles utilisées pour accéder au service.
Accédez aux différents sites rattachés au compte et ouvrez rapidement le site public ou son administration.
Consultez les informations synthétiques de chaque site : offre, contrat, publication et échéance lorsqu’elles sont disponibles dans le portail.
Mettez à jour les informations personnelles et les paramètres d’accès proposés par votre espace compte.
Le portail peut présenter le solde de crédits et l’historique des traitements réalisés selon les fonctions activées sur votre compte.
#Mes sites & publication
Chaque site peut être administré indépendamment. Dans la solution du site elle-même, l’état en ligne / hors ligne a un impact direct sur les visiteurs : un site hors ligne reste accessible à l’administrateur authentifié, tandis qu’un visiteur reçoit une page de maintenance avec un statut HTTP 503.
Les pages publiées et les fiches accessibles sont servies normalement aux visiteurs.
L’administrateur peut continuer à travailler alors que les visiteurs voient une page d’indisponibilité temporaire.
#Offre & facturation
Dans le portail Compte documenté initialement, chaque site possède sa propre offre. Vous pouvez y consulter son statut, les services inclus et les informations de renouvellement ou d’expiration, puis rejoindre l’espace de facturation sécurisé pour les opérations de paiement disponibles.
Les limites commerciales — nombre de sites, fonctionnalités incluses, renouvellement ou recharge — relèvent de l’offre associée au compte et non du moteur de pages analysé dans l’archive.
#Crédits IA
Dans l’administration du site, le solde de crédits est affiché et le coût de nombreuses actions IA est injecté directement sur les boutons concernés. Une génération est bloquée si le solde disponible ne permet pas de couvrir son coût.
Le moteur distingue notamment les générations de section, texte, HTML, CSS, menu, pied de page, en-tête, fiche produit/service, article, image, logo et pictogramme. Les coûts sont lus depuis la configuration de crédits : ils peuvent donc évoluer sans modifier la documentation.
Regardez le coût affiché dans l’interface et formulez une instruction complète dès le premier essai. Cela réduit les régénérations inutiles.
#Administration du site
La barre d’administration regroupe cinq espaces principaux : Identité, Coordonnées, Services / Produits, Actualités / Articles et Styles. Le mode édition est accessible en complément pour intervenir directement sur les pages.
#Identité
Cette rubrique définit les données de référence de l’activité. Le code prévoit le nom de l’entreprise, le type de profil (entreprise ou personne), le prénom, le nom, le SIREN et l’activité principale.
Identité visuelle
Trois visuels structurants peuvent être gérés séparément : le logo principal, le logo du menu et le pictogramme. Le pictogramme sert aussi à produire les variantes nécessaires au favicon et à une version 512 px lors de son remplacement.
Activités, marques et partenaires
L’administration permet d’ajouter, modifier et supprimer des activités ainsi que des marques ou partenaires. Ces données complètent le contexte métier utilisé pour présenter l’entreprise et peuvent aider à constituer des contenus cohérents.
Commencez par l’activité principale et l’identité visuelle, puis complétez les activités secondaires et partenaires. Vous donnez ainsi un contexte plus propre aux contenus générés ensuite.
#Coordonnées
La rubrique Coordonnées centralise l’e-mail, le téléphone, l’adresse, le complément d’adresse, le code postal, la ville, les zones desservies et les horaires ou disponibilités.
Un bouton flottant de contact peut être activé ou désactivé depuis l’administration.
Un accès flottant WhatsApp peut également être activé lorsque ce canal fait partie de votre parcours de contact.
Facebook, Instagram, X / Twitter, TikTok, LinkedIn et YouTube sont prévus dans les paramètres.
L’adresse enregistrée peut être réutilisée par le module carte et les coordonnées par les blocs de contact du site.
Le site public peut aussi afficher un bouton de retour en haut de page parmi ses actions flottantes.
#Services / Produits
Le catalogue est composé de fiches indépendantes. Chaque fiche peut contenir un titre, une description, un prix, l’indication « À partir de », plusieurs images et des critères personnalisés.
Critères personnalisés
Les critères sont définis au niveau du site puis renseignés pour chaque fiche. Vous pouvez par exemple créer « Marque », « Durée », « Garantie », « Capacité » ou tout autre attribut utile à votre métier. Le module de recherche produits sait rechercher dans le titre, le prix, le libellé des critères et leurs valeurs.
Page de détail automatique
Chaque produit ou service possède une URL de détail virtuelle. La page peut afficher sa galerie, son titre, sa description, son tarif et ses critères. Le rendu utilise automatiquement le titre et un extrait de la description comme métadonnées lorsque la fiche est ouverte.
Contenu autour de la fiche
Des sections peuvent être positionnées avant ou après la fiche produit/service. Vous pouvez donc créer une introduction commerciale, des témoignages ou une FAQ sans dupliquer le contenu central de la fiche.
Une fiche modifiée est réutilisée partout où les modules Produits / Services l’affichent. Il n’est donc pas nécessaire de corriger manuellement chaque grille de catalogue.
#Actualités / Articles
Deux approches sont disponibles : créer un article complet à la demande ou programmer une stratégie éditoriale récurrente.
Définissez le titre, l’URL, le Meta Title, la Meta Description, l’image de mise en avant, la page parente et les consignes destinées à l’IA.
Choisissez une rubrique parente, une heure, une récurrence, les jours de publication, des sujets éventuels et l’option de génération d’image.
Récurrences disponibles
La programmation accepte plusieurs jours dans la semaine, une publication hebdomadaire sur un jour fixe ou une publication mensuelle. Pour le mode mensuel, si le jour choisi n’existe pas dans un mois donné, le planificateur utilise le dernier jour disponible du mois.
Sujets et ligne éditoriale
Les sujets sont facultatifs. Si aucun thème n’est saisi, le générateur peut sélectionner un sujet pertinent à partir de la page parente et de l’activité du site. La liste des programmations permet de voir leur statut, la prochaine exécution, le choix avec/sans photo et un aperçu des sujets. Une programmation peut être mise en pause, réactivée ou supprimée.
Suivi
L’administration affiche les derniers articles publiés et les prochaines publications planifiées. Les articles étant des sous-pages, ils peuvent ensuite être affichés automatiquement par le module Articles.
#Styles
La rubrique Styles combine des choix de thème et des réglages plus fins. Elle agit sur l’apparence globale du site sans obliger à intervenir dans chaque section.
Ambiance du thème
Réglages détaillés
Le moteur de styles gère les couleurs principales et de texte, plusieurs niveaux de fond, des multiplicateurs d’espacement, de rayon et d’icônes, les tailles du texte, des titres et boutons, ainsi que les transformations de casse.
Les polices du texte et des titres peuvent être choisies dans une bibliothèque Google Fonts, avec réglage du poids, de l’interlettrage et de l’interligne. Six images de fond peuvent aussi être associées aux variables --bg-1 à --bg-6 et réutilisées par certains modules visuels.
#Mode édition
Le mode édition permet de modifier le site depuis son rendu réel. Les zones éditables reçoivent des actions contextuelles afin de corriger un élément précis sans quitter la page.
Utilisez-le pour les ajustements rapides, le remplacement d’images, la réorganisation des sections et les changements de code ciblés. Pour les informations de référence du site, restez dans les rubriques d’administration.
#Textes & liens
Les zones de texte éditables peuvent être modifiées directement. La barre de mise en forme prévoit le gras, l’italique, le soulignement, l’alignement gauche/centre/droite et plusieurs tailles de texte.
Pour un lien, vous pouvez saisir une adresse manuellement ou sélectionner une page interne du site. Enregistrez ensuite la modification ou annulez-la pour revenir au contenu précédent.
Pour un élément réutilisé à plusieurs endroits — adresse, téléphone, produit — modifiez d’abord sa donnée source dans l’administration plutôt que son affichage local.
#Images & galeries
Une image éditable ouvre un outil permettant de choisir un média existant, d’importer un fichier ou de générer un nouveau visuel avec l’IA. L’éditeur sait aussi identifier les groupes d’images d’une galerie, d’un diaporama, d’un carrousel ou d’un slider de section afin de les gérer comme un ensemble.
La bibliothèque réunit les médias du site et les sources d’images disponibles dans l’interface. Lorsqu’un visuel est remplacé, l’éditeur conserve une clé de ciblage propre à l’élément afin d’éviter de remplacer involontairement toutes les occurrences d’une même image.
Bonnes pratiques pour les visuels
#Sections
Une page est composée de sections ordonnées. Le mode édition permet d’insérer une section entre deux blocs, de la sélectionner, de modifier son contenu, de la déplacer, de la masquer ou de la restaurer selon les actions disponibles.
Créer avec l’IA
Lors de l’ajout, vous pouvez demander une section classique ou un contenu long de type article. La génération peut intégrer des modules à l’aide des placeholders disponibles dans l’éditeur.
Trois stratégies de modification
Conserver la base et appliquer une instruction ciblée.
Repenser plus largement la section en repartant d’une nouvelle proposition.
Conserver la structure visuelle et renouveler principalement le contenu rédactionnel.
Ouvrir directement le HTML ou le CSS lorsque vous souhaitez un contrôle précis.
#HTML, CSS & versions
L’éditeur de code comporte des onglets HTML, CSS et Versions. Il est disponible pour les sections et pour plusieurs blocs structurants, notamment le menu, le pied de page, l’en-tête de page et la fiche produit/service.
Outils disponibles
Vous pouvez insérer des placeholders de module, formater le code, enregistrer manuellement ou demander à l’IA de modifier uniquement le HTML ou uniquement le CSS.
Historique
Le système archive les versions récentes du contenu lors des modifications importantes. L’interface affiche jusqu’aux 5 dernières versions disponibles pour un bloc et permet d’en restaurer une.
Ne supprimez pas les placeholders nécessaires aux modules ou les attributs de ciblage sans savoir à quoi ils servent. Une restauration de version reste possible, mais mieux vaut modifier une zone à la fois.
#Génération par IA
L’IA intervient à plusieurs niveaux : contenus, structure, code et visuels. Elle complète l’édition manuelle ; elle ne remplace pas la validation finale de l’administrateur.
Créer une nouvelle section, retravailler l’existante ou renouveler seulement ses textes.
Modifier ou régénérer menu, pied de page, en-tête et fiche produit/service.
Demander une modification ciblée du HTML ou du CSS d’un bloc éditable.
Créer des articles complets et alimenter une planification éditoriale.
Générer des visuels à partir d’une description pour remplacer ou enrichir une zone.
Des produits de crédits distincts existent pour les images, logos et pictogrammes.
#Rédiger une bonne instruction
Une bonne instruction indique l’objectif, la cible, le ton, les informations obligatoires et, si utile, ce qu’il faut éviter.
Rends ça mieux.Rends cette section plus premium pour une clientèle B2B. Conserve les 3 bénéfices, raccourcis le texte et ajoute un bouton “Demander un devis”.Photo horizontale d’une équipe artisanale en atelier, lumière naturelle, ambiance chaleureuse, sans texte ni logo.Article pédagogique pour des particuliers, ton rassurant, expliquer les 5 critères de choix, conclure par une demande de rendez-vous.#Aperçu, validation & sécurité
Les flux de génération importants sont conçus pour produire une proposition qui peut être visualisée puis acceptée. Lors de la validation, le moteur archive le contenu précédent afin de conserver une possibilité de retour en arrière dans l’historique du bloc.
- Décrivez précisément le résultat attendu.
- Lancez la génération et laissez le traitement se terminer.
- Contrôlez l’aperçu : textes, liens, images, cohérence graphique.
- Validez uniquement si le résultat correspond à votre objectif.
- Restaurez une version si une modification validée doit finalement être annulée.
#Comprendre la consommation
Chaque type de traitement correspond à un produit de crédit. Le coût actif est récupéré dans la configuration du site et affiché dans l’interface lorsque l’action est proposée. Le débit est contrôlé au moment du lancement afin d’éviter une génération lorsque le solde est insuffisant.
Une génération d’article avec photo peut avoir un coût différent d’un article sans photo. De même, une simple réécriture de texte n’est pas nécessairement tarifée comme une régénération de section complète.
Le code contient des valeurs initiales, mais la table de configuration permet de faire évoluer ces coûts. L’interface en cours d’utilisation reste donc la source de vérité pour le nombre de crédits demandé.
#Pages & sections
Une page définit une destination dans l’arborescence du site. Une section est un bloc de contenu ordonné à l’intérieur d’une page. Cette séparation permet de faire évoluer la structure et le contenu indépendamment.
#Gestion des pages
Lors de la création ou de la modification d’une page, l’administration gère son nom, son URL réécrite, son Meta Title, sa Meta Description, une image de mise en avant, une éventuelle page parente, sa présence dans le menu et son état de publication.
| Réglage | Rôle | Conseil |
|---|---|---|
| Titre | Nom de la page dans l’administration et selon le rendu. | Rester explicite et unique. |
| URL / rewrite | Chemin utilisé pour accéder à la page. | Utiliser des mots courts, lisibles et durables. |
| Meta Title | Titre destiné aux métadonnées de la page. | Résumer clairement le sujet de la page. |
| Meta Description | Description de la page dans les métadonnées. | Décrire la valeur de la page sans promesse artificielle. |
| Image de mise en avant | Visuel utilisable par l’en-tête et les listings d’articles. | Choisir un visuel représentatif du sujet. |
| Page parente | Crée une hiérarchie et peut produire des sous-menus. | Éviter trop de niveaux. |
| Visible dans le menu | Détermine la présence dans la navigation principale. | Une page peut rester en ligne sans être dans le menu. |
| Publication | Rend la page disponible ou la retire du parcours public. | Préparer une page hors navigation avant de l’exposer. |
Les pages supprimées de manière logique peuvent être distinguées des pages actives et restaurées depuis l’administration. La page d’accueil conserve un traitement particulier : sa réécriture correspond à la racine du site.
#Cycle de vie des sections
Les sections sont liées à une page et possèdent un ordre d’affichage. L’administration peut les réorganiser, les publier ou les retirer de l’affichage. Les outils d’édition ajoutent la possibilité d’insérer un bloc à l’endroit voulu et d’en faire évoluer le contenu indépendamment.
Une section peut contenir du HTML, du CSS et des placeholders de modules. Lors d’une édition assistée, les modules rendus peuvent être restaurés sous forme de placeholders dans l’éditeur afin d’éviter de transformer leur résultat dynamique en simple HTML figé.
#Fiches produit / service
La page de détail d’un produit ou service n’est pas une page classique stockée comme les autres destinations. Le moteur la construit à partir de la fiche du catalogue et de son gabarit. Les sections dédiées peuvent être attachées à cette vue et positionnées avant ou après le contenu principal.
En mode édition, le bloc de détail lui-même peut être modifié par IA ou via son HTML/CSS, comme les autres blocs structurants.
#Modules intégrables
Les modules s’insèrent dans le HTML d’une section avec un placeholder de la forme {module-nom}. Certains acceptent des paramètres séparés par des virgules. À l’affichage, le moteur remplace le placeholder par le rendu dynamique du module.
{module-galerie-photo,12}
{module-contact}
{module-map,520,15}Conservez les placeholders sous leur forme {module-...}. Ils sont interprétés à chaque affichage du site et ne doivent pas être remplacés manuellement par le HTML généré du module.
#Contenu & médias
Grille d’images ouvrables dans une visionneuse. Le nombre d’images est configurable, de 1 à 80.
{module-galerie-photo,12}Slider avec navigation précédente/suivante et visionneuse. Nombre d’images et hauteur sont configurables.
{module-diaporama-images,8,520}Défilement horizontal continu, mis en pause au survol ou au focus. Nombre, vitesse et hauteur sont réglables.
{module-carrousel,8,25,260}Liste les sous-pages d’une rubrique avec image, extrait, recherche et pagination selon la configuration.
{module-articles,page=actualites}Ajoute des actions de partage de la page courante vers Facebook, X, WhatsApp et e-mail.
{module-partage-reseaux}#Contact & conversion
Nom, société optionnelle, e-mail, téléphone optionnel et message. Le destinataire peut être imposé dans le placeholder ou repris depuis le site.
{module-contact}Intègre une page de réservation Google Agenda. En mode administrateur, le lien de réservation peut être configuré directement dans le module.
{module-agenda}Affiche une carte Google à partir de l’adresse du site. La hauteur et le niveau de zoom sont configurables.
{module-map,520,15}Le lien de réservation est validé pour des hôtes Google Agenda autorisés. Le formulaire de configuration administrateur est protégé par un jeton de session.
#Recherche & catalogue
Affiche les fiches sous forme de cartes avec image, extrait, critères et prix. Le listing peut être paginé, limité ou complet.
{module-produits-services}Affiche le formulaire qui alimente le filtre du module Produits / Services. Placez idéalement les deux sur la même page.
{module-recherche-produits}Recherche dans les pages, sections, menu, pied de page et produits/services, puis regroupe les résultats par type.
{module-recherche-site}#Référence des syntaxes
Les exemples ci-dessous correspondent aux paramètres réellement interprétés par les modules présents dans la solution analysée.
| Module | Syntaxe | Paramètres / comportement |
|---|---|---|
| Galerie photo | {module-galerie-photo,12} | Nombre d’images, défaut 6, maximum 80. |
| Diaporama | {module-diaporama-images,8,520} | Nombre d’images (défaut 3, max. 40), puis hauteur 240–1000 px. |
| Carrousel | {module-carrousel,8,25,260} | Nombre (défaut 12), durée d’un défilement 8–180 s, hauteur 120–520 px. |
| Carte | {module-map,520,15} | Hauteur 220–1200 px puis zoom 1–20. Défauts : 520 px et zoom 15. |
| Contact | {module-contact,contact@exemple.fr} | E-mail destinataire optionnel. Sans paramètre, utilise l’e-mail configuré pour le site. |
| Agenda | {module-agenda} | Pas de paramètre dans le placeholder ; la réservation Google se configure dans le module côté administrateur. |
| Partage | {module-partage-reseaux} | Facebook, X, WhatsApp et e-mail sur l’URL courante. |
| Produits / Services | {module-produits-services,page,16} | Défaut : 12 par page. Nombre seul = limite sans pagination ; all = tout afficher ; page,N = pagination de N. |
| Recherche produits | {module-recherche-produits} | Formulaire GET associé au listing Produits / Services. |
| Articles | {module-articles,page=actualites,page,16} | Page parente par URL ou ID ; défaut 12 par page. Nombre seul = limite ; all = tout ; page,N = pagination. |
| Recherche site | {module-recherche-site} | Recherche globale dans les principaux contenus enregistrés du site. |
Exemples supplémentaires pour le module Articles
{module-articles,page=actualites}
{module-articles,page=actualites,8}
{module-articles,page=actualites,page,16}
{module-articles,page=actualites,all}
{module-articles,page=12,page,9}Si page=... est omis, le module utilise la page courante comme page parente.
#Comportement du site public
Au-delà des contenus visibles, le moteur applique plusieurs comportements automatiques qui influencent l’expérience visiteur et les phases de maintenance.
Un site hors ligne renvoie une page de maintenance aux visiteurs tout en restant administrable pour une session autorisée.
Une route inexistante reçoit une page d’erreur dédiée avec les éléments de marque et un retour vers l’accueil.
Le site public initialise une interface de consentement ; elle est désactivée en mode administrateur pour ne pas gêner l’édition.
Des révélations au défilement peuvent être appliquées aux sections et respectent la préférence système de réduction des animations.
Lorsqu’une génération initiale du site est encore en cours, un écran de progression peut suivre l’état de la tâche et recharger le site lorsque la génération aboutit.
#Référencement
Waibora fournit plusieurs leviers techniques utiles au référencement : URL réécrite des pages, Meta Title, Meta Description, image de mise en avant, pages d’articles structurées et pages de détail des produits/services.
Le fait de renseigner ces champs ou de publier régulièrement ne garantit pas une position particulière dans les moteurs de recherche. La qualité du contenu, la concurrence, les performances, la popularité du site et de nombreux autres signaux interviennent.
Checklist avant publication
#Bonnes pratiques
Évitez de mélanger présentation, tarifs, FAQ et prise de contact dans un seul bloc trop dense.
Une navigation claire vaut mieux qu’un menu rempli de pages secondaires. Utilisez les pages parentes avec parcimonie.
Pour les coordonnées et le catalogue, corrigez la donnée dans l’administration afin qu’elle soit répercutée partout.
Une instruction précise permet d’éviter plusieurs essais et une consommation inutile de crédits.
Conservez une palette, des rayons, des polices et des espacements cohérents entre les pages.
Quittez le mode édition et testez le site en mobile, les formulaires, la navigation et les liens externes.
#Dépannage
Un module ne s’affiche pas
Vérifiez que son placeholder est écrit exactement sous la forme {module-nom} et que les paramètres ne contiennent pas d’accolades. Un nom de module inexistant ne produit pas de rendu.
La recherche produits ne filtre rien
Le module {module-recherche-produits} affiche le formulaire, mais le filtrage est rendu par {module-produits-services}. Placez les deux modules dans le parcours voulu, généralement sur la même page.
Une page n’apparaît pas dans le menu
Contrôlez son état de publication et l’option de visibilité dans le menu. Une page peut être publiée tout en restant volontairement hors navigation.
L’IA refuse de lancer une génération
Vérifiez le solde et le coût affiché pour l’action. Le moteur bloque le traitement si les crédits disponibles sont insuffisants.
Une modification de code a dégradé le rendu
Ouvrez l’onglet Versions du bloc concerné et restaurez une version récente. L’historique conserve jusqu’à cinq versions affichables.
Le site public affiche une maintenance
Vérifiez l’état en ligne du site. Une session administrateur valide peut continuer à afficher et modifier le site alors que le public reçoit la page de maintenance.
#Glossaire
- Page
- Destination du site possédant notamment un titre, une URL, des métadonnées et des sections.
- Section
- Bloc de contenu ordonné à l’intérieur d’une page, avec son HTML et son CSS.
- Bloc structurant
- Élément éditable global ou spécial, par exemple menu, footer, en-tête ou fiche produit/service.
- Placeholder
- Instruction textuelle comme
{module-contact}remplacée dynamiquement par un module au rendu. - Rewrite
- Partie lisible de l’URL utilisée pour identifier une page.
- Page parente
- Page qui regroupe des sous-pages et peut servir de rubrique pour les articles.
- Critère
- Attribut personnalisé associé aux fiches produits/services, par exemple marque, durée ou garantie.
- Version
- Copie précédente d’un bloc de contenu archivée avant ou pendant certaines modifications.