Appliquer automatiquement un code promo au paiement

L’un des plus gros points de fuite des offres promotionnelles, c’est l’écart entre « l’utilisateur a vu le coupon » et « l’utilisateur a réellement saisi le code au paiement ». L’application automatique supprime entièrement cet écart : lorsqu’un visiteur a vu un coupon dans une campagne Personyze (ou ailleurs), Personyze peut insérer automatiquement le code dans le champ coupon du paiement — sans rien à recopier.

Quand l’utiliser

Campagnes promotionnelles sur tout le site, où la campagne elle-même affiche l’offre (« -15 % sur votre première commande — appliqué au paiement »).
Récupération des paniers abandonnés, quand vous avez fait revenir un visiteur avec une remise et voulez vous assurer qu’elle s’applique vraiment.
Offres de bienvenue personnalisées pour les nouveaux visiteurs ou des segments d’audience précis.
Remises fidélité / VIP appliquées discrètement pour les clients connus qui reviennent.

Fonctionnement

Le parcours comporte deux parties :

Ciblage — utilisez les audiences Personyze pour identifier les visiteurs qui doivent bénéficier de l’application automatique (par ex. « a vu la bannière -15 % dans cette session », « est un client qui revient », « a abandonné un panier au cours des 7 derniers jours »).
Action — sur la page de paiement, déclenchez une action qui place le code promo dans le champ coupon de votre paiement. Deux options de mise en œuvre :

Option 1 — action HTML (remplacement dans un emplacement)

L’approche la plus simple quand le champ coupon de votre paiement a un sélecteur stable. Utilisez une action HTML Personyze pour cibler l’attribut value du champ coupon (ou son conteneur) et y insérer le code. Cela fonctionne bien pour les modèles de paiement standard où le champ coupon est présent dans la page dès le départ.

Option 2 — action JavaScript

Pour les paiements dynamiques (parcours en plusieurs étapes à la Shopify, paiements React/Vue qui montent le champ coupon tardivement), utilisez une action JavaScript. Le script peut attendre l’apparition du champ, définir la valeur et déclencher un événement « change » pour que le framework de votre paiement voie la mise à jour :

// Example: wait for the coupon field, then insert code + trigger validation
var couponCode = 'WELCOME15';
var observer = new MutationObserver(function() {
  var input = document.querySelector('input[name="discount"], input[id*="coupon"]');
  if (input && !input.value) {
    input.value = couponCode;
    input.dispatchEvent(new Event('input',  { bubbles: true }));
    input.dispatchEvent(new Event('change', { bubbles: true }));
    // Optionally click the apply button
    var btn = document.querySelector('button[name="apply-discount"]');
    if (btn) btn.click();
    observer.disconnect();
  }
});
observer.observe(document.body, { childList: true, subtree: true });

Si vous avez besoin d’aide pour adapter cela à votre plateforme (Shopify, BigCommerce, Magento, sur mesure), écrivez à support@personyze.com — nous pouvons fournir des extraits propres à chaque plateforme.

Bonnes pratiques

Montrez toujours le coupon d’abord. Appliquer automatiquement un code que l’utilisateur n’a jamais vu peut sembler étrange. Affichez l’offre dans une bannière ou un popup de campagne, puis appliquez-la automatiquement au paiement.
Confirmez visuellement après l’application. Faites aussi afficher par l’action un petit message « Code WELCOME15 appliqué — vous avez économisé X € », pour que l’utilisateur comprenne ce qui s’est passé.
Testez dans un vrai parcours de paiement. L’aperçu visuel ne détectera pas les problèmes liés au comportement réel du formulaire. Utilisez le mode test dans la console avec un vrai produit dans le panier.
N’empilez pas des remises incompatibles. Si votre boutique n’autorise pas plusieurs coupons, l’application automatique peut échouer sans bruit ou remplacer un coupon existant. Ciblez l’audience avec soin.