La façon la plus rapide de savoir si votre produit d'IA compte, c'est de demander aux gens de payer. Le paiement est donc un outil de validation, pas une finition de fin de projet, et c'est pourquoi Alinement en inclut un complet.
Un paiement en trois étapes
Le formulaire reste entier sur une seule page et se déverrouille étape par étape :
- Coordonnées et vérification du courriel. La personne entre ses informations et reçoit un code à 6 chiffres. Le reste du formulaire reste verrouillé jusqu'à ce que le code soit validé : vous n'encaissez jamais d'une adresse injoignable. Les clients connectés sautent cette étape.
- Code promo. Les codes s'appliquent avant le paiement et le rabais apparaît tout
de suite dans les totaux. Un code de lancement comme
LAUNCH20est le marketing le moins cher que vous ferez. - Paiement. Carte, PayPal et paiement intégré Flutterwave. Ajoutez votre clé publique Flutterwave et la fenêtre s'ouvre avec le montant et la devise déjà remplis.
Les forfaits mènent droit au paiement
Les boutons de tarifs sont de simples liens vers /fr/paiement/?plan=developer ou
?plan=business. Ils fonctionnent avant le chargement du JavaScript, se partagent
facilement par courriel, et le panier ne contient jamais qu'un forfait, puisqu'un
client achète une licence par commande. Les prix viennent d'un seul catalogue,
src/_data/plans.json, lu par la page de tarifs et par le paiement : les deux ne
peuvent pas se contredire.
Mesuré dès le départ
Chaque étape envoie un événement commerce GA4 : view_item_list sur les tarifs, puis
add_to_cart, begin_checkout et purchase. Les articles gardent le même
identifiant tout au long de l'entonnoir, ce qui permet à GA4 de les relier et de vous
montrer où les gens abandonnent. En développement local, les événements sont aussi
validés auprès du validateur Measurement Protocol de GA4, qui repère les événements
mal formés avant qu'ils ne faussent vos rapports.
Protégé sans friction
Chaque action protégée, dont la connexion, la vérification de code et les codes promo, obtient d'abord un jeton reCAPTCHA v3. Aucun casse-tête pour les vrais clients, et les robots sont filtrés. Si le jeton ne peut pas être obtenu, la personne voit un message clair plutôt qu'un bouton qui ne fait rien.
Passer en production
Le service de démo accepte tous les codes sauf 000000, ce qui permet de montrer
l'état d'erreur. Pour passer en production :
- Réglez
DATA_MODE=liveetAPI_BASE_URLpour que les codes promo soient validés par votre backend. - Ajoutez
FLUTTERWAVE_PUBLIC_KEY,RECAPTCHA_SITE_KEYetGA4_MEASUREMENT_ID. - Lancez
bun run deploy:check. Il refuse les versions de production qui utilisent encore des réglages d'exemple.
Le guide de configuration détaille chaque réglage. Avec le forfait Entrepreneur, nous branchons votre fournisseur de paiement pour vous.