T.V
- Si vous souhaitez vous lancer dans l'aventure de la création d'un programme de fidélité, un bon espace membre va être essentiel pour le rendre attrayant et en faire une expérience inoubliable. Après tout, il s'agit de la représentation centrale de votre programme ! Dans cet article, vous allez tout savoir sur les options de personnalisation de l'espace membre.
Autant vous prévenir : nous allons aborder de nombreux sujets. Prêt(e) ? Plongez-vous tout de suite dans le sommaire 👇🏼
Sommaire
- Mise en place de l'espace membre
- Présentation des widgets d'espace membre
- Ajouter un texte
- Ajouter une image
- Maîtrisez de A à Z votre image de marque
- Augmenter l'engagement des membres grâce à la gamification
Mise en place de l'espace membre 👀
L'espace membre est la page que vous allez intégrer ou publier sur votre site web. Il s'agit de la zone réservée au sein de laquelle les visiteurs autorisés (les membres) pourront accéder à et interagir avec votre programme de fidélité. Dans Qualifio, l'Éditeur vous permet de construire votre propre espace membre personnalisé.
Les personnes qui s'inscrivent à votre programme de fidélité ont donc leur propre compte (page privée) où elles peuvent voir toutes leurs informations. Vous ne voyez pas encore vraiment bien à quoi cet espace membre peut ressembler ? Ci-dessous, on vous montre un exemple afin d'y voir plus clair :
L'Éditeur 🎨
La section Éditeur est l'endroit où vous pouvez personnaliser la structure et le design de votre espace membre. Il s'agit notamment de la manière dont les cartes ou blocs de contenu (que nous appelons widgets) sont organisés au sein de la page.
Comment ajouter un widget ?
Pour commencer à construire votre espace membre, suivez les instructions ci-dessous :
- Cliquez sur Éditeur dans la barre supérieure.
- Faites glisser et déposez un widget dans la zone d'édition.
C'est aussi simple que ça ! Avec la fonction de glisser-déposer, l'Éditeur vous permet d'adapter l'espace membre à vos besoins, et ce quelles que soient vos compétences en matière de développement 🎉🎊🥳
Comment personnaliser un widget ?
Lorsque vous sélectionnez un widget, sur la gauche, vous verrez toutes les options de contenu et de design à votre disposition.
Comment supprimer un widget ?
Pour supprimer un widget à tout moment, il suffit de cliquer sur l'icône de corbeille qui apparaît lorsque vous passez la souris sur la carte :
Lorsque vous aurez terminé, vous pourrez publier les modifications sur votre site. Cliquez sur Sauvegarder puis Publier dans le coin supérieur droit de l'Éditeur.
Présentation des widgets d'espace membre
Jetons un coup d'œil à chacun des widgets disponibles.
Widget Profil
Il s'agit de la fiche profil du/de la membre. Elle peut afficher le nom du/de la membre, une photo et des informations supplémentaires si nécessaire (niveau, solde des devises...)
Widget Classement
Un widget qui présente les membres ayant le plus de points de fidélité (total à vie).
Widget Niveau
Un indicateur de niveau qui affiche le niveau actuel et éventuellement le prochain niveau à atteindre par le membre dans le programme.
Widget Catalogue des récompenses
Un widget qui permet aux membres de visualiser et d'obtenir des récompenses dans le cadre du programme.
Widget Historique des récompenses
Ici, les membres peuvent consulter une liste chronologique de leurs récompenses, qu'elles aient été utilisées ou que le code soit encore non consommé. Lorsqu'un membre sélectionne une récompense dans le catalogue et reçoit son code promo, ce dernier est affiché dans le widget afin qu'il puisse l'utiliser ultérieurement.
Widget Historique des transactions
Un widget qui permet aux membres de visualiser toutes les activités de gain et de dépense de points effectuées tout au long du programme.
📋 Remarque : il n'y a pas de limite au nombre de récompenses ou de transactions qui peuvent être affichées dans le widget.
Widget Devise
Le widget Devise est principalement un indicateur de points. Les membres peuvent y trouver leur solde actuel, leur total à vie et éventuellement une date d'expiration.
Les informations sur les points sont affichées en fonction de la devise choisie dans les options du widget. On vous détaille toutes les options associées aux devises dans cet article.
Widget Réseaux sociaux
Permet aux membres de connecter leurs comptes sociaux au programme de fidélité. Chaque membre décide lui-même ou elle-même s'il/elle souhaite le faire.
Widget Parrainage
Un widget qui affiche le lien ou le code de parrainage unique du membre. Il lui permet d'inviter ses amis et sa famille sur votre boutique en ligne afin de gagner des points.
L'affichage du lien ou du code de parrainage dépend des options du widget dans l'Éditeur :
Widget HTML
Le widget HTML vous permet de placer votre propre contenu HTML directement dans l'espace membre. À l'intérieur du widget, vous pouvez intégrer du HTML (texte et images) et de la CSS, mais pas de scripts JS.
📋 Remarque : par défaut, le contenu correspondra aux styles de votre espace membre tels que définis dans la rubrique "Design général". Utilisez de la CSS pour définir des styles plus spécifiques.
Widget Flux RSS
Intégrez des flux RSS personnalisés à votre espace membre afin de créer un centre d'information ou de proposer à vos membres une sélection de contenus divertissants. Il vous suffit de générer un flux à partir de n'importe quel site web et d'ajouter l'URL du flux pour l'afficher sur votre page de fidélité.
📝 Conseil de pro : vous pouvez adapter l'affichage du widget en insérant de la CSS personnalisée.
Ajouter un texte
Allez dans la barre latérale et faites glisser le widget "Texte" dans votre éditeur.
En utilisant les options dans la barre d'outils latérale, vous pouvez ajouter du texte riche et des liens.
Personnaliser les polices 🦄
Remarque : vous pouvez soit utiliser une police du kit Google, soit ajouter une police personnalisée.
- Allez dans Design général >> Texte.
- Ouvrez l'un des sélecteurs de police et cliquez sur Ajouter une police personnalisée.
- Nommez votre police.
- Si vous souhaitez utiliser une police qui fait partie du catalogue de Google, définissez la balise HTML <link> et la règle CSS @import de la police.
- Sinon, cliquez sur Police personnalisée. Nous prenons en charge les formats TTF, OTF et WOFF.
- Cliquez sur Ajouter la police.
- La liste des polices est automatiquement mise à jour.
Ajouter une image
Allez dans la barre latérale et faites glisser le widget "Image" dans votre éditeur.
Pour charger une image dans la carte, double-cliquez sur la miniature.
Maîtrisez de A à Z votre image de marque 🌈
La personnalisation du Design général et des Styles du widget constitue un outil pratique pour donner un aspect unique à votre espace membre.
Dans ces sections, vous pouvez modifier l'aspect visuel de votre espace membre. Les options de personnalisation disponibles comprennent les couleurs, les polices, les formes et bien d'autres choses encore.
Où accéder aux options de design ?
Vous pouvez effectuer toutes ces modifications graphiques dans la barre latérale gauche. Lorsque vous cliquez sur Sauvegarder puis Publier, le mode aperçu sera mis à jour avec les nouveaux changements.
Augmenter l'engagement des membres grâce à la gamification ✨
Vous utilisez le module Qualifio Engage ? Ses campagnes seront un excellent complément à votre programme de fidélité tout au long du parcours client. Qu'il s'agisse de répondre à des questions pertinentes pour votre marque ou de participer à un quiz pour gagner des points, ces contenus interactifs et exclusifs permettront de stimuler l'engagement des membres et de rendre votre programme unique en son genre.