Contact: ne plus afficher la référence avant validation email

- Retire le bloc 'Numéro de référence client' de la page de succès
- Met à jour le message en FR/EN/MG : 'Vous recevrez ensuite votre numéro
  de référence client' après confirmation
- Désactive l'envoi immédiat de l'email EmailJS de bienvenue (qui
  contenait déjà la référence). HubSpot envoie son email de
  double opt-in qui sera customisé pour inclure la référence
  via le token {{contact.reference_client}}.

Résultat : la référence n'est jamais visible avant que l'email ne soit
vérifié (puisque seuls les emails valides reçoivent le double opt-in).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
MVA Global Fret 2026-05-05 22:53:23 +02:00
parent c2e3b1e0d5
commit c713d40946
3 changed files with 9 additions and 14 deletions

View File

@ -78,13 +78,8 @@
<div class="form-success" id="formSuccess" role="alert">
<i class="fa-solid fa-envelope-circle-check" style="font-size: 2rem; color: var(--gold); display: block; margin-bottom: 12px;"></i>
<strong data-i18n="contact.successTitle">Vérifiez votre boîte mail !</strong><br>
<span data-i18n="contact.successMsg">Pour finaliser votre inscription, cliquez sur le lien de confirmation que nous venons de vous envoyer par email.</span>
<div id="refNumberBlock" style="margin-top: 16px; padding: 14px 20px; background: var(--navy); border-radius: 8px; border: 2px solid var(--gold);">
<p style="margin:0 0 4px; font-size:0.85rem; color: var(--gold); font-weight:600;" data-i18n="contact.refLabel">VOTRE NUMÉRO DE RÉFÉRENCE CLIENT</p>
<p id="refNumberDisplay" style="margin:0; font-size:1.6rem; font-weight:700; color:#fff; letter-spacing:2px;"></p>
</div>
<p style="margin-top:12px; font-size:0.9rem; color: var(--text-light);" data-i18n="contact.successNote">Conservez ce numéro précieusement — il vous sera utile pour suivre vos colis.</p>
<p style="margin-top:8px; font-size:0.85rem; color: var(--text-light);" data-i18n="contact.emailSent">📧 Email envoyé — pensez aussi à vérifier vos spams.</p>
<span data-i18n="contact.successMsg">Pour finaliser votre inscription, cliquez sur le lien de confirmation que nous venons de vous envoyer par email. Vous recevrez ensuite votre numéro de référence client.</span>
<p style="margin-top:12px; font-size:0.85rem; color: var(--text-light);" data-i18n="contact.emailSent">📧 Email envoyé — pensez aussi à vérifier vos spams.</p>
</div>
<!-- DÉJÀ INSCRIT -->

View File

@ -277,16 +277,16 @@ function setLoading(isLoading) {
function showSuccess(refNumber, clientData) {
const successEl = document.getElementById('formSuccess');
const form = document.getElementById('contactForm');
const refDisplay = document.getElementById('refNumberDisplay');
if (refDisplay && refNumber) refDisplay.textContent = refNumber;
if (successEl) {
successEl.classList.add('show');
successEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
}
if (form) form.style.display = 'none';
// Envoi de l'email de bienvenue au client (sans bloquer l'affichage)
if (clientData) sendWelcomeEmail(clientData);
// L'email de bienvenue avec la référence client n'est plus envoyé ici.
// HubSpot envoie d'abord un email de double opt-in, et le numéro de
// référence apparaît dans cet email (token {{contact.reference_client}}).
// → la référence ne fuite plus avant validation de l'email.
}
// ── EMAIL DE BIENVENUE ────────────────────────────────────────────────────────

View File

@ -151,7 +151,7 @@ const translations = {
submitBtn: "S'inscrire",
submitLoading: "Envoi en cours...",
successTitle: "Vérifiez votre boîte mail !",
successMsg: "Pour finaliser votre inscription, cliquez sur le lien de confirmation que nous venons de vous envoyer par email.",
successMsg: "Pour finaliser votre inscription, cliquez sur le lien de confirmation que nous venons de vous envoyer par email. Vous recevrez ensuite votre numéro de référence client.",
refLabel: "VOTRE NUMÉRO DE RÉFÉRENCE CLIENT",
successNote: "Conservez ce numéro précieusement — il vous sera utile pour suivre vos colis.",
emailSent: "📧 Email envoyé — pensez aussi à vérifier vos spams.",
@ -488,7 +488,7 @@ const translations = {
submitBtn: "Register",
submitLoading: "Sending...",
successTitle: "Check your inbox!",
successMsg: "To complete your registration, click the confirmation link we just sent to your email.",
successMsg: "To complete your registration, click the confirmation link we just sent to your email. You'll then receive your client reference number.",
refLabel: "YOUR CLIENT REFERENCE NUMBER",
successNote: "Keep this number safe — you'll need it to track your parcels.",
emailSent: "📧 Email sent — don't forget to check your spam folder.",
@ -825,7 +825,7 @@ const translations = {
submitBtn: "Hisoratra anarana",
submitLoading: "Alefa...",
successTitle: "Jereo ny boaty mailaka!",
successMsg: "Mba hahafenitra ny fisoratana anarana, tsindrio ny rohy fanamafisana nalefa tao amin'ny mailakao.",
successMsg: "Mba hahafenitra ny fisoratana anarana, tsindrio ny rohy fanamafisana nalefa tao amin'ny mailakao. Avy eo dia handray ny laharanao mpanjifa ianao.",
refLabel: "NY LAHARANAO MPANJIFA",
successNote: "Tehirizo tsara ity laharana ity — ilaina amin'ny fanaraha-maso ny entanao.",
emailSent: "📧 Nalefa ny mailaka — jereo koa ao amin'ny spam.",