La grande zone au centre du constructeur est un aperçu en direct de la page que vous modifiez. Les boutons de la barre du haut changent la façon dont vous la voyez.
Ordinateur de bureau, Mobile et Plein écran
Les boutons d'affichage se trouvent au début de la barre du haut :
- Ordinateur de bureau : affiche la page telle qu'elle apparaît sur un ordinateur.
- Mobile : affiche la page à la largeur d'un téléphone. Vérifiez-la souvent, car la plupart des clients utilisent un téléphone.
- Plein écran : masque le panneau des réglages pour que l'aperçu prenne toute la largeur. Pour en sortir, cliquez sur Ordinateur de bureau ou Mobile, cliquez sur un onglet de la barre latérale gauche ou sélectionnez une section avec l'Inspecteur.
Seuls les boutons qui tiennent dans votre fenêtre s'affichent. Dans une petite fenêtre, Plein écran ou Ordinateur de bureau peuvent disparaître, et si une seule vue tient, les boutons sont masqués. Agrandissez la fenêtre pour les retrouver. Le constructeur mémorise votre vue tant que l'onglet du navigateur reste ouvert. Après un rechargement, Plein écran s'ouvre en Ordinateur de bureau.
Mode Inspecteur
Inspecteur est l'icône en forme de curseur dans la barre du haut. Il est activé quand vous ouvrez le constructeur.
- Quand il est activé, survoler l'aperçu avec la souris entoure la section ou le bloc en dessous. Un clic le sélectionne et ouvre ses réglages dans le panneau, et sa ligne s'ouvre dans l'onglet Sections.
- Quand il est activé, l'aperçu ne réagit pas comme une vraie boutique : les liens, les boutons et les curseurs ne fonctionnent pas, car votre clic sert à sélectionner.
- Cliquez de nouveau sur l'icône pour le désactiver. L'aperçu fonctionne alors comme votre boutique : vous pouvez tester les menus, les curseurs, le panier latéral et les formulaires.
L'assistant IA peut aussi l'activer ou le désactiver pour vous. Voir Actions de l'assistant IA dans le constructeur.
Le bouton Aperçu
Le bouton Aperçu (icône en forme d'œil, à côté de Publier) ouvre la page sur laquelle vous êtes dans votre vraie boutique, dans un nouvel onglet.
- Il affiche la version publiée. Les modifications non publiées n'existent que dans le constructeur : cliquez donc d'abord sur Publier. Voir Publier vos modifications du constructeur.
- Sur les pages Produit, Destination, Collection et Politique, il ouvre le produit, la collection ou la politique que vous avez choisi dans le constructeur. Cela fonctionne même si cet élément n'est pas encore publié, mais seulement pour vous.
- Il est masqué sur les pages Commander et Merci, car ces pages ont besoin d'un vrai panier ou d'une vraie commande.
- Si l'onglet d'aperçu est déjà ouvert, rechargez-le après avoir publié pour voir la nouvelle version.
Constructeur clair ou sombre
Changer de thème (l'icône de lune) fait passer le constructeur lui-même du mode clair au mode sombre. Cela ne change pas votre boutique.
Sur téléphone ou tablette
Sur un écran étroit, le panneau des réglages se place par-dessus l'aperçu. Faites glisser sa poignée vers le bas pour voir davantage l'aperçu, et faites-la glisser vers le haut ou touchez-la pour faire revenir les réglages.
Avant de publier
- Passez en Mobile et faites défiler toute la page.
- Vérifiez que le texte se lit facilement sur chaque fond.
- Désactivez l'Inspecteur et cliquez sur vos boutons et liens de menu pour voir où ils mènent.