Le widget de preuve sociale simule des commandes ou des achats de votre produit sur le site web, en les affichant sous forme de notifications contextuelles.
Comment fonctionne le widget
Le widget repose sur un principe psychologique simple : lorsque les visiteurs voient d'autres personnes effectuer des achats, ils sont plus enclins à acheter également.
Avantages clés
L'intégration de ce widget sur votre site web offre plusieurs avantages stratégiques :
- Stimuler les achats impulsifs : attirez instantanément de nouveaux clients en exploitant la preuve sociale et la prise de décision impulsive. Les gens sont naturellement attirés par les articles populaires et veulent imiter les choix des autres.
- Renforcer la confiance et la fidélité : mettez en avant un volume élevé de commandes en temps réel pour renforcer votre crédibilité. Les clients sont plus susceptibles de faire confiance et de rester fidèles aux entreprises qui démontrent une base d'utilisateurs active et satisfaite.
- Engager avec des mises à jour ciblées : tenez les clients informés des événements importants et des promotions spéciales. Vous pouvez entièrement personnaliser la fréquence d'apparition du widget et qui le voit en fonction de critères d'audience spécifiques.
Comment créer et configurer le widget
Pour créer un widget, allez dans l'onglet "Widgets" correspondant.
Cliquez ensuite sur le bouton "Créer un widget".
Un menu déroulant apparaîtra affichant les widgets disponibles pour l'intégration sur le site web ; veuillez sélectionner celui dont vous avez besoin dans la liste :
Vous serez alors redirigé vers la page des paramètres du widget :
Informations générales
Nom du widget
Spécifiez le nom de votre widget dans le champ de paramètres "Nom du widget" :
Le nom du widget est un champ obligatoire et ne sera affiché que dans la section "Widgets" ; il ne sera pas visible pour vos clients.
Domaine
C'est le deuxième champ obligatoire, où vous devez spécifier le domaine de votre site web :
Il peut s'agir d'un site web construit sur MaviBot, créé à l'aide de la plateforme Tilda, ou de votre propre site personnalisé.
Paramètres de contenu généraux
Les paramètres de contenu généraux déterminent ce qui sera affiché dans les notifications contextuelles du widget sur le site web.
Veuillez prêter attention aux espaces réservés tels que [name], [city] et autres — vous les utiliserez lors de la création de messages dans le widget sous l'onglet "Options du widget".
Espace réservé pour le nom
Les champs d'espace réservé pour le nom vous permettent d'afficher des noms spécifiquement masculins ou féminins sur le site web :
Pour basculer les noms en masculin ou féminin, utilisez le champ correspondant :
Vous pouvez également sélectionner des noms en fonction de la localisation géographique :
Ensuite, la sélection des noms sera ajustée.
Espace réservé pour la ville
Vous pouvez également choisir des noms en fonction de la localisation géographique :
Espace réservé pour le montant
Vous pouvez insérer un montant dans le bloc de texte du widget, qui peut être soit une valeur fixe, soit un nombre généré aléatoirement dans une plage spécifiée :
Pour entrer un montant exact, utilisez le champ vide à droite :
Si vous sélectionnez le type "montant d'une plage", vous devez entrer les valeurs minimale et maximale dans les champs pour générer un nombre aléatoire dans cette plage :
Si nécessaire, vous pouvez également définir le nombre de décimales pour l'arrondi :
Espace réservé pour variable personnalisée
Pour insérer vos propres variables personnalisées dans le widget, cliquez sur le bouton "Ajouter une variable".
Vous devrez définir le nom de la variable entre crochets dans la fenêtre modale qui s'ouvre.
Ensuite, entrez les valeurs de la variable, en veillant à ce que chaque nouvelle valeur soit écrite sur une nouvelle ligne sans virgules ni autres séparateurs :
Ensuite, cliquez sur "Enregistrer" pour stocker les valeurs dans le système :
Ensuite, vous verrez que la variable personnalisée a été enregistrée dans les paramètres de contenu généraux :
Pour utiliser la variable plus tard, insérez son nom entre crochets dans le champ "Texte principal" sous la section "Contenu" :
Conditions de déclenchement du widget
Intervalle de temps
Vous pouvez définir le moment d'affichage du widget sur le site web en utilisant la fonction "Quand afficher le widget" :
-
Instantanément
Ce paramètre affichera le widget immédiatement lorsque l'utilisateur ouvre le site web. - Après un délai
Le widget apparaîtra sur le site web après le nombre de secondes spécifié une fois que l'utilisateur l'aura ouvert.
L'intervalle de temps est défini en secondes, avec une valeur minimale de 1 seconde et une valeur maximale de 15 secondes.
- Après défilement
La condition "Après défilement" signifie que les widgets commenceront à fonctionner sur le site après que votre utilisateur aura défilé d'une distance définie en pixels.
Intervalle de temps
Il existe également la condition de déclenchement suivante :
- Durée d'affichage :
- Définissez la valeur en secondes.
- Elle détermine combien de temps le widget restera visible avant que la notification ne disparaisse.
- Intervalle entre les délais
- Définissez la valeur en secondes.
- Elle détermine le délai entre les affichages du widget — après l'apparition d'une notification, la suivante ne sera affichée qu'après le nombre de secondes spécifié.
Définir une condition
Examinons de plus près les conditions disponibles.
- Paramètres UTM
Pour savoir ce que sont les balises UTM et comment les utiliser, nous vous recommandons de lire l'article "Comment transférer les balises UTM."
Entrez le nom de la balise requise dans le champ désigné :
Ensuite, sélectionnez l'opérateur qui correspond à la balise avec la valeur :
Quelle est la différence entre contient/ne contient pas et est égal/n'est pas égal ?
La principale différence est que l'opérateur "contient/ne contient pas" vérifie si la balise UTM inclut (ou n'inclut pas) une certaine valeur.
En revanche, l'opérateur "est égal" nécessite une correspondance exacte, ce qui signifie que le système recherche une balise UTM qui correspond exactement à la valeur spécifiée (et en conséquence, "n'est pas égal" fonctionne comme l'opposé).
Entrez ensuite la valeur requise pour la balise UTM :
- Pays
Vous pouvez également choisir la condition "Pays", qui affichera le widget en fonction du pays de l'adresse IP du visiteur.
Sélectionnez le pays souhaité dans la liste, ainsi que le type d'opérateur ("est" ou "n'est pas") :
- Appareil
Si nécessaire, appliquez la condition "Appareil" pour afficher le widget en fonction du type d'appareil du visiteur utilisé pour accéder au site :
Les paramètres incluent également une fonction pour ajouter plusieurs valeurs pour l'affichage du widget. Cliquez simplement sur "+ Ajouter une valeur" et définissez une ou plusieurs conditions supplémentaires selon vos besoins :
Options du widget
Une fois que vous avez fini de configurer le widget, allez dans l'onglet "Options du widget" :
Dans cet onglet, vous pouvez définir les paramètres d'apparence et de contenu du widget qui seront affichés à vos utilisateurs.
Contenu
Vous pouvez entrer le texte statique ou des variables dynamiques (par exemple, [name], [sum], [city]) dans les champs Titre et Texte principal. Lorsque le widget est actif, le système remplacera automatiquement ces variables par les valeurs réelles configurées dans les paramètres de votre widget.
Icône
L'icône sera affichée à l'intérieur de la notification contextuelle :
Apparence
Les paramètres d'apparence incluent généralement des options pour sélectionner des couleurs dans une large palette, ajuster l'arrondi des coins, et configurer les niveaux d'ombre et de transparence :
- Palette de couleurs : choisissez des couleurs pour n'importe quel élément du widget — du texte à l'arrière-plan de l'icône. Et vous pouvez également sélectionner des dégradés.
- L'alignement du texte peut être défini par rapport au centre, au bord droit ou gauche :
- Paramètres des coins de la notification : vous pouvez choisir des coins arrondis, carrés ou entièrement circulaires pour le message sur le site web :
Masquer le bouton de fermeture du widget
Cette case à cocher masquera le bouton de fermeture (×) dans le coin du widget.
Position du widget sur le site web
Par défaut, les notifications sont configurées pour apparaître dans le coin inférieur droit de l'écran. Si nécessaire, vous pouvez modifier la position du widget sur votre site web à l'aide des paramètres ci-dessous.
La position du widget est calculée à partir des bords inférieur et droit de l'écran. Pour le déplacer vers le bord gauche, définissez le champ "Marge droite" sur 60%.
Comment intégrer le widget sur le site web
Une fois que vous avez configuré tous les paramètres et personnalisé l'apparence du widget selon votre design unique, cliquez sur le bouton "Ajouter le widget" en bas de l'écran.
Vous serez redirigé vers la liste des widgets existants, où vous devez cliquer sur le bouton "Code d'intégration sur le site web" :
Une fenêtre modale s'ouvrira affichant le code du script :
Copiez le script généré, puis allez dans les paramètres du site web pour le domaine que vous avez spécifié précédemment dans la configuration du widget.
Collez ensuite le script dans le code HTML dans la section :
Pour intégrer le widget sur un site Tilda, copiez le script du widget à l'aide du bouton "Code d'intégration sur le site web", puis ajoutez-le à la page de votre site web.
Terminé ! La configuration et l'installation du widget sur votre site web sont maintenant terminées !