Comment utiliser le Widget Editor

• Les catégories sont celles que tu as toi-même créées et organisées. Si tu veux plus d'informations sur l'organisation de tes catégories, lis cet article : Comment créer une catégorie ?
• En complément ou séparément, tu peux utiliser le filtre de lieu. Le lieu est déterminé par la Ville que tu saisis. Pour augmenter ou réduire le nombre de produits affichés dans le Widget catalogue, tu peux saisir un Rayon dans lequel le produit doit se trouver pour être affiché.
• Ici, tu peux aussi créer un Sub-ID : ajoute le Sub-ID sous Paramètres > Sub ID en lettres minuscules et chiffres.
  Remarque : tu ne peux pas voir le Sub-ID dans ton code, car il est masqué.

1.2.2. Widget Produit / Réservation

• Pour le Widget produit et le Widget de réservation, tu peux sélectionner la langue du produit, sélectionner le produit et créer un Sub-ID.
  
  
   

1.2.3. Bouton Widget

• Pour le Bouton Widget, tu peux sélectionner la langue, lier le bouton à l'un des types de widgets, sélectionner le produit, créer un Sub-ID, ajouter le texte du bouton et choisir si tu préfères un bouton flottant.
  
  
   

1.3. Sélectionner un design

Dans cette étape, tu peux sélectionner le thème dans lequel le widget doit s'afficher. Pour modifier des couleurs individuelles, consulte la section Paramètres de design ci-dessous.

Astuce :
La sélection du thème peut s'avérer pratique si tu mets régulièrement à jour ton design.
Imaginons que tu changes l'apparence de ton site web à chaque saison. Tu peux facilement adapter le widget au nouveau design sans rien avoir à modifier dans le back-end.

1.4. Définir le contenu visible

Ici aussi, cela dépend du type de widget présélectionné.

Tu peux personnaliser l'encadré produit, définir les attributs selon lesquels le client peut filtrer, et décider du niveau de détail de la page produit.

• Widget catalogue : Boîte de produit, Panneau de filtres, Détails du produit, Détails de la réservation, Liste des catalogues
  
  
   
• Widget produit : Boîte de produit Détails du produit, Détails de la réservation
  
  
   
• Widget de réservation et Bouton Widget : Détails de la réservation
  
  
   

1.5. Enregistrer et publier

Dans la dernière étape, tu donnes un nom et une description à ton widget. Les deux seront visibles dans la vue d'ensemble.
Une fois que tu cliques sur Enregistrer, un code HTML est généré. Tu peux intégrer ce code dans ton site web.

Astuce :
Tu n'as besoin d'intégrer le code dans ton site web qu'une seule fois ! Chaque modification que tu apportes dans le Widget Editor s'appliquera également au widget sur ton site web.

2. Créer un design

Les Paramètres de design te permettent de créer des thèmes et ainsi de modifier l'apparence de tes widgets. Les thèmes se composent de couleurs et de polices.

2.1. Couleurs

En ce qui concerne les couleurs, tu as actuellement accès à la couleur d'accentuation, qui s'applique aux boutons principaux (Réserver ici et Ajouter au panier).

2.2. Police

Tu peux choisir entre 8 polices différentes et 5 tailles de police.

2.4. Enregistrer et publier

Une fois que tu as terminé de modifier ton design global, donne-lui un nom et une description. Lorsque tu enregistres, tous les widgets utilisant ce design sont automatiquement actualisés.