Codes promo et coupons

Codes promo

Les promotions par codes promo et par coupons sont une stratégie marketing utilisée pour fournir aux utilisateurs des codes leur permettant de bénéficier des objets bonus. Pour activer un code, l’utilisateur le saisit dans un champ dédié du catalogue.

Les codes promo sont utilisables au moment de l’achat, et les coupons, après que l’utilisateur a saisi un code.

La configuration d’une personnalisation est disponible avec n’importe quel type d’authentification : par ID utilisateur ou via Xsolla Login.

Flux utilisateur

  1. L'utilisateur accède à la page de destination avec un bloc Promocodes.

  1. L'utilisateur clique sur Log in et s'identifie par son ID utilisateur ou via Xsolla Login.
  2. L'utilisateur saisit le code dans le champ prévu à cet effet dans l'interface, puis clique sur le bouton situé à droite de ce champ.

  1. Une fenêtre modale s'ouvre :
    • lors de l'activation d'un code promo, affichant des informations sur les réductions et les bonus ;
    • lors de l'utilisation d'un coupon, affichant des informations sur les réductions et les bonus que l'utilisateur a déjà reçues.
Note
Si le code est incorrect, l’erreur sera décrite sous le champ de saisie du code.
Exemple : la limite d’utilisation a été atteinte.

  1. Pour les promotions par codes promo :
    1. Un catalogue à jour est présenté, affichant les remises et les objets bonus disponibles en utilisant un code promo.

Avant de finaliser un achat, l’utilisateur peut annuler l’application d’un code promo, le catalogue est alors mis à jour et s’affiche sans les remises et bonus associés au code promo. Dans ce cas, le code promo n’est pas considéré comme utilisé.

    1. L'utilisateur effectue un achat, après quoi le code promo est considéré comme utilisé.

Si des objets bonus sont associés au code promo, ils sont crédités à l’utilisateur.

Comment configurer

Pour ajouter un champ de saisie de code à votre site web :

Consultez l’onglet correspondant dans la section Comment ça marche pour obtenir des informations détaillées sur la configuration des coupons et des codes promo.

Les promotions par code promo permettent aux utilisateurs d’acheter des articles à prix réduit et de recevoir des objets bonus configurés dans la promotion. Le champ pour entrer un code promo peut être affiché dans le catalogue ou le panier. Un seul code promo peut être appliqué à un achat.

Avis

Vous pouvez configurer différents types de promotions pour un article : remises, codes promo et bonus.

Si plusieurs promotions sont valables pour un objet au moment de l’achat, les remises sont appliquées à l’objet une par une. L’ordre dans lequel les remises sont appliquées n’a pas d’importance.

Exemple :

Le prix d’un objet virtuel est de 10 $. Dans le Compte éditeur, les promotions suivantes ont été créées pour les objets virtuels :

  • Promotion par réduction Black Friday avec une remise de 10 % du 4 au 30 novembre
  • Promotion par réduction Soldes avec une remise de 20 % du 15 novembre au 15 décembre
  • Promotion avec un code promo pour une remise de 5 % du 4 au 30 novembre

Si l’objet est acheté le 20 novembre, les promotions par réduction et la promotion par code promo sont toutes valides.

Le prix total de l’objet virtuel est ensuite calculé comme suit : ((10 $ - 10 %) - 20 %) - 5 % et sera de 6,84 $.

Créer une nouvelle promotion par code promo

Pour créer une promotion par code promo :

  1. Dans votre projet dans le Compte éditeur, allez dans la section LiveOps > Canvas.
  1. Dans le projet dans votre compte pour les jeux mobiles, allez dans la section Operations > LiveOps.
  1. Commencez à créer une promotion en utilisant l’une des options suivantes :
    • Option 1 :
      1. Dans la barre d'outils, cliquez sur l’ icône.
      2. Dans la zone de liste des promotions, cliquez sur l'icône +.
      1. Sélectionnez promo codes et cliquez sur Create.
    • Option 2 : Dans la barre d'outils, cliquez sur l'icône + et sélectionnez Promo codes.
    • Option 3 : Ouvrez le menu contextuel n'importe où sur le canvas et sélectionnez Promo codes.
  1. Spécifiez les paramètres de base :
    • Nom de la promotion.
    • ID externe — un ID unique de promotion utilisé pour gérer les promotions via des appels API.
  2. Définissez quand l'utilisateur peut utiliser un code promo en sélectionnant l'une des options dans le champ Redemption timeframe :
    • Avant l'achat — le code promo peut être utilisé sans effectuer d'achat. Dans ce cas, l'utilisateur ne peut recevoir que des objets bonus. Les paramètres de remise ne sont pas disponibles pour cette option.
    • À tout moment — le code promo ne peut être utilisé que lors d'un achat. Dans ce cas, l'utilisateur peut recevoir des objets bonus, des remises sur des articles spécifiques et/ou une remise sur l'ensemble du panier.
  3. Ajoutez des objets bonus :
    1. Activez la bascule Bonus items.
    2. Cliquez sur Select items.
    3. Dans la fenêtre qui s'ouvre, cochez les cases à côté des articles requis et spécifiez leur quantité.
    4. Cliquez sur Add items.
  1. Pour ajouter une remise à l'ensemble de l'achat (facultatif, indisponible pour le type d'utilisation Avant l'achat) :
    1. Activez la bascule Apply discount to entire purchase.
    2. Spécifiez le pourcentage de la remise.
  2. Pour ajouter une remise sur des articles spécifiques (facultatif, indisponible pour le type d'utilisation Avant l'achat) :
    1. Activez la bascule Apply discount on selected items only.
    2. Spécifiez le pourcentage de la remise.
    3. Cliquez sur Select items.
    4. Dans la fenêtre qui s'ouvre, cochez les cases à côté des articles requis.
    5. Cliquez sur Add items.
  1. Cliquez sur Next.
  2. Ajoutez des conditions et des limitations (facultatif) :
    1. Pour limiter le nombre total d'utilisations du code promo, activez la bascule Promo code redemptions limit et entrez le nombre requis.
    2. Pour limiter le nombre d'utilisations par utilisateur, activez la bascule Promo code redemptions limit per user et entrez le nombre requis.
    3. Pour limiter le nombre d'utilisations par code promo unique, activez la bascule Unique promo code redemptions et entrez le nombre requis.
  3. Cliquez sur Next.
  4. Spécifiez la période de la promotion.
  5. Cliquez sur Next.
  6. Vérifiez les paramètres de la promotion.
  7. Pour activer la promotion immédiatement (facultatif), activez la bascule Create in Active status.
  8. Cliquez sur Create.
  1. Pour ajouter la promotion par code promo créée au site (facultatif) :
    1. Ouvrez le site dans le builder en cliquant sur Open ou Open in Site Builder sur la bannière dans le formulaire d’édition.
    2. Suivez les instructions de la section Configurer l’utilisation des codes promo dans votre application ou site web.

Les promotions par code promo sont créées par défaut à l’état désactivé et ne contiennent aucun code promo pour l’utilisation.

Sur le canvas, des liens visuels sont affichés entre la carte de promotion et les objets de la promotion.

Pour gérer leur affichage, cliquez sur l’icône ou à droite de toute carte d’objet promotionnel, à côté de l’ icône. Si un objet est inclus dans plusieurs promotions, un seul lien peut être affiché à la fois.

Note

Lors de la configuration d’une promotion via le canvas, les options suivantes ne sont pas disponibles :

  • Configurer une promotion avec des clés de jeu.
  • Configurer une remise avec des pourcentages fractionnaires.
  • Configurer une promotion sans date de fin.

Des options avancées pour configurer des promotions par code promo sont disponibles via Compte éditeur et appels API.

Ajouter des codes promo

Pour ajouter des codes promo à la promotion :

  1. Ouvrez la promotion pour l’édition.
  1. Cliquez sur Add promo codes.
  2. Ajoutez le nombre requis de codes promo :
    • Pour générer des codes promo automatiquement :
      1. Sélectionnez Auto-generated et spécifiez le nombre de codes promo.
      2. Cliquez sur Generate.
    • Pour ajouter un code promo manuellement :
      1. Sélectionnez Manually entered.
      2. Cliquez sur Create.
Note
Les codes promo sont sensibles à la casse. Par exemple, winter2021 et WINTER2021 sont des codes promo différents.
  1. Pour exporter un fichier avec la liste des codes promo (facultatif), cliquez sur Download CSV.

Activer la promotion

Vous pouvez activer la promotion de la manière suivante :

  • Depuis la carte de la promotion :
  • Depuis la liste des promotions :
  • Lors de l’édition de la promotion :
Note
Les promotions actives ne peuvent pas être modifiées. Pour changer les paramètres d’une promotion, désactivez-la d’abord.

Configurez l'utilisation des coupons dans l'application ou sur le site web

Utilisation du code promo dans l'interface utilisateur

  1. Dans l’interface utilisateur de l’application (dans le catalogue ou le panier), implémentez les éléments suivants :
    • un champ pour la saisie du code promo
    • éléments de l’interface utilisateur permettant d’afficher les récompenses et les remises liées aux codes promo
    • un formulaire de sélection de récompenses liées aux codes promo (le cas échéant).
    • un bouton pour appliquer le code promo
  2. Implémentez la logique du code promo à l’aide des appels API côté client suivants :
TâcheAppel API
Vérifier si le code promo est valide.Vérifier un code promotionnel.
Obtenir la liste des plateformes de distribution de jeux à afficher à l’utilisateur lorsqu’une clé de jeu est fournie en bonus via un code promo.

Lire les récompenses d’un code promo.

Si la réponse renvoie is_selectable=true, pour chaque objet avec type=unit, affichez un formulaire permettant de choisir un élément parmi ceux de unit_items. Dans ce formulaire, l’utilisateur ne peut sélectionner qu’un seul élément par type unit.

Le paramètre type=unit est passé pour les clés de jeu. Dans ce cas, l’utilisateur sélectionne une plateforme de jeu.

Afficher le catalogue mis à jour en tenant compte des remises et des objets bonus lié à un code promo.Utilisez les appels de la sous-section Catalog. Vous devez passer le code promo dans le paramètre de requête promo_code.
Acheter un objet spécifique directement (sans l’ajouter au panier) et utiliser un code promo.

Créer une commande à partir d’un objet spécifique.

Vous devez passer le code promo dans le paramètre de requête promo_code.

Appliquer un code promo et mettre à jour le contenu du panier et le coût total (appliquer les remises et ajouter les objets bonus).

Échanger un code promo.

Vous devez passer le code promo dans le paramètre de requête coupon_code.

Note
Pour vérifier en complément combien de fois un utilisateur peut encore appliquer un code promo dans le cadre d’une campagne, utilisez l’appel API côté serveur Lire la limite de code promo pour un utilisateur spécifique.
  1. Assurez-vous que le système attribue correctement les objets à l’utilisateur lors de l’utilisation du code promo.
  1. Si vous avez déjà implémenté un magasin intégré à l'application ou au site web, aucune configuration supplémentaire n'est nécessaire. Les objets associés à un code promo sont attribués à l'utilisateur de la même façon qu'un achat standard.
Note
Les clés de jeu sont envoyées à l’utilisateur par e-mail ou via le système des droits.

Utilisation de codes promo sur un site web créé avec Xsolla

Avis
Vous ne pouvez ajouter la fonctionnalité d’utilisation de coupons et de codes promo qu’aux sites web créés à l’aide du modèle Web Shop.

Pour afficher le champ de saisie du code sur le site web :

  1. Ouvrez le projet dans le Compte éditeur et accédez à la section Storefronts > Websites.
  1. Ouvrez le projet dans votre compte et accédez à la section Web Shop.
  2. Dans la section Sites, sélectionnez votre site et cliquez sur Open Site Builder.
  1. Si votre site comporte plusieurs pages, sélectionnez celle qui vous intéresse :
    1. Appuyez sur le titre de la page actuelle en haut du constructeur.
    2. Sélectionnez la page souhaitée dans la liste déroulante.
  2. Dans la zone principale du constructeur, choisissez l’emplacement où vous souhaitez ajouter un nouveau bloc, puis cliquez sur Add block.
  3. Sélectionnez le bloc Promo codes.
  4. Personnalisez l’apparence du bloc (facultatif) :
    • Modifiez l’en-tête et le texte descriptif du bloc.
    • Définissez un arrière-plan personnalisé pour le bloc.
    • Modifiez le style du bouton.
    • Modifiez le texte du bouton pour utiliser un coupon.
Note
Le texte par défaut du bouton pour utiliser un coupon ou activer un code promo est Redeem. Pour le modifier, appuyez deux fois dessus et entrez le texte à afficher sur le site.
  1. Pour appliquer les modifications, publiez le site web :

    1. Dans le coin supérieur droit du constructeur, appuyez sur Publish.
    1. Cochez les cases à côté des pages que vous souhaitez publier.
    1. Appuyez sur Publish.

Note

Si la publication du site n’est pas disponible, vérifiez que toutes les conditions sont remplies :

  • Il n’y a aucune section vide dans le constructeur (marquée d’un indicateur rouge).
  • Le contrat de licence avec Xsolla est signé.
  • La page principale est publiée ou sélectionnée pour la publication. Vous ne pouvez pas publier les pages enfant avant la page principale.
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.
Dernière mise à jour: 24 Août 2026

Faute de frappe ou autre erreur dans le texte ? Sélectionnez le texte concerné et appuyez sur Ctrl+Entré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 !
Impossible d'envoyer votre commentaire
Réessayez plus tard ou contactez-nous à [email protected].