Souhaitez-vous savoir exactement ce que vos membres voient lorsqu'ils ouvrent le programme de récompenses de votre boutique ? Le widget de récompenses est un panneau sur la vitrine de votre magasin. Vos membres y consultent leur solde de points, découvrent comment gagner et échanger des récompenses, partagent leur lien de parrainage et examinent leur activité.
Dans ce guide, nous allons vous présenter chaque panneau du widget et ce que les visiteurs voient. Nous vous montrerons également comment lier directement un panneau et modifier l'apparence du widget. Tout ce dont vous avez besoin est RewardsWP installé sur votre boutique WooCommerce ou Easy Digital Downloads.
- Exploration du panneau d'accueil
- Parcourir les moyens de gagner des points
- Échange de récompenses
- Partage des liens de parrainage
- Examen de l'activité de récompenses
- Aperçu de l'expérience visiteur
- Lien vers un panneau de widget
- Personnalisation du widget
- FAQ
Avant de commencer, assurez-vous que RewardsWP est installé et activé sur votre site WordPress.
Exploration du panneau d'accueil
Le widget de récompenses s'intègre aux pages visibles par le client de votre boutique, afin que les membres puissent l'utiliser sans quitter la page sur laquelle ils se trouvent. Il comporte deux parties :
- Lanceur : un bouton flottant que les clients cliquent pour ouvrir et fermer le widget.
- Panneau : la fenêtre coulissante qui contient toutes les fonctionnalités du programme de fidélité.
Le panneau d'accueil est ce que les membres voient lorsqu'ils ouvrent le widget pour la première fois. Il donne un aperçu rapide de leur statut, avec une carte pour chacun des autres écrans du widget.
Le tableau de bord comprend :
- Solde de points : le total actuel des points échangeables du membre, affiché en haut.
- Vos récompenses : le nombre de récompenses échangées que le membre a prêtes à l'emploi. Il ouvre la liste de ses coupons.
- Moyens de gagner : ouvre la liste de toutes les actions qui rapportent des points.
- Moyens d'échange : ouvre la liste des récompenses que les membres peuvent réclamer avec leurs points.
- Parrainez vos amis : lorsque le programme de parrainage est activé, cette carte donne aux membres leur lien de parrainage et des boutons de partage.
- Votre activité : ouvre l'activité de récompenses, l'historique complet des points et de parrainage du membre.
Le panneau d'accueil s'adapte aux programmes que vous avez activés. Si seul le programme de points est activé, les sections de parrainage n'apparaissent pas. Si seul le programme de parrainage est activé, les sections de points sont masquées.
Pour activer ou désactiver un programme, lisez Activer ou désactiver le programme de points et Aperçu du programme de parrainage.
Pour comprendre le fonctionnement des points, lisez Comprendre le programme de points.
Pour voir tous les panneaux avec des exemples de données avant de configurer le vôtre, essayez RewardsWP en direct.
Statut VIP
Avec le programme VIP activé, le panneau d'accueil affiche une carte de statut VIP avec le niveau du membre et sa progression vers le niveau suivant. Cliquer sur le niveau ouvre le panneau de statut VIP, avec les avantages du niveau, les cadeaux de bienvenue et une échelle de tous les niveaux. Sur les écrans internes du widget, l'en-tête affiche également le nom du niveau du membre sous son solde.
Pour en savoir plus sur le statut VIP dans le widget, lisez Afficher le statut VIP dans le widget Récompenses.
Parcourir les moyens de gagner des points
Les moyens de gagner affichent toutes les actions qui rapportent des points. Chaque entrée montre l’icône de l’action, ce que le membre doit faire et le nombre de points qu’il recevra. Certaines entrées ont également un bouton, comme Acheter pour effectuer un achat.
Une fois qu’un membre a accompli une action unique, telle que la création d’un compte, son entrée indique quand il l’a gagnée et combien de points il a obtenus.
La liste reflète la section Moyens de gagner de l’onglet Points, dans RewardsWP » Paramètres. Lorsque vous activez ou désactivez une action de gain dans l’administration, la liste du widget est mise à jour pour correspondre.
Pour configurer les points pour les inscriptions, les avis et les premières commandes, lisez Gagner des points lors des inscriptions, des avis et des premières commandes.
Acheter pour effectuer un achat ne peut rapporter que sur les articles que vous choisissez, avec l’option Articles spécifiques dans son réglage Gagner sur. Son entrée nomme alors l’article qui rapporte, ou indique « articles sélectionnés » lorsque vous en avez choisi plusieurs. Articles spécifiques nécessite une licence Plus ou supérieure.
Pour en savoir plus sur les points d’achat, lisez Gagner des points lors des achats.
Pour en savoir plus sur le choix de ce qui rapporte des points, lisez Exclure des produits des récompenses et des points.
Échange de récompenses
Les moyens de dépenser montrent toutes les récompenses que les membres peuvent réclamer avec leurs points. Chaque récompense affiche son titre, son coût en points et un bouton Échanger.
Lorsqu’un membre a suffisamment de points pour une récompense, le bouton Échanger est actif. Lorsqu’il n’a pas encore assez de points, le bouton est désactivé. Le panneau indique alors combien de points supplémentaires il lui faut.
Les récompenses listées ici correspondent à la section Moyens de dépenser de l’onglet Points, dans RewardsWP » Paramètres. Le réglage S’applique à d’une récompense de remise décide quels articles elle remise.
Pour ajouter des récompenses à cette liste, lisez Choisir les types de récompenses.
Confirmation d’un échange
Lorsqu’un membre clique sur Échanger, une étape de confirmation s’ouvre avant que des points ne soient dépensés. Sous « Avant d’échanger », elle liste les conditions de la récompense, y compris ce à quoi la récompense s’applique. Elle indique également combien de points le membre aura restants. Cliquer sur Pas maintenant revient aux Moyens de dépenser sans dépenser de points.
Une fois que le membre confirme, ses points sont déduits immédiatement et un code de coupon est généré. Le nouveau coupon apparaît sous Vos récompenses sur le panneau d’accueil, prêt à être appliqué à son panier.
Les conditions du coupon indiquent à quoi la récompense s’applique et si les articles en promotion conservent leur prix. Lorsqu’une récompense couvre ou exclut des articles spécifiques, les conditions listent jusqu’à cinq de leurs noms.
Partage des liens de parrainage
La carte Parrainez vos amis donne aux membres tout ce dont ils ont besoin pour partager leur lien de parrainage. Elle apparaît sur le panneau d’accueil lorsque le Programme de parrainage est activé.
Cette carte comprend :
- Récompenses : ce que le membre obtient pour un parrainage et ce que son ami obtient.
- Lien de parrainage : l’URL de parrainage unique du membre, qu’il peut copier en un clic. Une confirmation apparaît brièvement lorsque le lien est copié.
- Boutons de partage : des boutons prêts à l’emploi pour partager par e-mail, X et Facebook.
Pour définir ce que chaque partie reçoit, lisez Configuration des récompenses pour les défenseurs et Configuration des récompenses pour les amis.
Les paramètres des Options de partage dans l'onglet Widget contrôlent les boutons de partage qui apparaissent. Nous les abordons dans Paramètres des options de partage ci-dessous.
Examen de l'activité de récompenses
L'Activité des récompenses offre aux membres une vue claire de leur historique de points et de leur activité de parrainage. Les membres l'ouvrent depuis la carte Votre activité en bas du panneau d'accueil.
Lorsque plusieurs programmes sont activés, les membres voient des onglets pour basculer entre l'activité Points, VIP et Parrainages. Si un seul programme est activé, son activité s'affiche sans les onglets.
Onglet Points
L'onglet Points affiche une liste de toutes les transactions de points, les plus récentes en premier. Chaque entrée affiche ce qui s'est passé, le nombre de points ajoutés ou déduits, et quand cela s'est produit.
Les points gagnés apparaissent en vert avec un préfixe +. Les points dépensés ou déduits apparaissent en gris avec un préfixe -. Les points en attente affichent un badge en attente ambre.
Pour comprendre la signification de chaque statut, lisez Comprendre les statuts des points.
Onglet VIP
L'onglet VIP répertorie les changements de niveau du membre au fil du temps, tels que lorsqu'il a atteint ou accédé à un niveau.
L'onglet VIP apparaît tant que le Programme VIP est activé.
Onglet Parrainages
L'onglet Parrainages montre chaque ami que le membre a parrainé. En haut, une ligne de résumé indique le nombre de parrainages terminés et en attente. Chaque entrée affiche le nom de l'ami (prénom et initiale du nom, pour la confidentialité), ce qu'il a fait, un badge de statut et quand cela s'est produit.
Jusqu'à ce qu'un ami achète via le lien du membre, l'onglet affiche « Aucun parrainage pour le moment » avec un bouton Inviter des amis.
Ensuite, nous examinerons ce que les visiteurs voient avant de rejoindre votre programme.
Aperçu de l'expérience visiteur
Les visiteurs qui n'ont pas encore rejoint votre programme de récompenses voient un aperçu du widget conçu pour encourager les inscriptions. Au lieu de fonctionnalités réservées aux membres, il donne aux invités un avant-goût du programme.
Les invités voient :
- Rejoignez notre programme de récompenses : une courte description des avantages de l'adhésion, avec un bouton Rejoindre maintenant et un lien Connexion pour les membres existants.
- Points : comment fonctionne le programme de points, avec des liens vers les Moyens de gagner et les Moyens de dépenser.
- Parrainez vos amis : ce qu'un membre et son ami reçoivent d'un parrainage, lorsque le Programme de parrainage est activé.
Les invités peuvent parcourir les Moyens de gagner et les Moyens de dépenser pour voir ce qui est disponible. Cependant, chaque panneau affiche une invite de connexion au lieu de boutons actifs. Les invités ne peuvent pas échanger de récompenses ni ouvrir l'Activité des récompenses tant qu'ils n'ont pas créé de compte.
Avec le Programme VIP activé, les clients voient également un aperçu des niveaux VIP répertoriant ce que chaque niveau débloque et ce qu’il faut pour l’atteindre.
Lorsqu'un invité effectue un achat et crée ensuite un compte, RewardsWP lie ses commandes et lui attribue les points. De cette façon, les invités ne manquent pas les points qu'ils auraient gagnés s'ils s'étaient connectés.
Lien vers un panneau de widget
Vous pouvez lier directement à n'importe quel panneau de widget en ajoutant un lien de hachage à n'importe quelle page où le widget apparaît. Les liens de hachage ouvrent le widget sans recharger la page. Cela les rend bien adaptés aux menus de navigation, aux boutons et aux liens dans la page.
#rewardswp-home: Panneau d'accueil#rewardswp-earn: Moyens de gagner#rewardswp-redeem: Moyens de dépenser#rewardswp-rewards: Vos récompenses#rewardswp-activity: Activité des récompenses#rewardswp-activity-points: Activité de récompenses, dans l’onglet Points#rewardswp-activity-referrals: Activité de récompenses, dans l’onglet Parrainages#rewardswp-vip: Panneau Statut VIP#rewardswp-vip-tier-1: Panneau d’un niveau VIP, compté à partir du niveau le plus bas#rewardswp-join: formulaire d’inscription#rewardswp-login: formulaire de connexion
Les liens VIP fonctionnent lorsque le Programme VIP est activé. Pour ouvrir un niveau différent, changez le nombre à la fin : #rewardswp-vip-tier-1 est votre niveau le plus bas, #rewardswp-vip-tier-2 est le suivant, et ainsi de suite. Un membre ne voit pas les niveaux dont il ne remplit pas les conditions. Pour ce membre, les nombres sautent ces niveaux.
Par exemple, un élément de menu pointant vers votremagasin.com/boutique/#rewardswp-earn ouvre la page de la boutique et fait apparaître les Moyens de gagner.
Remarque : Les liens avec # ne fonctionnent pas dans les e-mails, car les clients de messagerie suppriment la partie # du lien. Dans un e-mail, remplacez #rewardswp- par ?rewardswp=, par exemple votremagasin.com/boutique/?rewardswp=earn.
Voici quelques façons courantes d’utiliser ces liens :
- Menus de navigation : ajoutez un élément de menu « Mes récompenses » pointant vers
#rewardswp-home. - Boutons sur les pages de destination : créez un lien vers les Moyens de gagner avec
#rewardswp-earn. - Campagnes par e-mail : créez un lien vers l’Activité de récompenses avec
?rewardswp=activity. - Promotions VIP : créez un lien vers le panneau Statut VIP avec
#rewardswp-vip, afin que les membres voient leur niveau et ce que le niveau suivant leur offre.
Ensuite, nous aborderons les paramètres qui modifient l’apparence du widget.
Personnalisation du widget
Vous pouvez modifier les couleurs, le texte, le lanceur et les boutons de partage du widget.
Depuis la barre latérale de votre administrateur WordPress, allez dans RewardsWP » Paramètres et cliquez sur l’onglet Widget.
Les paramètres sont regroupés en trois sections : Général, Lanceur de récompenses et Options de partage. Un aperçu à côté montre le widget. Les boutons Invité, Membre, Ami et Ami (réclamé) sous l’aperçu permettent de basculer entre ce que chaque type de visiteur voit.
Paramètres généraux
Les paramètres Généraux contrôlent les couleurs et le texte du panneau du widget.
- Couleur de marque : définit la couleur d’accentuation principale dans tout le widget, y compris les boutons, les badges et les éléments mis en surbrillance.
- Texte et icônes sur la couleur de marque : contrôle si le texte des boutons, l’icône du lanceur et le texte de l’en-tête sur votre couleur de marque sont clairs ou foncés. Auto, par défaut, choisit clair ou foncé en fonction de votre couleur de marque. Clair convient à une couleur de marque foncée. Foncé convient à une couleur de marque claire.
- Titre de bienvenue : le message de bienvenue dans l’en-tête du panneau, tel que « Bienvenue chez » ou « Salut ».
- Nom du programme : le nom de votre programme de récompenses affiché dans le widget, tel que « Mes récompenses » ou « Programme de fidélité ».
Paramètres du lanceur de récompenses
Les paramètres du Lanceur de récompenses contrôlent l’apparence du bouton flottant et son emplacement sur votre site.
- Affichage : choisissez ce que le lanceur affiche. Icône avec texte, par défaut, affiche l’icône du widget à côté d’une étiquette de texte. Texte affiche uniquement l’étiquette. Icône affiche uniquement l’icône pour un aspect plus compact.
- Texte : l’étiquette sur le bouton du lanceur. Elle est désactivée lorsque l’affichage est défini sur Icône uniquement.
- Position : choisissez si le lanceur se trouve sur le côté droit, par défaut, ou sur le côté gauche de l’écran.
Le lanceur reste dans une position fixe. Il reste visible lorsque les clients font défiler la page.
Paramètres des options de partage
Les options de partage contrôlent la manière dont les membres partagent leurs liens de parrainage à partir du widget. Vous pouvez activer les canaux que vous souhaitez proposer. Vous pouvez également modifier les messages prêts à l’emploi pour qu’ils correspondent à la voix de votre marque. Ces paramètres ne s’appliquent que lorsque le programme de parrainage est activé.
- X : affiche ou masque le bouton de partage X dans la carte « Recommandez vos amis ».
- Message X : le message prêt à l’emploi que les membres publient lorsqu’ils partagent sur X, jusqu’à 280 caractères. Espaces réservés disponibles :
{site_name},{advocate_name},{reward_name}et{referral_link}. - Facebook : affiche ou masque le bouton de partage Facebook.
- Email : affiche ou masque le bouton de partage par e-mail.
- Objet de l’e-mail : la ligne d’objet des e-mails de parrainage. Espaces réservés disponibles :
{site_name},{advocate_name},{reward_name}et{referral_link}. - Message de l’e-mail : le corps des e-mails de parrainage. Espaces réservés disponibles :
{site_name},{advocate_name},{reward_name}et{referral_link}.
Si vous laissez le Message X ou l’Objet de l’e-mail vide, RewardsWP utilise le message par défaut affiché sous le champ.
Remarque : Facebook n’autorise pas les messages prêts à l’emploi. Lorsqu’un membre partage son lien sur Facebook, Facebook lui demande d’écrire son propre message.
Lorsque le widget a l’apparence que vous souhaitez, cliquez sur Enregistrer les modifications à côté des onglets de paramètres.
C’est tout ! Vous savez maintenant ce que chaque panneau du widget de récompenses montre à vos membres et invités, et comment le personnaliser. Ensuite, pour choisir les produits qui rapportent des points ou qui bénéficient d’une réduction de récompense, lisez Exclure les produits des récompenses et des points.
FAQ
Ci-dessous, nous avons répondu à certaines des questions les plus fréquentes concernant le widget de récompenses.
Puis-je lier le widget depuis un menu de navigation ?
Oui. Vous pouvez utiliser un lien ancre, tel que #rewardswp-home, comme lien de n’importe quel élément de menu. Pour ajouter un lien personnalisé à un menu, consultez Comment ajouter un menu de navigation dans WordPress. Les liens ancres fonctionnent bien dans les menus car ils ouvrent le widget sans recharger la page. Consultez Lier à un panneau de widget pour tous les liens que vous pouvez utiliser.
Quelle est la différence entre le lanceur et le widget ?
Le lanceur est le bouton flottant sur lequel les clients cliquent pour ouvrir le widget. Le widget est le panneau coulissant complet qui contient tous les écrans de ce guide. Vous pouvez modifier les deux dans l’onglet Widget, à la section RewardsWP » Paramètres.
Les invités et les membres voient-ils des choses différentes ?
Oui. Les membres voient leur propre solde de points, leur lien de parrainage et leur historique d'activité complet. Les invités voient un aperçu du programme avec des incitations à rejoindre. Les deux peuvent parcourir les Moyens de gagner et les Moyens de dépenser. Seuls les membres peuvent échanger des récompenses.
Pourquoi le solde d'un membre affiche-t-il un nombre négatif ?
Lorsque vous remboursez une commande, RewardsWP reprend les points qu'elle a gagnés, même si le membre les a déjà dépensés. Si cela amène le solde en dessous de zéro, le widget Récompenses et la liste des membres l'affichent comme un nombre négatif. Le membre peut à nouveau échanger une fois qu'il a regagné ces points.
Puis-je renommer les points ?
Oui. Pour ce faire, allez à RewardsWP » Paramètres et cliquez sur l'onglet Points. Ensuite, trouvez la devise des points sous la section Personnalisation des points. Là, vous pouvez définir un nom pluriel, tel que « Étoiles », et un nom singulier, tel que « Étoile ». Le nouveau nom apparaît dans tout le widget et l'activité des récompenses.