Découvrir le module
Sites & pages en une page
Sites & pages est le module de Ruby qui fabrique et fait vivre tes sites web. Tu pars d'un modèle complet ou d'une page blanche, tu modifies tout en cliquant directement dans l'aperçu, et tu publies. Ruby s'occupe du reste : vitesse, adaptation au téléphone, référencement, documents légaux, sécurité.
Chaque fonction est reliée aux autres. Un formulaire envoie ses demandes dans le module Contacts, une prise de rendez-vous écrit dans Google Agenda, la boutique lit tes produits dans le Catalogue, le chat crée des contacts qualifiés. Tu n'as rien à brancher toi-même.
Atelier Lumen, Bâti Durand et Atelier Sévigné sont des entreprises inventées pour la démonstration. Leurs chiffres, clients et commandes sont fictifs.
Qui fait quoi dans le module
Le module s'adapte à la personne connectée. Le gestionnaire du compte voit tout et règle tout. Ses sous-comptes (équipiers, rédacteurs, prestataires) reçoivent des droits précis : rédiger sans publier, publier, voir les demandes, gérer la boutique ou le domaine.
Par défaut, un sous-compte peut voir, créer et modifier des pages, gérer les médias, lire les demandes et les statistiques, écrire dans le blog et utiliser l'assistant IA. La publication, le domaine, la boutique, les réglages et le design restent au gestionnaire, qui peut les ouvrir type de compte par type de compte.
Un site publié par Ruby ne pose aucun cookie de mesure : les visites sont comptées sans cookie et sans adresse IP enregistrée. Seuls le panier, la session client et ton choix de cookies en posent, quand ils sont nécessaires.
Chaque site est un dossier fermé
Tu peux avoir plusieurs sites (selon ton abonnement). Chacun est un dossier fermé : ses pages, ses sections, son style, ses formulaires et leurs demandes, ses médias, ses redirections, son domaine, son plan du site et son contexte IA lui appartiennent. Tu ne risques pas de publier la page d'un site sur un autre.
Un site est d'abord servi sur une adresse Ruby (par exemple atelier-lumen.sites.ruby…), en ligne tout de suite. Quand tu connectes ton propre domaine, il devient l'adresse principale et l'adresse Ruby y redirige.
À l'intérieur d'un site, tes pages se rangent dans des rubriques (Accueil & offres, Catalogue, Journal…). Une rubrique sert seulement à ranger : elle ne change pas l'adresse des pages.
Se repérer dans l'interface
L'écran se lit toujours de la même façon. En haut, le sélecteur de site, son adresse et l'état du domaine. À gauche, la colonne de navigation regroupe les rubriques du site par usage. Au centre, le contenu de la rubrique ouverte, avec ses onglets.
La recherche : Ctrl K ou /
La recherche du module ouvre n'importe quoi sans passer par les menus : une page (elle s'ouvre dans l'éditeur), une rubrique, une action (« Nouvelle page », « Banc d'essai »…), une des 66 sections de la galerie. Les pastilles Tout · Pages · Rubriques · Sections · Actions filtrent, avec le nombre de résultats. Les accents ne comptent pas, et tes derniers choix reviennent en tête.
Dans la colonne, Récents garde tes trois dernières pages. Il est replié par défaut : un clic sur sa flèche l'ouvre, et Ruby s'en souvient. Le bouton « Réduire le menu » passe la colonne en icônes pour gagner de la place.
Le tableau de bord du site
Quand tu entres dans un site, tu arrives sur son tableau de bord. Il répond à trois questions : est-ce que le site est vu, est-ce qu'il rapporte des contacts, qu'est-ce qui m'attend ?
Créer et habiller ton site
Une bibliothèque de 25 sites complets
La rubrique Modèles de site propose 25 sites prêts à activer, rangés en trois familles : sites vitrines, sites avec prise de rendez-vous et boutiques en ligne. Tu filtres par type, par style visuel (Épuré, Éditorial, Chaleureux, Sombre et contrasté), par secteur, ou tu cherches un mot (« avocat », « fleurs »…).
Chaque modèle respecte dès le départ les règles du référencement : un seul grand titre par page qui contient le mot-clé, des titres et descriptions à la bonne longueur, une FAQ sur l'accueil, des mentions légales et une politique de confidentialité publiées, aucun lien vide.
Quel modèle pour ton activité ?
« Décris ton activité » : 5 étapes, et les modèles se remplissent
Le bouton Décrire mon activité ouvre un assistant en cinq étapes. Tes réponses sont gardées dans le profil de ton activité et préremplissent chaque modèle : tu vois tout de suite ton site avec ton nom, ta ville et tes prestations, pas un faux texte.
Après l'activation, Mettre à jour mes infos rouvre l'assistant. La dernière étape liste les remplacements (ancien numéro → nouveau numéro, par exemple) et les applique dans toutes les pages, les titres SEO, l'en-tête et le pied. Les textes que tu as réécrits à la main sont respectés.
Modifier le modèle directement dans l'aperçu
L'aperçu d'un modèle n'est pas une image figée. C'est le site, que tu peux déjà modifier :
Ce que tu écris dans l'aperçu est conservé quand tu changes de palette, de page, ou même de modèle et que tu reviens. Annuler et Rétablir (Ctrl Z, Ctrl Maj Z) remontent jusqu'à 100 étapes.
Activer un modèle, ou changer de modèle sans perdre ton contenu
Deux boutons en haut de l'aperçu. Créer fabrique un nouveau site : adresse dérivée du nom, pages publiées, formulaire de contact, prise de rendez-vous si le modèle en a une, boutique reliée au Catalogue pour un e-shop. Appliquer à « ton site » l'applique au site ouvert.
Si ton site vient déjà d'un modèle et que tu as modifié ses pages, Ruby te demande ce que tu veux garder :
Le message de confirmation propose Annuler pendant quelques secondes : style, pages, en-tête, pied et état de la boutique reviennent comme avant.
Enregistrer ton site comme modèle, l'exporter, l'importer
Enregistrer « ton site » comme modèle capture tout le site : style, en-têtes et pieds, profil, boutique et son design, pop-ups et loader, performance, toutes les pages avec leur contenu et leur SEO, tous les formulaires et prises de rendez-vous. Les commandes, clients, demandes, statistiques et médias privés ne sont jamais copiés.
Format d'échange : fichier .ruby-site.json, 5 Mo au plus. À l'import, les scripts sont retirés des pages et tout est nettoyé.
Le style : une fois réglé, partout appliqué
La rubrique Style règle l'apparence de tout le site en un seul endroit. Chaque page, section, formulaire et la boutique utilisent ces réglages : change la couleur principale, et tout le site suit.
Ruby vérifie le contraste du texte sur le fond (4,5 pour 1 au minimum) et ajuste au rendu une couleur trop claire pour un bouton blanc. Les dégradés restent dans une seule teinte, pour un rendu net.
Design & motion : une direction artistique et des animations maîtrisées
La rubrique Design & motion sert à deux choses : donner une vraie direction artistique aux pages que l'IA écrit, et animer le site avec goût.
Une page sans animation ne charge aucun script d'animation. Une page animée charge un seul fichier d'environ 10 Ko. Si le visiteur a demandé moins d'animations, rien ne bouge et tout reste lisible.
Pages et contenus
Toutes tes pages, rangées et filtrées
La rubrique Pages liste toutes les pages du site. À gauche, les rubriques (Tout le site, Non rangées, puis tes rubriques colorées) ; à droite, la liste avec le titre, l'adresse, l'état, la langue et la date de modification.
Créer et publier une page en un clic
La page express est en tête du tableau de bord. Tape un titre : l'adresse se crée sans accents (« Nos tarifs 2027 » → /nos-tarifs-2027) et Ruby vérifie qu'elle est libre. Puis tu choisis :
À l'enregistrement, Ruby ne garde qu'une empreinte du mot de passe, jamais le mot de passe lui-même. Copie-le avant de fermer l'écran de confirmation.
L'éditeur visuel : tu cliques, tu écris
L'éditeur se compose de trois zones : la Structure à gauche (les sections de la page et le plan des titres), l'aperçu au centre, et le panneau à droite pour régler ce que tu as choisi.
La barre du haut bascule entre Visuel et Code (HTML et CSS, toujours à jour), et entre Bureau, Tablette et Mobile. En Bureau, la page s'affiche à sa vraie largeur, réduite pour tenir. La barre de mise en forme propose annuler, rétablir, gras, italique, lien, image, H2, H3, H4, paragraphe, liste et effacer la mise en forme.
Les sections : 66 blocs prêts, ta bibliothèque et l'atelier
Une page est faite de sections empilées. La galerie Ruby en propose 66, rangées par type (Héros, Atouts, Chiffres et confiance, Tarifs et offres, Processus, Équipe et galerie, Appel à l'action, Contact et newsletter, Contenu, Boutique) et par style (Épuré, Éditorial, Contrasté, Interactif sans script, Animé). Elles prennent automatiquement tes couleurs, tes polices et tes arrondis.
Modifier une section dans une page ne touche pas ta bibliothèque, et inversement. Les textes de la galerie sont des textes de remplacement explicites (« Nom du client », « Remplacez ces chiffres ») : rien d'inventé n'est présenté comme réel.
En-tête et pied de page : un seul pour tout le site, ou un par page
L'en-tête (logo, menu, bouton d'action) et le pied de page se règlent une fois pour tout le site, dans Sections › En-têtes & pieds. Le menu se construit tout seul avec tes pages. Par défaut, toutes les pages et tous les articles partagent le même en-tête et le même pied.
Images : glisse, dépose, c'est rangé
Glisse une image depuis ton ordinateur sur l'aperçu : une étiquette verte te dit ce qui va se passer avant de lâcher (remplacer cette image, image du visuel, image principale du produit, nouvelle image). Un double-clic sur un visuel ouvre le choix de fichier.
Chaque image reçoit un nom lisible tiré de son texte alternatif ou de la page, ses dimensions et son poids. Une image déjà présente est réutilisée au lieu d'être dupliquée. À la publication, Ruby la convertit en formats légers (AVIF, WebP) et en plusieurs tailles.
L'assistant IA : il propose, tu valides
Le bouton Assistant IA de l'éditeur ouvre un panneau de conversation avec trois modes :
L'IA a pour consigne de ne jamais inventer un chiffre, un avis ou une adresse : ce qu'elle ne sait pas est marqué « à compléter ». Relis toujours avant de publier.
Publier, programmer, revenir en arrière
Tant que tu n'as pas publié, tes changements restent un brouillon : le site en ligne ne bouge pas. Enregistrer (Ctrl S) garde le brouillon ; Publier ▾ propose publier, programmer, dépublier ou partager un lien d'aperçu.
Le code, quand tu en veux
Partout où tu modifies (élément, section, page), une barre HTML de… propose Copier et Remplacer : tu copies le code propre, tu le retravailles ailleurs, tu le recolles. La rubrique Code du site rassemble le code complet de chaque page, en-tête, pied, section, formulaire, du style et des fichiers robots.txt et llms.txt, avec « Modifier ici » et « Tout télécharger ».
Sans le droit « scripts », les balises script et les attributs dangereux sont retirés à la publication. Les iframes restent limitées aux services autorisés (YouTube, Vimeo, Google Maps par défaut).
Le blog : écrire, planifier, être lu
La rubrique Blog s'active en un clic : quatre pages modèles sont créées en brouillon (accueil du blog, modèle d'article, de catégorie et d'étiquette). Ensuite :
Formulaires et rendez-vous
Un formulaire en partant d'un modèle
Formulaires › Nouveau formulaire ouvre la bibliothèque : Contact, Être rappelé, Demande de devis à étapes, Devis professionnel, Inscription à la lettre, Avis après une visite, Recrutement, Qualification B2B, Estimation immobilière… Chaque modèle se teste dans l'aperçu avant d'être utilisé, avec le design et le ton (tu ou vous) de ton choix.
Les questions préconçues ajoutent en un clic une question bien posée : budget en tranches ou en cartes, délai, téléphone avec le meilleur moment pour rappeler, consentement… Chacune existe en 2 à 4 versions, que tu échanges ensuite sans casser les conditions qui en dépendent.
Aucun modèle ne demande de données de santé. Les cases de consentement ne sont jamais cochées d'avance.
Champs, étapes et conditions
L'éditeur de formulaire affiche la liste des champs à gauche, l'aperçu réel au centre (les conditions et les étapes y fonctionnent, tu peux faire un envoi de test) et les réglages à droite.
Le studio de design des formulaires
L'onglet Design transforme l'apparence du formulaire sans toucher à ses champs : Atelier, Carte premium, Libellés flottants, Éditorial, Doux, Deux colonnes, Nuit, Parcours guidé, Minimal, Contraste renforcé.
Listes, cases, boutons radio et sélecteurs de date sont dessinés par Ruby : même rendu sur tous les navigateurs, aucune fenêtre système qui s'ouvre au milieu de la saisie.
Prise de rendez-vous : prestations, horaires, agenda
Une prise de rendez-vous est un formulaire spécial. Son éditeur a ses propres rubriques : Prestations, Disponibilités, Créneaux, Planning, Google Agenda, Coordonnées, Apparence, Code, Confirmation, Vérification, Intégration.
Combien de créneaux par jour ?
Ce que voit ton client, jusqu'au paiement
Pour encaisser à la réservation (total ou acompte de 10 à 50 %), la boutique du site doit être active avec un moyen de paiement en ligne. Sinon, le visiteur réserve sans payer et l'écran indique « Règlement sur place ».
Recevoir les demandes et placer un formulaire
Vendre en ligne
Activer la boutique en un clic
La rubrique Boutique est désactivée tant que tu ne vends pas. Activer la boutique :
Les onglets de la boutique : Vue d'ensemble, Statistiques, Produits, Commandes, Clients, Inscriptions, Paniers oubliés, Design, Réglages boutique, Paiements, Codes promo, E-mails, Balises et pages, SEO boutique et Tester la boutique.
Nom, référence, prix et stock viennent du module Catalogue (canal « Site · nom du site »). Le site ajoute ce qui le concerne : publication, texte de la fiche, SEO, visibilité du prix. Les services (heures de conseil, ateliers) se vendent sans stock ni livraison.
Les produits : liste, grille, édition rapide
Chaque fiche produit a son SEO : titre de 60 caractères, description de 160, adresse (avec redirection automatique si tu la changes), mot-clé, aperçu Google et score sur 100. Ruby ajoute les données structurées Produit et fil d'Ariane, et un plan du site des produits avec leurs images.
Dans l'éditeur de page, un clic sur une carte produit ouvre un panneau Produit (image, nom, prix, stock, catégorie, description courte) : tu modifies sans quitter la page.
Le tunnel de commande et les paiements
Case CGV jamais cochée d'avance, bouton « Commander avec obligation de paiement », version des CGV enregistrée sur chaque commande, TVA calculée selon le client (particulier, professionnel de l'UE vérifié, hors UE).
Comptes clients et inscriptions professionnelles
Tes clients ont un espace client : vue d'ensemble, commandes (avec « recommander » et facture), adresses multiples, listes nommées, favoris, précommandes, profil. Sur téléphone, le menu devient un sélecteur.
Le design de la boutique
Codes promo, paniers oubliés, e-mails et statistiques
Ce que les relances peuvent récupérer
Commandes, balises et pages de vente
Accueillir les visiteurs
Un chat sur ton site, à ton image
La rubrique Chat ajoute une messagerie à ton site. Un agent IA répond tout de suite, qualifie la demande, prend des rendez-vous, et passe la main à ton équipe quand il le faut. Tu peux créer plusieurs chatbots (par exemple « Assistant du site » et « Support commandes »), chacun avec son nom, son style, son agent et ses pages.
Tant que tu ne l'actives pas, un chatbot n'apparaît pas sur le site : règle-le, teste-le avec « Tester en visiteur », puis « Afficher sur le site ».
L'agent IA : il répond, qualifie et crée tes contacts
L'e-mail est épelé lettre par lettre, le téléphone relu chiffre par chiffre, le nom de famille épelé. Un e-mail dicté (« point », « arobase ») ou mal tapé (gmial, .con) est corrigé et confirmé. Un téléphone avec espaces, points ou « +33 (0) » est compris en entier.
Suivre les conversations et prendre la main
Voix, outils de l'agent et intégration
Les moteurs IA (conversation, images, vidéos, voix) se choisissent par usage dans l'onglet Agent : niveaux Rapide, Équilibré ou Précis de Ruby, ou modèle sur mesure. Aucune clé n'est saisie dans le chat : les accès restent dans l'application.
Expérience : pop-ups, loader entre pages, vérification d'âge
La rubrique Expérience regroupe trois outils servis par un seul script léger (environ 6 Ko), chargé sans bloquer l'affichage.
Un pop-up garde toujours un moyen de fermeture actif ; sur téléphone, il devient un tiroir bas. La vérification d'âge laisse les pages légales accessibles et ne bloque pas les moteurs de recherche.
Pages et articles confidentiels
La rubrique Accès protégés rend une page ou un article confidentiel. Tu peux cumuler les protections :
Légal et cookies : documents générés, bandeau conforme
La rubrique Légal & cookies détecte ce que ton site utilise vraiment (formulaires, rendez-vous Google, vidéos YouTube, cartes, mesure d'audience, boutique, paiements) et te pose seulement les questions utiles.
Les documents générés sont des modèles solides, pas un conseil juridique : fais-les relire par un professionnel. Les valeurs manquantes sont signalées « à compléter ».
Être trouvé
Le plan d'action : quoi corriger, dans quel ordre
SEO & performance › Plan d'action est la première chose à ouvrir. Ruby analyse toutes les pages indexables à chaque modification et calcule trois moyennes : SEO, GEO (lisibilité par les IA) et Performance.
Les autres onglets : Audit des pages, Sitemap, robots.txt, Géo & langues, llms.txt, IA & GEO, Moteur de performance, Mobile & responsive, Redirections & 404.
La qualité d'une page en 16 points
L'onglet Qualité de l'éditeur et l'Audit des pages notent chaque page sur 16 points. Coche ce que ta page respecte : le score se calcule comme dans Ruby.
Calcule le score SEO de ta page
Vitesse et téléphone : Ruby s'en charge à la publication
Tu écris ta page normalement. Au moment de publier, Ruby réécrit le code servi aux visiteurs. Les mesures « avant » portent sur ce que tu as écrit, les mesures « après » sur ce qui est réellement en ligne.
Accueil d'un site vitrine : 196 Ko de HTML avant, 41 Ko servis. Score Performance de 100 sur les 25 modèles, rendu identique au pixel avant et après.
Maillage, liens et redirections
Être cité par les IA (GEO)
Le GEO (référencement dans les moteurs génératifs) complète le SEO classique. SEO & performance › IA & GEO est préconfiguré dès la création du site.
Le fichier llms.txt est présenté comme un complément : aucun moteur ne garantit de l'utiliser.
Un site en plusieurs langues, sans casser le référencement
Ruby ne redirige pas un visiteur selon son adresse IP (mauvais pour Google). Il propose un bandeau « Voir la version en … » selon la langue du navigateur, sans cookie.
Connecter ton nom de domaine
Domaine › Connecter un domaine ne demande qu'une chose : l'adresse (avec ou sans « https:// », Ruby nettoie). Il reconnaît ton fournisseur parmi 13 (OVHcloud, o2switch, Hostinger, IONOS, GoDaddy, Gandi, Cloudflare, Namecheap, Infomaniak, LWS, Squarespace, PlanetHoster, autre) et affiche son guide pas à pas.
Prépare ton domaine
Guide pas à pas
Ton premier site en 10 étapes
Suis les étapes dans l'ordre et coche-les : ta progression est gardée dans ce navigateur.
La propagation DNS prend de quelques minutes à quelques heures selon le fournisseur. Ton site est déjà en ligne sur son adresse Ruby pendant ce temps : tu peux continuer à travailler.
Modifier une page et la publier
Chaque enregistrement crée une version. Dans Versions, Comparer montre les différences et Restaurer revient en arrière sans rien effacer.
Connecter ton domaine, pas à pas
Recevoir des demandes et des rendez-vous
Un formulaire de contact
Une prise de rendez-vous
Ouvrir ta boutique
Tant qu'un moyen de paiement est en mode test, le tunnel l'affiche et les commandes sont marquées « test ». Passe en mode réel dans Mon compte › Intégrations avant l'ouverture.
Raccourcis clavier et astuces
Questions fréquentes et dépannage
La liste finale avant la mise en ligne
Ouvre le plan d'action une fois par semaine : il recalcule tout à chaque modification et te dit quoi améliorer en premier.