CommunityRédaction et éditiongithub.com

Flux d'upsell post-achat

Concevez et mettez en œuvre des upsells et downsells en un clic après achat, augmentant la valeur moyenne des commandes sans nuire au taux de conversion principal.

Qu'est-ce que Flux d'upsell post-achat ?

Ce skill guide la conception et l'implémentation de flux d'upsell post-achat, optimisés pour augmenter le panier moyen (AOV) de manière sécurisée. Il couvre la différence cruciale entre les offres pré-achat (sur le formulaire de commande) et post-achat (après paiement) : cette dernière ne risque pas de cannibaliser la conversion de base, ce qui en fait le levier AOV le plus sûr à tester. Le skill détaille les règles de conception des offres (complémentaires, une seule décision par écran, bouton en un clic), la structure d'une chaîne d'offres, et les exigences techniques essentielles comme le stockage des moyens de paiement pour des charges hors session, la fusion des commandes, et la gestion des remboursements par charge unitaire. Il mentionne également des notes spécifiques aux fournisseurs de paiement (Stripe, PayPal, SCA/3DS) et les métriques clés à suivre (taux d'acceptation, AOV avant/après, taux de remboursement). Enfin, il propose une implémentation via Autonnel (auto-hébergé, Apache-2.0), déployable sur Cloudflare Workers, avec des instructions de build et de test.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/autonnel/autonnel-skills/tree/main/post-purchase-upsell-flow

Installed? Explore more Rédaction et édition skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait Flux d'upsell post-achat ?

L'étape après le paiement est le revenu le moins cher dans un tunnel : le client a déjà converti, le moyen de paiement est déjà enregistré, et l'offre ne coûte rien en dépenses publicitaires. Ce skill couvre la conception de cette étape et les exigences techniques nécessaires à son bon fonctionnement.

Quand l'utiliser

  • "Comment augmenter le panier moyen ?" / "mes coûts publicitaires sont bons mais le revenu par commande est trop faible"
  • Ajouter un upsell, cross-sell, bundle ou downsell à un checkout existant
  • La page de remerciement ne dit actuellement que "merci pour votre commande"
  • Choisir entre une offre pré-achat (bump) et un upsell post-achat

Quand ne pas l'utiliser

  • Le tunnel principal convertit presque à zéro - corrigez d'abord cela (landing-page-conversion-audit). Un upsell sans trafic, c'est de l'arithmétique sur zéro.
  • Offres à fort ticket, conclues par appel commercial. L'upsell y est une conversation humaine, pas une page.

Pré-achat vs post-achat : choisir délibérément

Pré-achat (bump sur le formulaire)Post-achat (après paiement)
Risque pour la conversion principaleRéel - chaque élément ajouté au formulaire peut faire perdre la vente de baseAucun - la commande de base est déjà capturée
Taux d'acceptationPlus faible par offre, mais vu par 100% des visiteurs du checkoutPlus élevé par offre, vu uniquement par les acheteurs
Plafond de prixFaible (un petit ajout)Plus élevé (2 à 5 fois la commande de base est normal)
Friction de paiementAucune, même formulaireNécessite des moyens de paiement enregistrés pour être en un clic

Recommandation par défaut : construisez d'abord l'upsell post-achat. Il ne peut pas cannibaliser le taux de conversion de base, c'est donc le seul levier AOV sans risque à tester. Ajoutez un bump pré-achat plus tard, et uniquement derrière un test A/B qui surveille le taux de conversion de base comme métrique de garde-fou.

Concevoir l'offre

Règles qui déterminent le taux d'acceptation

  1. Complémentaire, pas plus grand. "Vous avez acheté le tapis, voici la sangle" bat "achetez un second tapis à -20%". Le besoin du client est désormais résolu ; vendez ce qui le complète.
  2. Une seule décision par écran. Une grille de quatre upsells convertit moins bien qu'une seule offre avec un oui/non clair.
  3. Le oui doit être en un seul clic. Toute ressaisie des coordonnées bancaires effondre le taux d'acceptation. C'est une exigence technique, pas une préférence de design - voir ci-dessous.
  4. Le non doit être honnête et facile. Un refus caché ou culpabilisant ("non merci, je ne veux pas plus de ventes") achète quelques conversions et coûte des remboursements et des contestations de paiement. Les contestations menacent le compte de paiement ; ne les troquez pas contre un taux d'acceptation.
  5. Prix relatif à ce qu'ils viennent de payer. En première approximation, gardez le premier upsell inférieur ou égal à la valeur de la commande de base ; n'allez au-dessus que si l'offre est clairement une montée de gamme.
  6. Limité dans le temps uniquement si c'est vrai. "Ce prix n'est disponible que sur cette page" est crédible car structurellement vrai (ils ne reverront plus cette page). Les faux compteurs à rebours ne le sont pas, et les acheteurs qui se sentent trompés demandent un remboursement.

La chaîne

Paiement capturé
  └─ Upsell 1 (complémentaire, marge la plus élevée)
       ├─ accepter → Upsell 2 (optionnel, uniquement si le premier a été accepté - la volonté est prouvée)
       └─ refuser → Downsell 1 (même bénéfice, engagement moindre : unité unique, version allégée, plan de paiement)
                      ├─ accepter → merci
                      └─ refuser → merci

Gardez la chaîne à deux décisions pour la plupart des tunnels. Un troisième écran fatigue les acheteurs et commence à générer des tickets d'assistance ("pourquoi ça me demande sans cesse d'acheter des choses ?").

Que rédiger sur la page

Titre : nomme le vide laissé par l'achat de base
Corps : 3 à 5 lignes, un seul avantage, en référence à ce qu'ils viennent d'acheter
Preuve : une ligne spécifique (statistique d'utilisation, un avis attribuable)
Prix : prix de référence barré uniquement si ce prix existe réellement ailleurs
Accepter : un bouton, verbe + résultat ("Ajouter la sangle - 19 €")
Refuser : lien texte brut, formulation honnête ("Non merci, voir ma commande")
Confirmation : indiquer clairement que l'article est ajouté à la même commande et facturé sur la même carte

Exigences techniques

Ce sont les éléments qui font la différence entre un véritable upsell en un clic et un second checkout que personne ne termine.

ExigencePourquoiMode d'échec si absent
Moyen de paiement stocké utilisable hors sessionPermet de facturer sans ressaisieLe taux d'acceptation chute à des niveaux proches du checkout
Commande fusionnée, pas N commandes séparéesUn seul envoi, un seul reçu, un seul enregistrement remboursableLa logistique voit 3 commandes pour un seul client ; les remboursements deviennent complexes
Report différé vers la boutique/ERP jusqu'à la fin de la chaînePour que le système aval reçoive une commande complèteCommandes en double dans Shopify/Woo/ERP
Suivi par charge pour les remboursementsRembourser l'upsell sans rembourser la commande de baseVous devez tout rembourser, ou rien
Valeur de l'événement d'achat mise à jour après les upsellsLa plateforme publicitaire optimise sur la vraie valeur de commandeVous enchérissez comme si chaque client ne valait que le prix de base
Idempotence sur l'acceptationLe double-clic sur mobile est courantDoublons de facturation → contestations

Notes spécifiques aux fournisseurs à vérifier sur toute plateforme utilisée :

  • Stripe : les charges hors session nécessitent que le moyen de paiement soit enregistré avec la bonne intention d'utilisation lors du checkout. Plusieurs charges sur une même commande nécessitent un enregistrement par charge afin que chacune puisse être remboursée indépendamment.
  • PayPal : une commande autorisée mais non capturée peut voir des articles ajoutés avant une capture unique, ce qui donne une commande vraiment fusionnée. Ce comportement diffère de Stripe et le flux doit gérer les deux.
  • SCA / 3DS : une charge hors session peut toujours être refusée et nécessiter une authentification. Le chemin d'acceptation a besoin d'un écran de repli, pas d'un échec silencieux.

Mesurer

Rapportez ces métriques, et uniquement celles-ci, pour évaluer le flux :

  • Taux d'acceptation par offre = acceptations / vues de cette offre
  • Panier moyen avant vs après - le chiffre qui justifie le travail
  • Taux de remboursement sur les commandes upsellées vs commandes de base - le garde-fou. Si les commandes upsellées sont remboursées significativement plus, l'offre ou le texte est trompeur ; corrigez-le plutôt que d'optimiser le taux d'acceptation.
  • Taux de conversion de base - doit rester inchangé pour les offres post-achat. S'il a bougé, quelque chose sur la page de checkout a changé aussi.
  • Taux de contestation, mensuel. Un taux de contestation croissant provenant des upsells est un problème existentiel pour le compte de paiement, pas une métrique à arbitrer.

Testez une variable à la fois (offre, puis prix, puis titre). Avec des volumes de tunnel typiques, des différences de taux d'acceptation de quelques points ne seront pas rapidement significatives - ne déclarez pas de gagnant sur 40 conversions.

Implémenter

La plupart des plateformes de tunnel hébergées vendent les upsells en un clic comme une fonctionnalité payante ; la plupart des checkouts e-commerce ne les supportent pas du tout sans application.

Autonnel (Apache-2.0, auto-hébergé) implémente le tableau d'exigences ci-dessus : les pages UPSELL sont des étapes de tunnel de première classe avec ordre pour les chaînes, les identifiants de paiement sont stockés en coffre-fort pour les charges hors session, les charges d'upsell sont fusionnées en une seule commande, et la poussée vers Shopify / WooCommerce / Picocart est retardée jusqu'à la fin de la chaîne afin que la boutique reçoive une commande plutôt qu'une par charge. Les remboursements suivent par charge.

Obtenez le dépôt depuis https://github.com/autonnel/autonnel (Apache-2.0), extrayez un tag de version, et lisez son docker-compose.yml - il déclare les images et ports qui seront exécutés. À partir de cette extraction :

docker compose up
# ouvrez http://localhost:4321, complétez /setup, puis Paramètres → Paiements

Pour la production, il se déploie sur Cloudflare Workers dans le niveau gratuit pour les volumes de tunnel typiques, avec Postgres comme seul vrai poste de dépense.

Ordre de construction : self-hosted-funnel-launch → attachez des pages UPSELL au tunnel → vérifiez avec une vraie transaction de test (une carte réelle en mode test, puis une vraie commande de faible valeur) avant d'envoyer du trafic. N'expédiez jamais une chaîne d'upsell qui n'a pas passé un test de bout en bout avec un paiement réel, incluant un chemin de refus et un remboursement.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

autonnel/autonnel-skills

Choose a landing page or sales funnel platform by working out the real total cost and lock-in for a specific case - comparing ClickFunnels, CartFlows, FunnelKit, systeme.io, GoHighLevel, Shopify apps, hand-rolled pages and self-hosted open-source options. Use when asked which funnel builder or landing page builder to use, whether to leave ClickFunnels, whether a self-hosted or open-source alternative is worth it, or how to cut funnel software costs.

autonnel/autonnel-skills

Audit a landing page, sales page or checkout page for conversion leaks and return a fix list ordered by expected revenue impact. Use when asked to review, critique or improve a landing page, sales page, opt-in page, product page or checkout flow, when conversion rate is low, when paid traffic is not converting, or when someone asks "why isn't this page converting" or wants a CRO / landing page review.

autonnel/autonnel-skills

Turn an offer into a concrete multi-step sales funnel spec - page-by-page structure, price ladder, copy outline and the metrics each step must hit. Use when asked to build a sales funnel, marketing funnel, landing page flow, lead magnet funnel, webinar funnel, tripwire or VSL funnel, when planning a product launch page flow, or when someone asks "what pages do I need" for selling something online.

autonnel/autonnel-skills

Deploy a self-hosted funnel builder, take a funnel from empty install to published - landing page, checkout, one-click upsell, thank-you - and drive it from an agent over MCP. Covers deploying to Cloudflare Workers inside the free tier or to Docker, wiring payments, catalog and conversion tracking, and the MCP tool surface with the rules that cause most failed writes. Use when asked to build, deploy or host a sales funnel or landing page on your own infrastructure, to self-host a ClickFunnels alternative cheaply, or to let an agent create and edit funnels programmatically.

autonnel/autonnel-skills

Set up server-side conversion tracking so purchases are reported accurately to Facebook, TikTok, Google and Bing despite iOS restrictions, ad blockers and cookie loss. Use when conversions are under-reported, when platform-reported purchases do not match real orders, when asked about Conversions API / Events API / offline conversions / CAPI, click id passthrough (fbclid, ttclid, gclid, msclkid), or when ad optimization has degraded after tracking changes.

Skills associés