THÈME SHOPIWEB
  • INTRODUCTION
  • SECTIONS
    • PANIER COULISSANT
      • Comptes à rebours panier
      • Barre d'annonces
      • Bump en 1 clic
      • Image
    • MODÈLE
      • INFORMATIONS PRODUITS
        • Badge personnalisé
        • Texte
        • Texte enrichi
        • Note de produit
        • Séparateur
        • Pop-up
        • Pack de produits
        • État des stocks
        • Estimation de livraison
        • Sniper live
        • Image
        • Rangée réductible
        • Description
        • Offre groupée
        • Liquid personnalisé
        • Champ texte personnalisé
        • Collection personnalisé
      • Barre d'annonces
      • Instagram galerie
      • Parallaxe
      • Marque logo/ texte
      • Articles de blog
      • Bannière avec image
      • Bannière avec vidéo
      • Bordure personnalisée
      • Collage
      • Collection en vedette
      • Contenu personnalisé
      • Contenu réductible
      • Formulaire de contact
      • Image avec texte
      • Inscription à la liste de diffusion
      • Liste des collections
      • Multicolonne
      • Navigation personnalisée
      • Onglets multiples
      • Produit en vedette
      • Suivi commande
      • Texte dynamique
      • Texte défilant
      • Texte enrichi
      • Témoignages
      • Vidéo
      • Vidéo avec texte
      • Diaporama
  • PARAMÈTRES DU THÈME
    • Écosystème du thème
    • CODE PERSONNALISÉ
      • Head
      • CSS
      • JavaScript
    • EFFECTS
      • Effect titre
      • Effect SVG sous-titre
      • Effect paragraphe
      • Effect bouton
      • Effect image
      • Effect block
    • RÉSEAUX SOCIAUX
      • Twitter
      • Facebook
      • Pinterest
      • Instagram
      • Tik Tok
      • Tumblr
      • Snapchat
      • YouTube
      • Vimeo
    • PARAMÈTRES GÉNÉRAUX
      • Image favicon
      • Mise en page
      • Grille
      • Codes de devise
      • Suggestions de produits
      • Carrousel
    • COULEURS
      • Couleurs primaires
      • Couleurs secondaires
      • Boutons de paiement (ATC)
      • Couleurs prix
    • TYPOGRAPHIE
      • Titre
      • Corps
    • BOUTONS
    • CONTENEURS
      • Style de variantes
      • Entrées
      • Cartes
      • Conteneurs de contenu
      • Style d'image et vidéo
      • Menus déroulants et pop-ups
      • Tiroirs
      • Badges
    • APPLICATIONS
      • Protection de boutique
      • Flèche de retour en haut
      • Liste de souhaits
      • Cookies RGPD
      • Chat de messagerie
    • PANIER
    • PASSAGE À LA CAISSE
    • CSS PERSONNALISÉ
    • STYLE DE THÈME
      • Changer le style du thème
  • MISES À JOUR
    • Thème ECOM PRO
  • LAISSEZ UN AVIS
Propulsé par GitBook
Sur cette page
  • Rendez-vous sur l’une de vos pages produits
  • Comment ajouter la fonctionnalité Sniper Live ?
  • Comment paramétrer Sniper Live sur SHOPIWEB ?
  • Enregistrez et c’est terminé !

Cet article vous a-t-il été utile ?

  1. SECTIONS
  2. MODÈLE
  3. INFORMATIONS PRODUITS

Sniper live

Paramétrer la fonctionnalité Sniper Live avec le thème SHOPIWEB

PrécédentEstimation de livraisonSuivantImage

Dernière mise à jour il y a 2 ans

Cet article vous a-t-il été utile ?

La fonctionnalité Sniper Live vous permet d’afficher un compteur aléatoire du nombre de visiteurs qui regardent en direct l’une de vos pages produits. La fonctionnalité Sniper Live intégrée au thème SHOPIWEB, est activable uniquement sur les pages produits de votre boutique Shopify®. Comment l’utiliser et la paramétrer correctement ? C’est ce que vous allez découvrir dans la suite de ce tutoriel.

Rendez-vous sur l’une de vos pages produits

Comme pour n’importe quel thème Shopify®, il vous faut créer un modèle de page par produit. Pour se faire, vous devez avoir déjà intégré des produits depuis votre tableau de bord Shopify®. Si ce n’est pas encore fait, vous pouvez consulter ce tutoriel qui vous montre comment ajouter des produits à votre compte Shopify®. Une fois que c’est fait, il vous sera possible de créer un modèle de page depuis la personnalisation de votre licence SHOPIWEB. Il est possible d’utiliser un même modèle pour tous vos produits ou bien de créer un modèle de page différent pour chacun de vos produits. Tout dépend de votre stratégie.

La suite de ce tutoriel se déroule donc sur l’une des pages produits.

Comment ajouter la fonctionnalité Sniper Live ?

  • Depuis SECTIONS, rendez-vous dans la rubrique MODÈLE > INFORMATIONS PRODUITS et cliquez sur AJOUTER UN BLOC.

  • Un menu déroulant s’affiche avec 16 possibilités

  • Cliquez sur SNIPER LIVE

  • La section s’ajoute alors dans la partie INFORMATIONS PRODUITS (il est préférable d’ajouter le Sniper Live sous le bouton d’ajout au panier afin de réduire les frictions à l’achat)

Comment paramétrer Sniper Live sur SHOPIWEB ?

  • Une fois la fonctionnalité ajoutée et sélectionnée, vous verrez apparaître une colonne à droite de votre écran (ce sont les réglages de Sniper Live)

  • Dans le champ DÉBUT DU TEXTE, écrivez ce que vous voulez (Live etc). Selon votre marché, vous pouvez alors traduire facilement cette partie

  • En dessous, vous verrez le champ FIN DU TEXTE qui permet d’afficher le texte de votre choix derrière l’affichage aléatoire des chiffres (il est possible d’ajouter du code dans ce champ. Exemple : <span style=”color #4B6091”><strong>personnes</strong></span> regardent aussi ce produit. Au cas où vous aimeriez changer la couleur d’une partie du texte)

<span style=”color #4B6091”><strong>personnes</strong></span>
  • Dans le champ suivant, indiquez le NOMBRE DE PERSONNES MINIMUM puis dans le champ en dessous, le NOMBRE DE PERSONNES MAXIMUM. Ça signifie que le nombre qui s’affichera à l’écran, sera toujours compris entre ces deux nombres (Astuce : il est possible de mettre des chiffres plus importants durant l’une de vos campagnes d’influences marketing pour motiver plus d’acheteurs)

  • Pensez à enregistrer pour voir s’afficher chaque modifications, sinon vous ne verrez pas le script se mettre en route

  • Le champ suivant vous permet de régler la couleur du compteur (pour plus de cohésion graphique, pensez à utiliser votre couleur principale)

  • Ensuite, il est possible de personnaliser l’icône (par défaut, c’est un œil qui apparaîtra mais vous pouvez en choisir un autre dans le menu déroulant)

  • Terminez votre personnalisation en choisissant ou non une marge

Enregistrez et c’est terminé !

Une fois les réglages terminés, pensez à toujours cliquer sur le bouton ENREGISTRER pour ne rien perdre. Félicitations, maintenant vous avez réussi à paramétrer la fonctionnalité Sniper Live sur votre boutique e-commerce créée avec le thème SHOPIWEB.

Pour revoir l’ensemble des étapes du paramétrage Sniper Live, vous pouvez regarder le tutoriel complet disponible ci-dessous.

Besoin d’un coup de main ?

Profitez d’un coaching personnalisé avec Xavier LOPES, le créateur du thème SHOPIWEB. Durant cet entretien privilégié, il vous apprend à devenir autonome en création de boutique e-commerce avec Shopify®. Infos et réservations disponibles sur .

cette page
Lecteur de la vidéo Youtube qui explique comment paraméttrer l'application SNIPER LIVE du thème SHOPIWEB
ÉTAPE 1 : Depuis un modèle de page produit, sélectionnez la section INFORMATIONS PRODUIT, cliquez sur AJOUTER UN BLOC puis SNIPER LIVE
ÉTAPE 2 : La fenêtre de personnalisation de SNIPER LIVE apparait dans la colonne à droite de l'écran
ÉTAPE 3 : La possibilité de personnaliser le texte de fin est possible grâce au champs FIN DU TEXTE
Capture d'écran de l'interface de personnalisation du thème SHOPIWEB pour ajouter un block sniper live dans la section informations produit
Capture d'écran des options de personnalisation et de réglages de la fonction sniper live inclus avec le thème français SHOPIWEB
Capture d'écran du champs FIN DU TEXTE de la zone de réglage de l'application shopify SNIPER LIVE inclus avec le thème SHOPIWEB