Qu'est-ce que le constructeur
Le constructeur de vitrine est un éditeur visuel qui vous permet de concevoir chaque page de votre boutique sans écrire de code. Les modifications que vous apportez sont prévisualisées en direct sur le côté droit de l'écran. Rien ne devient visible par les acheteurs tant que vous ne cliquez pas sur Publier.
La mise en page du constructeur
Le constructeur est divisé en trois zones :
- Barre latérale gauche : onglets pour basculer entre les marchés, les pages, les sections et les paramètres globaux. L'assistant IA se trouve en bas de la barre latérale.
- Panneau de contrôle : apparaît lorsque vous sélectionnez une section ou un bloc, affichant tous ses paramètres.
- Volet de prévisualisation : une vue en direct de votre boutique exactement telle que les acheteurs la verront.
Basculer entre les pages et les marchés
Utilisez l'onglet Pages (icône pages) dans la barre latérale gauche pour basculer entre les pages que vous pouvez modifier (Accueil, Produit, Panier, etc.). Utilisez le premier onglet (icône drapeau de pays) pour basculer entre vos marchés actifs. Chaque combinaison marché-page a son propre modèle et son propre historique d'annulation.
Prévisualiser sur différents appareils
La barre supérieure contient des boutons de bascule de fenêtre d'affichage : Mobile, Bureau, Plein écran et une icône d'agrandissement qui ouvre une fenêtre de prévisualisation isolée. Utilisez-les pour vérifier l'apparence de votre boutique sur différentes tailles d'écran avant de publier.
Ajouter une section
- Dans la barre latérale gauche, trouvez la liste Sections pour la page actuelle.
- Cliquez sur le bouton + Ajouter une section qui apparaît entre les sections, ou ouvrez le menu à trois points d'une section existante et choisissez Ajouter avant ou Ajouter après.
- Un sélecteur s'ouvre affichant tous les types de sections disponibles pour la page actuelle. Cliquez sur un type de section pour l'ajouter.
Conseil : chaque type de section a un nombre maximum d'instances par page. Lorsque vous atteignez la limite, le bouton d'ajout affiche le compteur et une info-bulle expliquant que le maximum a été atteint.
Ajouter un bloc dans une section
Sélectionnez une section, puis dans son panneau de contrôle cliquez sur + Ajouter un bloc. Les blocs sont les éléments constitutifs d'une section : texte, images, boutons, groupes de mise en page, séparateurs et plus. Les types de blocs disponibles, et combien vous pouvez en ajouter, varient selon la section.
Réorganiser les sections et les blocs
Dans la liste des sections, faites glisser une ligne de section vers le haut ou le bas pour changer sa position sur la page. La prévisualisation se met à jour immédiatement. Les blocs dans une section peuvent être réorganisés de la même façon dans le panneau de contrôle.
Masquer et supprimer des sections
Chaque ligne de section dans la barre latérale a une icône œil pour activer/désactiver la visibilité et une icône corbeille pour la supprimer définitivement. Le menu à trois points (⋯) expose également Masquer/Afficher et Supprimer. Les sections masquées restent dans votre modèle mais ne sont pas affichées aux acheteurs.
Dupliquer une section
Ouvrez le menu à trois points sur la ligne de la section dans la barre latérale gauche et cliquez sur Dupliquer. Une copie apparaît immédiatement sous l'originale sur la page actuelle uniquement.
Copier le contenu ou le style d'une section vers une autre
Ouvrez le menu à trois points sur la section source et cliquez sur Copier. Puis ouvrez le menu à trois points sur la section destination et cliquez sur Coller pour remplacer tout le contenu et le style, ou sur Coller le style uniquement pour copier uniquement le style visuel sans toucher au contenu.
Appliquer une section de niveau supérieur à toutes les pages
Le En-tête, le Pied de page et la Barre d'annonce apparaissent sur chaque page. Si vous modifiez l'en-tête sur la page d'accueil et souhaitez que toutes les autres pages utilisent la même version, ouvrez le menu à trois points sur la section d'en-tête et choisissez Appliquer à toutes les pages. Cela écrase cette section sur toutes les autres pages, donc l'action ne peut pas être annulée. Assurez-vous d'être satisfait du résultat en premier.
Mode Inspecteur
Cliquez sur le bouton Inspecteur (icône curseur) dans la barre supérieure pour activer le mode Inspecteur. Lorsqu'il est actif, cliquer sur n'importe quel élément dans la prévisualisation en direct met immédiatement en évidence et ouvre cette section ou ce bloc dans le panneau de contrôle. C'est le moyen le plus rapide d'accéder à une section spécifique sans faire défiler la barre latérale. Cliquez à nouveau sur le bouton Inspecteur pour le désactiver.
Annuler et rétablir
La barre supérieure contient les boutons Annuler (icône flèche de retour) et Rétablir. L'historique d'annulation et de rétablissement est limité par marché et par page, donc annuler sur la page d'accueil n'affecte pas les modifications apportées sur la page produit.
Enregistrer et publier
Cliquez sur le bouton Publier (en haut à droite de la barre) pour mettre vos modifications actuelles en ligne. Le bouton est désactivé lorsqu'il n'y a pas de modifications non enregistrées. La publication est par marché et par page, donc publier la page d'accueil ne publie pas automatiquement les modifications de la page produit.
Que vérifier avant de publier
- Passez en vue Mobile et faites défiler toute la page, car la plupart des acheteurs sont sur mobile.
- Vérifiez le contraste du texte par rapport à la couleur d'arrière-plan de chaque section.
- Assurez-vous que chaque bloc d'image a un fichier média sélectionné, car les espaces réservés d'image vides apparaissent comme des espaces blancs sur la boutique en ligne.
- Confirmez que les liens dans les boutons et les menus pointent vers les bonnes destinations.