Coupon sur ticket prédécoupé
Un ticket avec encoches et ligne de découpe : un code valide arrache le talon et fait tomber un tampon de remise.
Réglages
Code
<form class="uvq06-cp"><div class="tk"><div class="sb" aria-hidden="true"><b>%</b><span>Coupon</span></div><div class="mn"><label for="uvq06-cp-in">Code promo</label><div class="rw"><input id="uvq06-cp-in" autocomplete="off" spellcheck="false" maxlength="12" placeholder="CODE"><button type="submit">Appliquer</button></div><p class="ms" aria-live="polite">Essaie AIMRAN20</p></div></div><span class="stp" aria-hidden="true">−20 %</span></form>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Champs
Voir tout : ChampsOù l’utiliser
Un champ de code promo en forme de ticket papier. Des masques CSS découpent les encoches rondes de part et d'autre d'une ligne en pointillé, et le talon porte un grand signe pourcentage. Avec un code valide, le talon pivote et s'efface tandis qu'un tampon encreur avec la remise tombe à sa place ; avec un mauvais code, le ticket tremble et explique pourquoi.
Règle la couleur principale sur celle de tes promotions et écris tes codes dans la petite table du script. Il convient aux paniers, aux récapitulatifs de paiement et aux inscriptions, idéalement sous le total pour que le tampon tombe près du prix.