Choisissez des widgets et contrôlez la mise en page de votre store d'e-commerce. En personnalisant le design et la mise en page de votre boutique, vous pouvez améliorer la présentation de vos produits.
Vous devez inclure la page principale store widget sur une page de votre site une fois pour que les produits de la galerie de produits widget soient liés à store. Sinon, les clients recevront une erreur 404 lorsqu'ils cliqueront sur un produit.
Si votre store ne possède aucune catégorie, cette option ne sera pas disponible.
Pour ajouter des catégories à votre store sur la navigation principale du site :
-
Dans le panneau latéral de l'éditeur, cliquez sur Vendre en ligne.
-
Dans le menu déroulant Ajouter des pages de catégorie à la navigation du site, sélectionnez l'une des options suivantes :
-
Ne pas ajouter. N'inclut pas les pages de catégories dans la navigation du site.
-
A côté des pages du site. Inclut les pages de catégories comme pages de premier niveau dans la navigation du site. Pour configurer l'emplacement des pages de catégories dans la navigation du site, sélectionnez une option dans le menu déroulant Où voulez-vous les placer ?
-
En tant que sous-pages. Inclut les pages de catégories comme sous-pages d'une page spécifique dans la navigation. Sélectionnez une page dans la liste déroulante Ajouter comme sous-pages de.
-
Pour déplacer ou supprimer les widgets de store sur n'importe quelle page de votre site web, il suffit de cliquer dessus et de les faire glisser, comme n'importe quel autre widget. Pour en savoir plus, consultez l'article Ajout de widgets.
Pour ajouter un nouveau site store widget , dans le panneau de gauche, cliquez sur Vendre en ligne, puis sur Ajouter store widget . Pour personnaliser un widget individuel, cliquez avec le bouton droit de la souris sur le widget dans le site et sélectionnez Modifier la conception.
Vous pouvez modifier l'apparence du store à l'aide des paramètres Thème du site dans l'onglet Thème, ou en cliquant sur le widget Store principal pour accéder à des options de conception spécifiques.
Pour accéder aux paramètres du thème du site, cliquez sur Thème dans le panneau de gauche.
Pour accéder à l'éditeur de conception, cliquez avec le bouton droit de la souris sur la fenêtre Main storewidget et cliquez sur Editer la conception.
-
Cliquez avec le bouton droit de la souris sur Main store widget , puis cliquez sur Edit Design.
-
Pour définir l'écran initial du site store widget , cliquez sur Général et sélectionnez une page dans la liste déroulante Main store. Vous pouvez choisir d'afficher la page principale store ou l'une de vos catégories en tant que première page de store widget .
L'éditeur de conception vous permet de modifier la disposition de la page Catégories et produits.
-
Cliquez avec le bouton droit de la souris sur Main store widget , puis cliquez sur Edit Design.
-
Cliquez sur Catégories ou Produits pour modifier la mise en page et le style des différentes zones de texte, telles que les titres des catégories/produits, les prix et les UGS. L'espacement entre les éléments et le comportement des éléments (effetshover ) ainsi que le nombre de produits affichés sur une page peuvent être modifiés dans ce menu.
Vous pouvez afficher jusqu'à 100 catégories et sous-catégories dans votre boutique.
Par exemple, si vous avez 10 catégories et que chacune contient 50 sous-catégories, seules 2 catégories de 50 sous-catégories seront affichées.
L'éditeur de conception vous permet également de modifier des éléments sur les pages de produits uniques. Vous pouvez choisir parmi plusieurs mises en page pour afficher différents éléments sur des pages de produits spécifiques. Vous pouvez contrôler, par exemple, l'emplacement du texte ainsi que la disposition et le format des vignettes. Grâce à ces nouvelles personnalisations, vous serez en mesure de présenter les produits de votre boutique sous leur meilleur jour.
-
Cliquez avec le bouton droit de la souris sur Main store widget , puis cliquez sur Edit Design.
-
Cliquez sur Page produit unique.
Il n'est pas possible de modifier la couleur de fond au passage de souris et la couleur de l'encadrement, qui resteront en blanc.
Pour modifier les étiquettes textuelles par défaut dans votre Store :
-
Dans le panneau latéral, cliquez sur Vendre en ligne, puis sur Gérer store.
-
Cliquez sur Apps, puis sur App Market.
-
Recherchez l'éditeur d'étiquettes, puis cliquez sur pour installer l'éditeur d'étiquettes StoreFront.
-
Cliquez sur + Ajouter une étiquette personnalisée.
-
Recherchez l'étiquette que vous souhaitez modifier et cliquez sur Rechercher cette étiquette.
-
Saisissez un nouveau nom pour l'étiquette dans le champ qui s'affiche à droite.
Pour modifier l'ordre d'affichage des produits dans une catégorie :
-
Dans le panneau de gauche, cliquez sur Vendre en ligne, puis sur Catalogue.
-
Cliquez sur Catégories, puis sur Produits de catégorie.
-
Sélectionnez puis faites glisser les produits de la catégorie pour les organiser dans l'ordre souhaité.
Vous pouvez ajouter des filtres de produits à votre boutique afin que les clients puissent trouver facilement ce qu'ils cherchent. Permettre aux clients de trouver des produits de cette façon, c'est les inciter à transformer rapidement leur recherche en achat. Il est possible de filtrer par prix, par niveau de stock, par promotions, par mots-clés, par options de produit et par caractéristiques. Si vous avez un stock important et varié, cela peut être particulièrement utile.
Les filtres de produits ne sont accessible que pour les boutiques de type Avancé ou supérieur.
Vous pouvez tout paramétrer en quelques minutes. Les filtres sont préconfigurés de façon optimale et activés pour votre store en fonction du nombre de produits, des caractéristiques des produits et de leurs options disponibles, des promotions en cours, des niveaux de stock des produits, etc. Vous pouvez ajouter ou supprimer des filtres manuellement pour créer vous-même l'expérience que vous souhaitez offrir à vos acheteurs. Les filtres se mettent à jour à mesure que vous ajoutez, supprimez ou actualisez des produits dans la boutique et à mesure que les produits sont vendus et que le stock évolue. À chaque fois qu'ils consultent votre site, les acheteurs voient les filtres les plus récents.
Si votre site a été élaboré avant le 24 septembre 2017, vous pouvez mettre à jour l'éditeur de conception. Si vous choisissez de mettre à jour le widget, une sauvegarde du site sera automatiquement créée. Cette mise à jour ne modifiera que l'éditeur de conception du store ; elle ne modifiera aucune fonctionnalité dans votre store.
Si vous avez créé votre boutique après le 24 septembre 2017 ou si vous avez déjà mis à jour le widget, vous pouvez accéder au nouvel éditeur de conception.
Vous n'êtes pas obligé de mettre à jour votre widget. Vous pourrez également modifier votre widget à l'aide de l'ancien éditeur de widget.
Si vous rechargez une sauvegarde ou annulez la modification d'un store existant, vous devrez remettre à jour le widget. N'oubliez pas que si vous choisissez de mettre à jour l'éditeur de conception d'un store, une sauvegarde du site sera automatiquement créée.