Comment connecter votre magasin à votre site

Comment ça marche

Implémenter Store sur votre site vous permet d’attirer plus de joueurs et d’améliorer la monétisation du jeu. Avec Store, vous pouvez vendre des clés de jeu (sauf le modèle Web Shop), des lots, des objets virtuels et des packages de monnaie virtuelle.

Démo de jeux

Démo de biens et monnaies

Note
Ces instructions sont destinées aux sites créés avec Site Builder. Si vous souhaitez connecter un magasin à votre propre site, suivez les instructions de création de magasin.

Flux utilisateur

  1. L'utilisateur se rend sur le site du jeu et accède à la section magasin.
  2. L'utilisateur se connecte au site.
  3. L'utilisateur clique sur la carte du bien et voit une description détaillée de celui-ci.
  1. L'utilisateur clique sur le prix.
  2. L'utilisateur procède à l'achat dans l'interface de paiement ouverte.

Flux d'intégration

  1. Créez un catalogue dans le Compte éditeur.
  2. Créez un bloc Store.
  3. Personnalisez le bloc Store.

Créer un catalogue

Pour créer un catalogue :
  1. Ouvrez votre projet dans le Compte éditeur.
  2. Dans le menu latéral, cliquez sur Store > Connect.
  3. Cliquez sur Connect à côté de la section contenant le type de bien que vous souhaitez vendre sur le site :
Note
Le modèle Web Shop ne prend pas en charge la vente de clés de jeu ou de lots contenant des clés de jeu.

Créer un bloc Store

Si vous créez un site avec un modèle Web Shop ou Store, le bloc Store est automatiquement ajouté au site.

Store dans le modèle Web Shop vous permet d’afficher des informations supplémentaires sur les cartes de biens :

  • Bonus — uniquement pour les promotions par bonus.
  • Minuterie de promotion — pour tout type de promotion. Un compte à rebours apparaît sur la carte du bien 30 jours avant la fin de la promotion et indique le temps de promotion restant.
  • Limite du nombre de fois que l’utilisateur peut utiliser la promotion — pour tout type de promotion, si le nombre d’utilisations est limité.
  • Limite du nombre de fois que l’utilisateur peut acheter le bien — pour les objets virtuels, si le nombre d’utilisations est limité.

Si vous créez un site avec d’autres modèles, ajoutez le bloc Store :

  1. Ouvrez votre projet dans le Compte éditeur.
  2. Dans le menu latéral, cliquez sur Site Builder.
  3. Cliquez sur Open Site Builder.

  1. Cliquez sur Add blockdans le modèle de site.

  1. Sélectionnez Store dans la liste des blocs.
  1. Dans la liste déroulante, sélectionnez le type de bien que vous souhaitez vendre sur le site et sélectionnez son groupe.
Note
Si la liste des biens est vide ou si vous souhaitez en créer un nouveau, cliquez sur le bouton de création ou sur le lien Set up purchases en bas de la section.

  1. Pour vendre des biens sur différentes parties du site, créez plusieurs sections avec un magasin. Pour ce faire, dans le menu du bloc Store, cliquez sur Add store section.

Le bloc Store ne prend pas en charge le panier et les codes promo. Pour connecter un panier à votre site, contactez votre responsable de la réussite client ou envoyez un e-mail à csm@xsolla.com.

Customiser un bloc

  1. Personnalisez le titre de section. Pour ce faire, cliquez sur le titre Store dans le modèle de site et modifiez son texte et son style.

  1. Sélectionnez une Item card layout.

  • Featured. Cette disposition de carte vous permet d'attirer l'attention de l'utilisateur sur des biens ou des offres spéciales. Nous vous recommandons d'utiliser cette disposition pour les promotions par bonus et par réduction, ainsi que pour les promotions et les biens avec des limites de durée ou de quantité.
    Dans les paramètres de disposition de la carte, vous pouvez :
    • masquer ou afficher l'image et la description d'un bien ;
    • ajuster ou maximiser l'image d'un bien ;
    • changer la couleur du texte ;
    • utiliser un arrière-plan personnalisé pour le carrousel.
  • Horizontal. Cette disposition de carte vous permet de placer le nom, la description et le prix du bien à droite de l'image.
    Dans les paramètres de disposition de la carte, vous pouvez :
    • masquer ou afficher l'image et la description d'un bien ;
    • ajuster ou maximiser l'image d'un bien ;
    • activer ou désactiver le défilement horizontal sur les appareils mobiles ;
    • utiliser un arrière-plan personnalisé pour la section.
  • Vertical. Cette disposition de carte vous permet de placer le nom, la description et le prix du bien au bas de l'image.
    Dans les paramètres de disposition de la carte, vous pouvez :
    • masquer ou afficher l'image et la description d'un bien ;
    • ajuster ou maximiser l'image d'un bien ;
    • activer ou désactiver le défilement horizontal sur les appareils mobiles ;
    • utiliser un arrière-plan personnalisé pour la section.
  • Large. Nous vous recommandons d'utiliser cette disposition de carte pour les lots et les bonus. Cette disposition affiche la composition de la carte sur la page de destination sans cliquer sur la carte.
    Dans les paramètres de disposition de la carte, vous pouvez :
    • masquer ou afficher l'image et la description d'un bien ;
    • ajuster ou maximiser l'image d'un bien ;
    • activer ou désactiver le défilement horizontal sur les appareils mobiles ;
    • utiliser un arrière-plan personnalisé pour la section.
Note
Pour les lots, vous ne pouvez utiliser que les dispositions Vertical, Large et Featured.
  • Une disposition de carte de bien distincte est utilisée par défaut pour les clés de jeu. Vous ne pouvez pas la modifier et elle n'est pas disponible pour les autres biens.
    Dans les paramètres de cette disposition de carte, vous pouvez :
    • masquer ou afficher l'image et la description d'un bien, la date de sortie et les plateformes de jeu ;
    • ajuster ou maximiser l'image d'un bien ;
    • activer ou désactiver le défilement horizontal sur les appareils mobiles ;
    • utiliser un arrière-plan personnalisé pour la section.
  1. Pour afficher votre site tel que le verront les utilisateurs, cliquez sur Preview dans le coin supérieur droit du constructeur.
Cet article vous a été utile ?
Merci !
Que pouvons-nous améliorer ? Message
Nous sommes désolés de l'apprendre
Dites-nous pourquoi vous n'avez pas trouvé cet article utile. Message
Merci pour votre commentaire !
Nous examinerons votre message et l'utiliserons pour améliorer votre expérience.
Évaluer cette page
Évaluer cette page
Que pouvons-nous améliorer ?

Préfère ne pas répondre

Merci pour votre commentaire !

Liens utiles

Dernière mise à jour: 4 Mars 2024

Faute de frappe ou autre erreur dans le texte ? Sélectionnez le texte concerné et appuyez sur Ctrl+Entée.

Signaler un problème
Nous améliorons continuellement notre contenu grâce à vos commentaires.
Indiquez votre adresse e-mail pour un suivi
Merci pour votre commentaire !