Configurez la vente d’abonnements

Web Shop permet de vendre des abonnements directement via l’interface Web, sans passer par les magasins d’applications. Cette approche vous permet de garder le contrôle sur les conditions d’abonnement, d’intégrer des systèmes de paiement locaux et de réduire les coûts liés aux restrictions et commissions des plateformes tierces.

Xsolla fournit tous les outils nécessaires pour configurer et gérer les abonnements, aussi bien côté éditeur que côté utilisateur :

• De votre côté, la gestion des abonnements est disponible dans le Compte éditeur. Vous pouvez créer et configurer des offres pour chaque devise, définir des périodes d’essai, configurer des périodes de grâce, consulter la liste des utilisateurs abonnés, modifier le statut d’un abonnement pour un utilisateur spécifique, et bien plus encore.
• Les utilisateurs peuvent gérer leurs abonnements dans le Web Shop. Lorsqu’un utilisateur est connecté, le bouton Manage plan s’affiche pour ses abonnements actifs. En cliquant dessus, il accède à une interface de gestion lui permettant, entre autres, de consulter les informations de l’abonnement, de le renouveler ou de l’annuler.

Comment configurer

Pour ajouter des ventes d’abonnements au Web Shop :

1. Configurez un plan d’abonnement dans le Compte éditeur.

2. Configurez la vente d’abonnements sur votre site.
3. Implémentez la récupération des informations sur les abonnements achetés par l’utilisateur dans votre application.

Configurez la vente d'abonnements sur votre site

Pour proposer la vente d’abonnements, vous devez ajouter un bouton à votre site et configurer l’action Purchase subscription. Vous pouvez utiliser des boutons personnalisables dans les blocs Header, Card grid et Game editions.

Nous recommandons d’utiliser le bloc Cards grid pour la vente d’abonnements, il offre de nombreuses options de personnalisation, tant pour les cartes elles-mêmes que pour leur disposition.

Pour rendre les abonnements disponibles à l’achat dans le Web Shop :

1. Ouvrez le projet dans le Compte éditeur et accédez à la section Storefronts > Websites.
2. Sélectionnez votre site et cliquez sur Open Site Builder.
3. Dans la zone principale de l’éditeur, choisissez l’emplacement où vous souhaitez ajouter un nouveau bloc, puis cliquez sur Add block.
4. Ajoutez le bloc Card grid et configurez-le. Par exemple, indiquez un titre, définissez un arrière-plan et ajoutez des textes.
5. Dans la zone principale du constructeur, configurez la grille de cartes :

1. 1. Pour diviser une zone de grilles verticalement ou horizontalement, cliquez sur l'icône avec une ligne verticale ou horizontale dans le coin supérieur gauche de la zone.

1. 2. Pour régler la hauteur ou la largeur d'une zone, faites glisser l'icône ║ ou ═.

6. Accédez aux paramètres de la carte. Pour cela, cliquez sur l’icône ⚙.

7. Ajoutez un bouton d’achat d’abonnement à la carte :

1. 1. Cliquez sur Add button.

1. 2. Dans la liste déroulante Action, sélectionnez Purchase subscription.
   3. Dans la liste déroulante Subscription plan, sélectionnez le plan que vous avez créé précédemment.

1. 4. Modifiez le style du bouton (facultatif).

8. Personnalisez le texte du bouton d’achat d’abonnement (facultatif) :

1. 1. Dans la zone principale du constructeur, cliquez sur le texte du bouton.
   2. Entrez le texte souhaité. Par défaut, le bouton affiche le prix de l'abonnement ou le nombre de jours d'essai si une période d'essai est définie dans le plan sélectionné. Lors de la modification du texte, vous pouvez également inclure le prix de l'abonnement ou la période d'essai à l'aide des variables suivantes :

1. 1. • {priceDefault} — prix de base. En cas de promotion, cette valeur apparaîtra barrée.
      1. Exemple d'affichage du texte sur le site :
         • 0,09 $ par mois — si l'abonnement n'est pas en promotion.
         • 0,09 $ par mois — si l'abonnement est en promotion.
      • {pricePromo} — prix final de l'abonnement avec remise.
      • {trial} — nombre de jours d'essai.

9. Configurez les autres paramètres de la carte. Par exemple, ajoutez du texte, des images et un arrière-plan.
10. Configurez les autres cartes de la grille.

11. Pour appliquer les modifications, cliquez sur Publish.

Liens utiles