Élément de compteur de stock

À propos de l'élément Compteur de stock dans GemPages

L' Élément de compteur de stock est conçu pour afficher le stock restant de vos produits à l'aide d'une barre de progression, d'une icône ou d'un texte. Il est compatible avec Shopify. système de gestion des stocks et peut être personnalisé pour s'adapter à l'image de marque de votre magasin.

Pourquoi utiliser Stock Counter ?

• Créez un sentiment d’urgence en affichant un stock limité.
• Instaurer la confiance grâce à la transparence état de l'inventaire.
• Soutenez les campagnes de vente en modifiant les messages de stock (par exemple, « Plus que 5 en stock ! »).

Comment ajouter un élément de compteur de stock à votre page ?

Pour un fonctionnement optimal, assurez-vous de placer le compteur de stock dans le module Produit de votre page. Suivez ces étapes pour en ajouter un.

Étape 1 : Accéder Tableau de bord GemPages > Pages, et localisez la page cible pour ouvrir l'éditeur.

Étape 2 : Dans la barre latérale gauche, recherchez le Compteur de stocks élément, puis faites-en glisser un à l'intérieur Module produit.

Les configurations de l'élément seront disponibles dans la barre latérale gauche, que nous aborderons dans les sections suivantes.

Configurer l'onglet Paramètres

Mise En Page

Sélectionnez la disposition de l'élément Compteur de stock parmi ces options :

• Complet : l’élément contiendra une icône, du texte et une barre de progression.
• Texte et barre de progression
• Icône et texte
• Texte seulement
• Barre de progression uniquement

Origine du produit

Cliquez sur le produit pour le gérer dans l'élément Produit.

La barre de progression

Comme la mise en page est pleine, le La barre de progression L'option s'activera automatiquement. Ajustez la barre de progression selon vos préférences :

• Pourcentage restant : Ajustez le pourcentage de stock restant. Par exemple, si vous définissez 20 %, la barre s'affichera comme presque vide, signalant une pénurie.
• Couleur : Modifiez la couleur de la barre de progression pour qu'elle corresponde à l'image de votre boutique. Utilisez le sélecteur de couleurs ou saisissez un code hexadécimal.
• Effet: Activer ou désactiver l'animation de la barre de progression.
  • Oui:La barre se remplit d'une animation fluide.
  • Non:La barre apparaît statique.
• La taille: Définissez l'épaisseur de la barre de progression (en pixels). Plus la valeur est élevée, plus la barre est épaisse.
• Poste: Choisissez où la barre de progression s'affichera par rapport au texte :
  • Haut: La barre apparaît au-dessus du texte du stock.
  • Bas: La barre apparaît sous le texte du stock.
• Coin: Ajustez le rayon du coin pour donner à la barre de progression un style net, rond ou en forme de pilule.

Icône

Personnalisez l'icône affichée dans l'élément Compteur de stock.

• Icône: Choisissez parmi les icônes disponibles sur GemPages ou téléchargez les vôtres (seuls les fichiers SVG sont acceptés).
• Dimensions Ajustez la taille de l'icône (en pixels). Les icônes plus grandes attirent davantage l'attention, tandis que les plus petites maintiennent un design subtil. 
• Couleur : Définissez la couleur de l'icône pour qu'elle corresponde à l'image de marque de votre boutique. Saisissez un code hexadécimal ou utilisez le sélecteur de couleurs.
• Poste: Décidez où l’icône doit s’afficher :
  • Gauche: L'icône apparaît avant le texte.
  • À droite: L'icône apparaît après le texte.

Taille

Le paramètre Taille vous permet de définir la largeur du composant Compteur de stock sur votre page.

Largeur: Définissez l'espace horizontal que prendra le comptoir de stock :

• Entrez pourcentage valeur (par exemple, 50 %) pour que le compteur soit à l'échelle de la largeur du conteneur.
• Entrez designs valeur (par exemple, 300px) pour définir une largeur fixe.

Des valeurs plus petites maintiennent le compteur compact, utile pour les barres latérales ou les mises en page plus serrées.

Texte

En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Texte section, modifiez le texte du bouton comme vous le souhaitez :

• Menu:Par défaut, il est défini sur «Il ne reste que %number%« Faites-en votre façon d’inciter les clients à agir.
• Styles: Choisissez le style de texte parmi Rubrique 1-6 or Paragraphe 1-3 comme le style mondial. 
• Fonte:Sélectionnez un style de police qui correspond à l’identité de votre marque.
• Taille: Ajustez la taille de la police pour mettre le texte en évidence.
• Couleur:Choisissez une couleur qui complète votre design.
• Poids de polices:Contrôlez l'épaisseur ou la finesse du texte.
• Hauteur de ligne:Ajustez l'espace entre les lignes pour une meilleure lisibilité.
• L'espacement des lettres:Créez un look plus moderne ou compact en modifiant l'espace entre les lettres.
• Transformez:Convertissez le texte en majuscules, en minuscules ou mettez en majuscule la première lettre de chaque mot.
• Ombre: Appliquez des effets d’ombre portée pour améliorer la profondeur visuelle. 

État de rupture de stock

Ces paramètres contrôlent ce qui se passe lorsque le produit est en rupture de stock.

• Action: Choisissez ce que le compteur doit faire :
  • Voir le message:Afficher un message de rupture de stock personnalisé.
  • Masquer l'élément:Le compteur de stock sera masqué de la page.
• Icône: Sélectionnez une icône à afficher avec le message de rupture de stock (par exemple, colis, avertissement, croix).
• Contenu: Modifiez le texte du message (par défaut : « EN RUPTURE DE STOCK »).
• Couleur de l'icône : Ajustez la couleur de l'icône en rupture de stock.
• Couleur du texte : Ajustez la couleur du texte en rupture de stock.

Message

Personnaliser les messages en fonction des conditions de stock :

• Vendre en cas de rupture de stock : Ajoutez un message encourageant les clients à attendre ou à précommander (par exemple, « Réapprovisionnement bientôt ! Restez à l'écoute. »).
• Stock illimité : Définissez un message lorsque le stock n'est pas limité (par exemple, « Dépêchez-vous ! LAISSEZ LES ACHETEURS SE PRÉCIPIER »).

Option d'affichage

Contrôler quand le compteur de stock doit apparaître :

• Toujours afficher:Afficher le compteur à tout moment.
• Afficher si sous:Afficher le compteur uniquement si le stock restant est inférieur à une limite spécifiée.

Aligner

Définissez l'alignement du compteur de stock dans son conteneur sur à gauche, centre, ou bien.

Configurer l'onglet Avancé

Pour une personnalisation plus avancée, veuillez accéder au Avancé onglet et suivez les instructions dans cet article.

Questions fréquentes

1. Puis-je utiliser le compteur de stock en dehors du module produit ?

Non, l'élément doit être placé à l'intérieur du module Produit pour extraire correctement les données d'inventaire.

2. Le compteur de stock se synchronise-t-il avec l'inventaire Shopify ?

Oui. Cela reflète l'inventaire géré dans le système de gestion des stocks de Shopify.