Le designer
Comment le designer visuel est agencé, et la seule règle qui rend l'expérimentation sans risque.
Design dans la barre latérale ouvre le designer visuel. Il construit votre boutique à partir de blocs — un en-tête, un hero, des grilles de produits, des sections de texte, un pied de page — que vous ajoutez, remplacez, réordonnez et habillez sans rien écrire.
La seule règle à connaître d'abord
Le designer modifie un brouillon. Votre boutique en ligne ne change pas tant que vous n'appuyez pas sur Publier.
Vous pouvez donc refaire votre page d'accueil en pleine journée, essayer cinq variantes de hero, défaire une semaine de travail par l'historique des versions, sans qu'aucun visiteur n'en voie rien.
L'agencement
La liste des blocs, à gauche
Tous les blocs de la page courante, dans l'ordre. Le double chevron de son en-tête la replie en un rail étroit qui garde le nombre de blocs et le bouton d'ajout — pratique sur un petit écran d'ordinateur portable. L'état est mémorisé par navigateur.
Les blocs en demi-largeur sont marqués ½. Les blocs désactivés — un bloc d'avis sur le produit pendant que les avis sont coupés — sont signalés comme tels et restent réordonnables.
La liste des pages, en haut à gauche
Elle change de page et ouvre Gérer les pages… pour ajouter, renommer, réordonner (glisser-déposer) ou supprimer des pages. Voir Pages et navigation.
Trois boutons de largeur
Ordinateur, tablette, téléphone — l'aperçu en pleine largeur, à 768 px ou à 390 px. C'est la mise en page responsive de votre propre boutique à cette largeur, centrée sur le canevas. L'aperçu téléphone a en plus la hauteur d'un téléphone, 850 px (moins sur un petit écran), et se place au milieu du canevas : une section qui remplit l'écran montre donc exactement ce qu'un téléphone montre. Le mode édition fonctionne à toutes les largeurs.
Le sélecteur est proposé à partir de la largeur d'un portable, démarre toujours sur ordinateur à l'ouverture du designer, et ne change rien dans la boutique elle-même.
La barre d'outils
Le mode édition (crayon) pour modifier textes et images sur place, l'assistant IA, le thème, une horloge pour l'historique des versions, l'aperçu et Publier. Une fois que vous avez publié, un bouton vert En ligne apparaît au bout.
Sur un téléphone
La liste des blocs est masquée au-dessous de la largeur d'une tablette, parce que réordonner des blocs demande une souris. Un téléphone offre l'aperçu, l'assistant IA et Publier — assez pour approuver ou publier quelque chose, pas assez pour refaire une page. Déplacer un bloc demande une tablette ou un ordinateur.
Où aller ensuite
Travailler avec les blocs
Ajouter, déplacer, remplacer et supprimer — et les règles sur l'endroit où un bloc peut atterrir.
Le mode édition
Textes, images, couleurs et l'onglet Style.
Pages et navigation
Pages personnalisées, réordonnancement, et ce qu'il advient des liens quand une page disparaît.
Le thème
Couleurs de marque, polices, design des cartes, boutiques sombres et effets d'arrière-plan.
Images et vidéos
Le sélecteur de ressources, la recherche en banque d'images et la génération par l'IA.
L'assistant IA
Générer un bloc, une page ou toute la boutique.
Aperçu et publication
Comment le brouillon atteint les visiteurs, l'historique des versions, retirer la boutique du web.