Pages de Boutique et Mise en Page de Boutique

Modifiez les pages de la vitrine, les blocs de la boutique, les sections de campagne, les aperçus et les variables de design partagées.

Aperçu

Gestion de Paramètres de la boutique → Pages (/fr/store/pages) modifie les pages À propos, Contact, FAQ, Retours, Conditions, et d'autres pages de la vitrine. L'onglet Boutique contrôle les blocs de contenu affichés avec la grille de produits.

Le contenu enregistré apparaît à shop.orderinchat.com/store/{slug} ou votre domaine personnalisé vérifié. Vous gérez la vitrine depuis le panneau principal d'OrderInChat.

Modifier une page : brouillons, publication, historique

L’éditeur de pages a trois volets : à gauche les pages et sections, au centre l’aperçu en direct (ordinateur ou mobile, clair ou sombre) et à droite le formulaire de la section. Tous les types de sections sont disponibles (hero, grille d’atouts, mise en avant, chiffres clés, bannière, témoignages, texte enrichi, FAQ, cartes de contact, mentions légales, grille média avec vidéos, galerie de produits, carrousel et mur de campagnes).

Choisissez une page à gauche, puis une section dans la liste ou dans l’aperçu.
Modifiez-la à droite. Glissez les sections pour les réordonner, utilisez l’œil pour en masquer une et Ajouter une section pour en insérer une. La barre au-dessus de l’aperçu déplace, duplique, masque ou supprime la section choisie ; Annuler rétablit la dernière modification. Ajouter une section propose tous les types de section sur chaque page : ceux faits pour cette page d’abord sous Recommandé pour cette page, les autres sous Toutes les sections.
Vos modifications sont enregistrées automatiquement en brouillon (la barre du haut indique « Brouillon enregistré »). Rien ne change encore sur votre boutique.
Cliquez sur Publier. La fenêtre liste ce qui a changé sur chaque page, propose de traduire d’abord les textes modifiés (activé par défaut, avec l’estimation de crédits et votre solde), puis met tous les brouillons en ligne ensemble. La boutique est actualisée juste après. Les sections ajoutées ou modifiées par les brouillons sont aussi vérifiées par rapport à votre boutique : un texte qui n’est pas dans la langue de la boutique ou une section proposant quelque chose que votre boutique n’a pas (points, rendez-vous, blog, coupons, WhatsApp, calculateur) est listé, et vous publiez seulement après avoir coché que vous l’avez vérifié. Les sections écrites par l’IA il y a plus d’un jour (ou par une ancienne version de l’IA), un brouillon issu d’un outil IA ou d’un import jamais modifié depuis un jour, et un brouillon commencé avant qu’un import de site remplace la page en ligne y sont aussi listés.

Historique affiche chaque version de la page (éditeur, assistant IA, outils IA, import, restauration) avec ses changements. Restaurer en brouillon transforme une ancienne version en brouillon ; la page en ligne ne change qu’à la publication. Les 50 dernières publications et 90 jours sont conservés.
Si la même page est enregistrée dans un autre onglet, l’éditeur demande s’il faut charger cette version ou garder la vôtre. Si quelqu’un a publié la page après le début de votre brouillon, utilisez Mettre mon brouillon à jour vers vN : vos modifications sont gardées et les siennes fusionnées.
La même bannière indique l’âge du brouillon et son origine, par exemple Brouillon enregistré hier · source : Import. Si le brouillon a plus d’un jour, si son âge est inconnu ou s’il n’a pas été écrit dans l’éditeur (IA, import, traduction, restauration …), la bannière propose aussi Abandonner le brouillon. Après confirmation, le brouillon est supprimé et l’éditeur affiche de nouveau la version en ligne ; le site en ligne ne change pas. Cette action est irréversible.
Remplissage IA et import (barre du haut) rédige vos pages à partir des URL de votre site ou de documents, ou importe un site entier étape par étape. Tout ce qu’il écrit est un brouillon : vérifiez-le, puis publiez.
Le formulaire de section a trois onglets : Contenu, Style (largeur de ligne, pleine largeur, animation) et Visibilité (afficher dans la boutique ; tous les appareils / ordinateur uniquement / mobile uniquement — mobile = moins de 768 px — et l’état des traductions de la section par langue).
En-tête du formulaire de section : le type de section, son nom (modifiable sur place) et les boutons masquer, déplacer, dupliquer ou supprimer ; les champs sont rangés dans des groupes repliables. Nouvelles sections : bandeau de logos (en rangée ou défilant), chronologie / étapes, équipe, tableau comparatif (oui, non ou texte par cellule), carte (une adresse sur Google Maps avec un bouton d’itinéraire) et vidéo (YouTube, Vimeo ou un fichier vidéo ; le lecteur ne se charge que lorsque le client appuie sur lecture). Les couleurs de la section (fond, texte, boutons, opacité) sont dans l’onglet Style, sous Couleurs ; les couleurs d’un élément, comme une carte, restent avec lui dans Contenu.
Éléments de mise en page : les parties fixes des pages À propos, Contact et FAQ figurent aussi dans la liste des sections — En-tête de la page Contact (titre, texte, statut « ouvert » ou délai de réponse), Horaires d'ouverture (jours et heures issus de la configuration de la boutique), Encadré FAQ, En-tête de la page À propos (titre, texte, logo, image de couverture, boutons), En-tête de la page FAQ et Encadré d'aide. Masquez-les avec l'œil, modifiez leurs textes (vide = texte intégré dans la langue de chaque visiteur ; vos propres textes se traduisent en mode traduction) et leurs couleurs dans Style. Ils gardent leur place et ne peuvent être ni dupliqués ni supprimés. Tant que vous n'y touchez pas, la page reste exactement la même.
Menu des langues (barre du haut) : choisissez une langue pour modifier ses traductions. Chaque texte affiche la source, la traduction et un état (à jour, à mettre à jour, manquant) ; l’aperçu s’affiche dans cette langue. Les textes écrits ici sont publiés tels quels — « traduire d’abord » ne les écrase jamais. Vos propres sections des pages À propos, Contact, FAQ, Retours, Boutique et de vos propres pages se traduisent aussi ici. « Traduire d'abord » à la publication indique, page par page, combien de textes seront traduits et dans quelles langues, et ne traduit que les textes nouveaux ou dont la source a changé depuis leur traduction.
Outils (réglages de la page, visibles quand aucune section n'est sélectionnée) : Remplissage IA pour cette page seulement, Variables ({{store_name}} et les autres balises de la boutique avec un bouton copier, le délai de retour et vos propres variables) et Exporter / Importer les sections (JSON) pour les propriétaires et administrateurs. Une importation remplace les sections de la page en brouillon (les éléments fixes restent, 512 Ko au maximum, limites de la page vérifiées) ; Annuler rétablit les anciennes sections.
Sections conçues et HTML libre : les sections créées avec Concevoir avec l’IA, ainsi que le texte enrichi dont l’éditeur visuel ne peut pas conserver la mise en page, s’ouvrent en HTML, pour que leur mise en page ne soit jamais aplatie. Modifier le HTML ouvre un éditeur de code avec numéros de ligne ; Vérifier retire le code dangereux (scripts, gestionnaires d’événements, ressources externes), passe les couleurs au thème et montre ce qui a été retiré avec un aperçu ordinateur / mobile ; Appliquer le met dans le brouillon. Sur une section conçue, Modifier avec l’IA réécrit uniquement cette section selon votre instruction : l’estimation en crédits s’affiche d’abord, l’IA ne s’exécute que lorsque vous cliquez sur Créer, la même demande est ensuite gratuite, et vous voyez un aperçu avant Appliquer. Annuler et l’historique fonctionnent comme d’habitude.
Historique → Aperçu montre une ancienne version dans l’aperçu sans rien changer ; restaurez-la en brouillon depuis le même bandeau.
Réglages du pied de page : bouton WhatsApp, icônes du menu, liens sociaux (plateforme, style d’icône, URL, une taille d’icône) et mentions légales de l’entreprise, aussi affichées dans les conditions. Réglages de la Boutique : l’en-tête au-dessus des filtres produits (surtitre, titre, sous-titre, alignement par ligne).

Ouvrez Menu d'en-tête dans le volet de gauche (sous Sur chaque page). Il liste, dans l'ordre, ce que les clients voient dans l'en-tête de la boutique.

Ordre : faites glisser un élément ou utilisez les flèches. → place un élément dans le sous-menu de l'élément du dessus (un niveau) ; ← l'en sort. Sur ordinateur, le sous-menu s'ouvre au survol ou avec la flèche à côté de l'élément (clavier : Entrée, flèche bas, Échap) ; sur téléphone, il se déplie dans le menu.
Masquer / afficher avec l'œil. Une page que vous avez désactivée (FAQ, À propos, Contact, Retours) reste masquée quel que soit le menu.
Ajouter : une page de la boutique (Accueil, Boutique, À propos, Contact, FAQ, Retours, Conditions, Insights, Promotions), une de vos pages, un lien (https://…, mailto:, tel: ou un chemin de la boutique comme /shop, éventuellement dans un nouvel onglet) ou un titre de sous-menu qui ouvre seulement son sous-menu.
Libellé : vide, le nom de la page s'affiche dans chaque langue. En mode traduction (menu des langues en haut), vous saisissez le libellé de cette langue.
Les changements du menu sont des brouillons comme les modifications de page : l'aperçu les montre aussitôt, Publier les met en ligne. Revenir au menu standard rétablit le menu par défaut (Boutique, FAQ, À propos, Contact, Insights). Le pied de page a son propre menu (ci-dessous).

Vos propres pages : Nouvelle page (sous la liste des pages) demande un titre, crée la page avec une section de texte et peut l'ajouter au menu d'en-tête. Ajoutez n'importe quel type de section, comme sur la page d'accueil. La page est publiée à /p/<adresse> (l'adresse vient du titre et ne change plus ensuite). Son titre et les textes de ses sections se traduisent en mode traduction. Supprimer la page la retire, avec ses entrées de menu, à la publication. Jusqu'à 30 pages personnelles.

Nouvel en-tête (sous la liste du menu) : un en-tête avec panneaux déroulants — catégories avec nombre de produits, descriptions courtes et carte mise en avant. Activez Utiliser le nouvel en-tête, puis choisissez une Mise en page (Scindée, Tuiles, Colonnes, Centrée), la hauteur, l’arrière-plan, la surface, la position du menu et le style des icônes, ce que montrent les panneaux (nombre de produits, images de catégories, descriptions) et les outils de l’en-tête (compte, devise, langue, clair / sombre, promotions). Carte mise en avant : automatique (une promotion active, sinon le produit le plus récent), une promotion, un produit ou une catégorie de votre choix, ou aucune. Sous Éléments du menu, chaque élément de premier niveau reçoit son panneau (automatique, catégories, liens du sous-menu ou aucun), une catégorie, une icône et une description d’une ligne (90 caractères au maximum, sans prix ni numéro de téléphone ; en mode traduction, par langue). Les valeurs choisies par l’IA pour votre design portent le badge Choix de l’IA ; ce que vous modifiez reste à vous lorsque l’IA propose à nouveau. Les modifications sont des brouillons, comme le menu. Le nouvel en-tête est déployé progressivement : tant qu’il n’est pas activé pour votre boutique, celle-ci garde son en-tête actuel.

Ouvrez Menu du pied de page dans le volet de gauche (sous Sur chaque page, ou via Modifier le menu du pied de page dans les réglages du pied de page). Il fonctionne comme le menu d'en-tête, organisé en colonnes du pied de page.

Colonnes : jusqu'à 4, chacune avec un titre et jusqu'à 15 liens. Un titre standard (Liens rapides, Mentions légales, Mon compte) est traduit pour chaque client ; saisissez votre propre titre pour le remplacer. Une colonne sans lien visible est marquée Vide · non affiché et n'apparaît pas dans la boutique.
Liens : une page de la boutique (Accueil, Boutique, À propos, Contact, FAQ, Retours, Conditions, Insights, Promotions, Mon compte, Panier, Paramètres des cookies), une de vos pages, une catégorie, un produit ou n'importe quel lien. Ajouter à la colonne choisit où vont les nouveaux liens ; Colonne sur un lien le déplace vers une autre colonne. Faites glisser pour réorganiser, l'œil masque, le mode traduction définit les libellés par langue.
Jusqu'à votre première modification, le pied de page est le standard ; cette modification l'enregistre comme votre propre menu (un brouillon — Publier le met en ligne). Revenir au pied de page standard rétablit le standard.
Toujours dans le pied de page, hors du menu : votre logo ou le nom de la boutique avec la description, les sélecteurs de devise / thème / langue, le bouton WhatsApp et les icônes sociales. Si aucune colonne ne propose Paramètres des cookies, la barre du bas l'affiche, pour que les clients puissent toujours modifier leur consentement.
Afficher dans le pied de page sur une de vos pages l'ajoute au menu du pied de page (première colonne) ou l'en retire.
Sans logo, l'en-tête et le pied de page affichent le nom de la boutique ; sans nom, un nom tiré de l'adresse de la boutique.

Construire la page Boutique

L'éditeur de la Boutique prend en charge les variables de design partagées et les blocs réutilisables au-dessus de la grille de produits. Les blocs disponibles incluent le carrousel de campagne et les sections de mur de campagne alimentées par les campagnes de boutique actives.

Ajoutez des blocs depuis la bibliothèque de blocs.
La largeur de ligne est un pourcentage (100, 75, 66, 50, 33, 25 ou toute valeur de 10 à 100). Les sections de moins de 100 % se placent côte à côte jusqu'à remplir la ligne — par exemple 66 % + 34 % ou trois fois 33 % ; sur mobile, elles s'empilent. Sur la page À propos, une largeur sur la section récit fixe son partage de la ligne avec la carte de contact. Sans largeur choisie, l’histoire de la page À propos occupe 66 % et la carte de contact 34 %, et le contrôle l’indique. Les sections que les mises en page À propos, Contact, FAQ, Retours et Conditions placent elles-mêmes affichent une note au lieu d’une largeur. Choisir une section sur n’importe quelle page fait défiler l’aperçu de la boutique jusqu’à elle et l’encadre.
Configurez chaque mur de campagne indépendamment, y compris les colonnes et l'animation.
Utilisez Remplissage IA et import dans la barre du haut pour rédiger l'eyebrow, le titre et le sous-titre de la boutique.
Prévisualisez les filtres de taxonomie et le contenu de la campagne avant d'enregistrer.

Studio de design : un seul style pour tout le site

Créer / modifier le design dans la barre du haut de l’éditeur de pages (propriétaires et administrateurs) enregistre vos modifications en cours et ouvre la page Studio de design. L’onglet Couleurs et polices définit un design pour toute la vitrine — couleurs des modes clair et sombre, une police de titres et une police de texte, arrondi des coins, forme des boutons et ombre des cartes — sur un seul écran : l’éditeur à gauche, votre vraie page d’accueil à droite (sur téléphone, l’aperçu est sous l’éditeur).

L’éditeur part du design de votre brouillon de thème s’il y en a un, sinon du design utilisé. Les changements de Couleurs (clair et sombre séparément — Clair / Sombre au-dessus de l’aperçu choisit lequel), Polices, Arrondi des coins, Boutons et Ombre des cartes sont gratuits et s’affichent tout de suite dans l’aperçu. Mise en page de l’accueil ne change que l’aperçu ; vos sections d’accueil restent telles quelles. Réinitialiser revient au design de départ de l’éditeur.
Proposer 3 designs sous Trois propositions de l’IA lance l’IA une fois ; le coût estimé en crédits s’affiche sous le bouton avant tout lancement. Ouvrir l’onglet et l’estimation ne coûtent rien. Souhaits (facultatif) ouvre un champ pour décrire le style voulu. Les mêmes souhaits ne coûtent rien la deuxième fois (Gratuit — ces propositions ont déjà été créées).
Les trois designs apparaissent sous forme de cartes dans le même onglet. Utiliser celui-ci le place dans l’éditeur et l’aperçu — rien n’est encore enregistré et vous pouvez encore l’ajuster. Le bouton devient ensuite Autres propositions : un nouveau jeu, facturé à nouveau, avec son estimation en dessous.
Enregistrer en brouillon place le design dans votre brouillon de thème — rien ne change encore sur votre boutique en ligne. Publier dans l’éditeur de pages le met en ligne avec vos brouillons de pages. L’aperçu montre ensuite ce brouillon.

Les pages et sections créées avec Concevoir avec l’IA utilisent les couleurs et polices du thème ; elles suivent donc le design automatiquement.
Tant qu’un design est actif, Thème l’indique. Y choisir des couleurs désactive le design à la publication ; il reste sous Designs précédents.
Sans crédits IA, aucune proposition n’est créée et le studio l’indique ; la modification manuelle des couleurs et des polices fonctionne toujours.
L’assistant Migrer le site web se termine par la même étape, Design : Concevoir mon site ouvre les mêmes outils dans une fenêtre ; là, Appliquer à ma boutique met le design en ligne immédiatement et Réutiliser sur un design précédent le rétablit après confirmation ; Passer pour l’instant la saute. Vous pouvez changer le design à tout moment dans Pages.

Designs des pages (aperçu)

Dans les boutiques qui participent à l’aperçu des designs de pages, le studio s’ouvre sur Designs des pages : l’IA conçoit toute votre page d’accueil ainsi qu’un modèle pour les pages légales, les articles de blog et la page À propos, à partir des données de votre boutique. Les prix, les produits et les textes restent en direct.

La liste à gauche montre chaque page avec son état (En file d’attente, Conception, Prêt, Échec), les crédits débités et ses designs ; celui du brouillon est marqué Dans le brouillon.
À droite se trouve votre vraie boutique avec vos brouillons — Ordinateur ou Mobile, Clair ou Sombre.
Concevoir toutes les pages en haut affiche d’abord le coût estimé ; les crédits ne sont débités que lorsque vous cliquez. Les pages sont conçues une par une sur nos serveurs : vous pouvez fermer la page et revenir plus tard. Recevoir les notifications du navigateur vous prévient quand elles sont prêtes.
Lorsqu’il est activé pour votre boutique, Modèle d'IA à côté de ce bouton choisit qui conçoit : Claude Opus 5.5 (meilleure qualité, par défaut), Claude Sonnet 5.5 (moins cher), ChatGPT (OpenAI) ou Google Gemini. Chaque modèle affiche son coût estimé pour toutes les pages. Les pages suivantes partent du modèle de votre page d’accueil pour que tout le site s’accorde ; vous pouvez le changer. Chaque modèle passe le même contrôle qualité, et vous ne payez que les designs enregistrés.
Utiliser celui-ci place le design choisi dans le brouillon de cette page — sans IA, sans crédits. Pour les pages légales, choisissez d’abord Conditions, Livraison ou Retours. Sur la page d’accueil, il place aussi les couleurs et polices du design dans le brouillon de votre thème (avec Tout appliquer aussi) ; Publier met en ligne la page et ces couleurs ensemble, et ensuite Annuler ne touche plus aux couleurs.
Lorsqu’il est activé pour votre boutique, Tout appliquer place d’un coup chaque design prêt affiché dans le studio (y compris ceux d’exécutions précédentes) dans le brouillon de sa page (le design légal sur les trois pages légales) — sans IA, sans crédits. Il demande d’abord confirmation et liste les pages ; les designs pas encore prêts sont ignorés. Une liste montre ensuite chaque page : placé dans le brouillon, déjà présent, ou pourquoi il n’a pas pu être appliqué. Si les couleurs et polices du design de l’accueil ont aussi été appliquées au thème de votre boutique, la liste l’indique.
Annuler (à côté de Utiliser celui-ci, et dans cette liste) rétablit ce qu’avait un brouillon de page avant votre dernier Utiliser celui-ci ou Tout appliquer — une étape par page, gratuit. Sur la page d’accueil, vos couleurs et polices précédentes reviennent aussi, sauf si vous les avez modifiées depuis. Si la page a changé depuis, Annuler n’est pas proposé ; choisissez plutôt un design précédent.
Ouvrir dans un nouvel onglet affiche la boutique avec vos brouillons dans un nouvel onglet. Un autre design crée un nouveau design pour cette page seulement (son estimation est à côté) ; une page en échec propose Réessayer. Chaque page peut avoir au plus 10 designs ; ensuite Un autre design est désactivé et vous choisissez l’un des designs précédents. Si la saisie n’a pas changé, le design précédent est réaffiché gratuitement (le studio l’indique). Si le design de la page d’accueil d’un passage n’aboutit pas, les autres pages de ce passage ne sont pas lancées et rien n’est facturé pour elles.
Sur téléphone, les pages deviennent des puces en haut, Utiliser celui-ci est en bas et les autres actions sont sous ⋯.
Rien n’est mis en ligne tant que vous ne publiez pas la page dans l’éditeur de pages.
Dans l’éditeur de pages, une page qui utilise l’un de ces designs liste à gauche les sections du design : un clic vous y emmène dans l’aperçu (elle s’éclaire brièvement) ; l’œil la masque ou l’affiche sur cette page uniquement — gratuit, sans IA ; publiez la page pour la mettre en ligne. Les sections classiques de la page sont repliées sous Sections classiques — non utilisées par ce design.
Sur une telle page, cliquez sur un texte, une image ou un lien dans l’aperçu pour le modifier sur place : texte brut pour la langue que vous modifiez, image de votre médiathèque, lien vers une page, un produit, une adresse web, un e-mail, un téléphone ou le WhatsApp de votre boutique. Réinitialiser rétablit le contenu d’origine du design pour la langue modifiée (Réinitialiser toutes les langues pour toutes). Ces modifications ne valent que pour cette page, sont enregistrées en brouillon (publiez la page pour les mettre en ligne) et n’utilisent ni IA ni crédits. Si le design change et qu’une modification ne correspond plus, la liste des sections l’indique et Nettoyer la supprime.
Lorsque c’est activé pour votre boutique, vous pouvez aussi réorganiser les sections d’une telle page : faites glisser une section par sa poignée, ou utilisez Monter / Descendre dans son menu ⋯. Le menu ⋯ propose aussi Dupliquer, Copier vers une autre page, Déplacer vers une autre page, Enregistrer dans Mes sections et Supprimer ; Mes sections, sous la liste, ajoute une section enregistrée à toute page dotée d’un design du studio, à la position choisie (vous pouvez aussi y rechercher, renommer et supprimer les sections enregistrées). Vos modifications de texte et d’image suivent la section. Chaque modification s’applique tout de suite au brouillon de la page, sans IA ni crédits, et Annuler la modification sous la liste la défait. Les sections qui contiennent votre texte légal peuvent seulement monter ou descendre.

Concevoir une page avec l’IA

Concevoir avec l’IA se trouve à côté du titre de la page dans la barre du haut, sur Accueil, À propos, Contact, FAQ, Retours, Conditions et vos propres pages (propriétaires et administrateurs).

Choisissez À partir d’un brief (décrivez la page en au moins 10 caractères) ou À partir d’un site web (indiquez dans URL de la page source une page dont vous voulez le style ; les notes sont facultatives). Vous pouvez ajouter jusqu’à trois Couleurs de marque (facultatif) et un Ton (facultatif).
La fenêtre affiche le coût estimé en crédits ; les crédits ne sont débités qu’au clic sur Créer. La même saisie à nouveau est gratuite.
Créer conçoit la page en sections stylées autour de vos blocs en direct (produits, FAQ, cartes de contact, carte) et les ajoute à la page comme brouillon, avec un court résumé du contrôle qualité. Régénérer (nouvelle variante) crée une autre version, facturée comme Créer. Avant l’ajout, la page est aussi affichée en largeur mobile et ordinateur, en mode clair et sombre, et contrôlée : contenu plus large que l’écran, texte coupé, images cassées, nombre de titres principaux et contraste du texte. Les problèmes de mise en page, de titres et de couleurs sont corrigés automatiquement si possible (au plus une correction IA supplémentaire, comprise dans l’estimation) ; les images cassées sont seulement signalées. Un texte difficile à lire (contraste faible) est signalé par un avertissement, et ce qui n’a pas pu être corrigé est indiqué avec son nombre.
Vérifiez l’aperçu, utilisez Annuler s’il ne vous plaît pas, puis Publier quand tout est prêt. Les traductions dans vos autres langues sont faites à la publication, uniquement pour les sections modifiées.

Sur une page À propos, Contact, FAQ, Retours ou Conditions conçue, Utiliser la mise en page classique sous Outils affiche de nouveau la page avec sa mise en page classique ; vos sections sont conservées.
Pour modifier plus tard une seule section conçue, sélectionnez-la et utilisez Modifier le HTML ou Modifier avec l’IA (voir Modifier une page plus haut).

Thème : couleurs et arrière-plan de page

Ouvrez Thème dans le volet de gauche (sous Design). Les changements de thème sont des brouillons comme toute modification de page et passent en ligne avec Publier ; l’aperçu les montre tout de suite.

Système de couleurs : préréglages Colorswitch (vous pouvez définir vos couleurs principale, secondaire et d’accent) ou la Palette d’accent (préréglages et vos propres couleurs d’accent).
Mode de couleur : suivre l’appareil du client, toujours clair ou toujours sombre.
Couleur d’arrière-plan : une couleur de page unie pour le mode clair et une pour le mode sombre. Le panneau affiche le contraste du texte pour chacune et avertit sous 4.5:1 ; sans couleur sombre, le mode sombre reprend la claire. Dégradés et motifs se trouvent sous Dégradé et motif.
Arrière-plan de page : couleur unie ou dégradé (avec angle), opacité et motif facultatif avec sa propre couleur, réglés séparément pour les modes clair et sombre ; un clic le copie dans l’autre mode.

Choisir les polices de la boutique

Dans Thème, choisissez une Police des titres et une Police du texte parmi 14 polices Google sélectionnées (sans empattement, avec empattement et affichage) ou la Police système. Chaque option s'affiche dans sa propre police et l'aperçu en direct se met à jour aussitôt.

Après enregistrement, les polices s'appliquent à toute la boutique, à Mon compte et au paiement.
Sans choix, la boutique utilise Inter ; la police des titres suit celle du texte tant que vous ne la définissez pas.
Seules les polices choisies sont chargées, et le texte reste visible pendant le chargement. Toutes les polices couvrent les lettres latines, turques et cyrilliques ; les boutiques en écriture arabe ajoutent une police arabe de secours, les autres écritures utilisent les polices de l'appareil.
Bricolage Grotesque et Hanken Grotesk (le duo du nouveau design de boutique) n’ont pas de lettres cyrilliques, la liste l’indique ; le texte russe utilise alors la police de l’appareil.

Couverture de sauvegarde

Les pages et la configuration des blocs de la Boutique sont incluses dans Paramètres de la boutique → Sauvegarde & Restauration. Une restauration complète inclut la configuration des blocs de page et des blocs d'accueil. Consultez le résumé de la restauration avant de l'appliquer.

Importation de site IA

Utilisez importation IA sur les Pages lorsque vous avez déjà un site web public et souhaitez un coup d'avance :

Préférences — images, style de design, notes.
Découverte d'URL — sitemap d'abord, puis pages de contenu uniquement (Accueil, À propos, Contact, FAQ, politiques, atterrissages personnalisés). Les pages produit (/shop/…), le panier/compte, les archives de marque et les docs/articles sont exclus (Les étapes Produits et Connaissances s'occupent de ceux-ci).
Exploration d'essai (lorsqu'il y a beaucoup de pages) — échantillonnez d'abord quelques URL, consultez les sources de la Base de Connaissances, ajoutez éventuellement des instructions et relancez, puis continuez avec le reste. Les icônes de copie d'URL vous aident à inspecter les sources.
Exploration → Base de Connaissances — les pages sélectionnées sont enregistrées en petits lots en arrière-plan. Le dock d'importation montre le progrès en direct (statut, %, pages explorées, spinner) pendant que l'exploration s'exécute. Vous pouvez réduire le dock avec l'icône en haut à droite — l'exploration continue de s'exécuter. Revenez uniquement pour rédiger des pages de boutique. Seule Supprimer l'importation l'annule.
Rédiger des pages de boutique épurées — Accueil / Boutique / FAQ / légales. Passez en revue chaque étape. Les longs documents restent dans la KB, pas en tant que clones de menu.

Images : Le nombre d'images (max 50) est pour les actifs de design de vitrine (héros, projecteur, etc.), pas une image par URL explorée. Nous préférons les photos principales (l'image de partage principale de la page ou les grandes photos) et ignorons les petites vignettes/icônes.

Mimique HTML (design par défaut) : Générez des constructions d'accueil de nombreuses sections HTML riches (héros, produits, comment ça fonctionne, cas d'utilisation commerciale, FAQ, contact/CTA, …) avec les couleurs de marque source et des photos distinctes — pas un mince stub de 3 blocs. Préférez mimique HTML dans les préférences d'importation ; les modèles plus puissants (comme Claude Opus) fonctionnent le mieux pour les pages.

Vidéos : Pas téléchargées lors de l'importation (trop volumineuses pour être importées de façon fiable). Conservez YouTube/Vimeo comme intégrations/liens, ou téléchargez des fichiers plus tard via Bibliothèque de Médias / HTML Gratuit sur la page que vous souhaitez.

Pages manquantes après importation ? Ajoutez leurs URL à tout moment sous Assistant → Base de Connaissances (voir Base de Connaissances).

Remarques

La description du pied de page et le texte de la marque sont principalement gérés dans Configuration du Boutique → Branding.
Les détails légaux de l'entreprise pour les factures et les Conditions doivent utiliser les champs légaux dans la Configuration du Boutique.
Les offres de campagne sont gérées dans Marketing → Campagnes ; les Pages contrôlent la mise en page des sections de campagne.