Quêtes sociales

Présentation

Les quêtes sociales sont des activités ludiques disponibles dans le Web Shop, qui récompensent les utilisateurs pour leur engagement sur les réseaux sociaux, renforçant ainsi leur fidélité et stimulant la croissance de la communauté.

Les utilisateurs accomplissent des tâches simples, comme regarder une vidéo YouTube, rejoindre un serveur Discord ou visiter une page de jeu, et reçoivent en récompense des points de fidélité.

Les récompenses sont attribuées automatiquement et apparaissent dans le solde du compte de l’utilisateur dans le Web Shop ainsi qu’au moment du paiement, une fois la quête terminée.

Cette fonctionnalité est intégrée via Xsolla Site Builder et ne requiert aucun développement supplémentaire. Ajoutez simplement le bloc Social Quests et définissez les types de quêtes ainsi que les récompenses.

Les quêtes sociales stimulent l’engagement, renforcent la fidélité des utilisateurs et développent votre communauté en récompensant les actions sociales avec des avantages concrets.

Avantages

• Croissance de l’audience

• Les Quêtes redirigent les utilisateurs depuis des plateformes sociales comme Discord et YouTube vers votre Web Shop ou vos réseaux sociaux, générant ainsi un trafic gratuit et organique.

• La prise en charge de plateformes supplémentaires, telles que Reddit, Steam, X et TikTok, sera bientôt implémentée.

• Taux de conversion et valeur moyenne des commandes plus élevés

• Les utilisateurs utilisent leurs points lors du paiement, ce qui incite aux achats répétés et augmente la valeur moyenne du panier.

• Automatisation et intégration simple

• Les récompenses sont attribuées automatiquement à la fin de la quête. Aucun appel API ni configuration de serveur supplémentaires ne sont nécessaires.

• Configuration rapide

• Vous pouvez ajouter le bloc Social Quests à votre Web Shop via Xsolla Site Builder et le configurer sans coder.

• Personnalisation complète

• Personnalisez entièrement le bloc Social Quests pour refléter votre marque : modifiez images, textes et visuels afin de les harmoniser avec le design de votre Web Shop.

Exigences

Pour utiliser les quêtes sociales, vous devez :

• créer un Web Shop à l’aide de Xsolla Site Builder.
• configurer à l’avance un programme de fidélité afin d’attribuer des points aux utilisateurs.

Pour enrichir l’expérience et accéder à des types de quêtes supplémentaires, connectez un bot Discord au Compte éditeur, dans la section Storefronts > Discord Bot

Flux utilisateur

1. L’utilisateur ouvre le Web Shop et voit le bloc Social Quests.
2. L’utilisateur sélectionne une quête, par exemple, Connecter Discord — 100 XP.
3. L’utilisateur effectue l’action requise : il connecte son compte Discord, regarde une vidéo YouTube ou visite la page du jeu.
4. Une fois la quête terminée, l’utilisateur reçoit une notification indiquant les points de fidélité gagnés, par exemple +100 XP ajoutés !)
5. L’utilisateur retourne dans le Web Shop pour utiliser les points de fidélité gagnés.
6. Sur le solde Web Shop, l’utilisateur consulte les points de fidélité attribués, qu’il peut utiliser pour régler ses achats dans le Web Shop.

Comment configurer

Pour ajouter le bloc Social Quests :

1. Ouvrez le projet dans le Compte éditeur et accédez à la section Storefronts > Websites.
2. Dans la section Sites, sélectionnez votre site et cliquez sur Open Site Builder.
3. Cliquez sur Add block.
4. Choisissez le bloc Sal Quests.

5. Dans le panneau des paramètres, configurez les champs disponibles :

• 1. Activate quest : activation ou désactivation de la quête. Seules les quêtes activées apparaissent pour les utilisateurs dans le Web Shop.

• 2. Quest type sélectionnez le type en fonction de la plateforme :

• • Quêtes Discord :
    • connecter un compte
    • rejoindre un serveur Discord
    • visiter un serveur Discord

• • Quêtes YouTube :
    • connecter un compte YouTube
    • visiter une chaîne YouTube
    • regarder une vidéo YouTube

• 3. Quest title : nom de la quête affiché dans la boutique en ligne, par exemple Connectez votre compte Discord.

• 4. Description — court texte expliquant l'action à réaliser par l'utilisateur, par exemple : Autorisez Discord pour gagner des points bonus et débloquer de nouveaux avantages.

• 5. Loyalty point type — type de récompense attribuée à l'utilisateur après avoir terminé la quête.

• 6. Reward amount — nombre de points attribués à l'utilisateur pour avoir terminé la quête.

• 7. Liens en fonction de la plateforme :
     • URL Discord : liens d'invitation Discord ou liens vers des serveurs.
     • URL YouTube : lien vers une vidéo ou une chaîne sur YouTube.

• 8. Quest image : image personnalisée ou image par défaut, par exemple une bannière ou un arrière-plan.

• 9. Success modal — configurez la fenêtre affichée une fois la quête terminée :
     • Header — titre de la fenêtre modale, par exemple Quête terminée.
     • Description — texte du message affiché, par exemple 10 XP ajoutés à votre solde.
     • Image de la quête — image affichée après la réussite, par exemple une bannière de félicitations ou une icône de récompense.

• • Pour appliquer les paramètres configurés, appuyez sur Save.

6. Appuyez sur Preview dans le coin supérieur droit pour vérifier les modifications.
7. Pour appliquer les modifications, publiez le site :
   1. Dans le coin supérieur droit du constructeur, appuyez sur Publish.
   2. Sélectionnez les pages que vous souhaitez publier en cochant les cases correspondantes.
   3. Appuyez sur Publish.