Pourquoi je dois traduire le bon de commande ?
L’éditeur de page intégré vous permet déjà de traduire la majorité des éléments de votre bon de commande (titres, textes, boutons, mentions légales, etc.).
Mais il reste encore quelques zones techniques — notamment les taxes et le champ du code promotionnel — qui nécessitent une petite adaptation manuelle via un code personnalisé.
Pas de panique, on vous guide pas à pas 👇
Étape 1 : Vérifier les parties déjà traduites
Ouvrez votre bon de commande dans l’éditeur de page BizzBizz.io.
Traduisez directement tous les textes visibles dans la page (titres, boutons, mentions).
Enregistrez et prévisualisez la page pour voir ce qu’il reste à traduire.
👉 Vous remarquerez que certaines mentions (comme “Tax”, “Apply Coupon” ou “Discount”) peuvent rester en anglais. C’est normal : ces éléments se trouvent dans le code intégré du bon de commande.
Étape 2 : Ajouter un code de traduction dans les paramètres de suivi
Pour traduire ces zones spécifiques, nous allons insérer un petit script dans la section “Codes de suivi”.
Ouvrez votre page de bon de commande dans l’éditeur BizzBizz.io.
Cliquez sur → Codes de suivi.
Cliquez sur Statistiques de pied de page (Footer tracking code).
C’est ici que nous allons coller notre script de traduction !
Étape 3 : Fournir le contenu à Beezy pour créer votre code de traduction
Prenez une capture d’écran de votre bon de commande (tel qu’il apparaît sur votre page web).
Ensuite, copiez le message suivant et envoyez-le à Beezy :
Voici mon code de base pour traduire mon bon de commande.
Je veux que tu le reprennes mais cette fois-ci, modifie-le pour traduire en français
tout ce que tu vois en anglais sur la capture d’écran :
Voici mon code :
<script>
(function () {
const translations = {
'quantity': 'Quantité',
'order summary': 'Résumé de la commande',
'order subtotal': 'Sous-total',
'order total': 'Total',
'select country': 'Sélectionner le pays',
'your selection': 'Votre sélection',
'montant': 'Montant',
'enter coupon code': 'Entrer un code promo',
'apply': 'Appliquer',
'coupon code applied': 'Code promo appliqué',
'remove': 'Supprimer',
'coupon code is not valid!': 'Code promo invalide !'
};
function translateText(text) {
const key = text.trim().toLowerCase();
return translations[key] || text;
}
/* ✅ Sauvegarde des PRIX ORIGINELS pour le tracking */
function storeOriginalPrices() {
document.querySelectorAll('.item-price').forEach(el => {
if (!el.dataset.originalPrice) {
el.dataset.originalPrice = el.innerText;
}
});
}
/* ✅ Ton script de traduction complet — inchangé */
function translateAll() {
storeOriginalPrices(); // ✅ On protège les prix avant modification
try {
document.querySelectorAll(
'.product-title .item, .separator, .order-total .item, .order-total strong, .order-total .text, button.apply-btn, .--mobile-product-title .item'
).forEach(el => {
const txt = el.innerText.trim();
const newText = translateText(txt);
if (txt !== newText) el.innerText = newText;
});
document.querySelectorAll('.order-total .item').forEach(el => {
const txt = el.innerText.trim();
const tvaMatch = txt.match(/^Standard\s\(([^)]+)\)/i);
if (tvaMatch) {
let details = tvaMatch[1].replace(/included in prices?/i, 'inclus dans le prix');
el.innerText = `TVA (${details})`;
}
});
document.querySelectorAll('.item-description').forEach(el => {
el.innerText = el.innerText
.replace(/7 day trial and €/gi, '7 jours d\'essai gratuits puis ')
.replace(/after the trial period/gi, '')
.replace(/ per\s+year/gi, '€/an')
.replace(/ per\s+month/gi, '€/mois');
});
// ✅ Coupon spécial TRAFICPILOT
const couponApplied = document.querySelector('.coupon-applied-text, .--mobile-coupon-applied-text');
const isTraficPilot = couponApplied && couponApplied.innerText.includes('TRAFICPILOT');
document.querySelectorAll('.item-description').forEach(el => {
let txt = el.innerText;
if (isTraficPilot) {
txt = txt
.replace(/7 jours d'essai gratuits puis 950 ?€\/an/gi, "7 jours d'essai gratuits puis 450 €/an")
.replace(/7 jours d'essai gratuits puis 95 ?€\/mois/gi, "7 jours d'essai gratuits puis 45 €/mois");
}
el.innerText = txt;
});
document.querySelectorAll('.coupon-applied-text, .--mobile-coupon-applied-text').forEach(el => {
const html = el.innerHTML;
const newHtml = html.replace(/^Coupon code applied\s*/i, 'Code promo appliqué ');
if (html !== newHtml) el.innerHTML = newHtml;
});
document.querySelectorAll('.card-el-error-msg').forEach(el => {
const txt = el.innerText.trim();
const newText = translateText(txt);
if (txt !== newText) el.innerText = newText;
});
document.querySelectorAll('button.apply-coupon-btn').forEach(btn => {
const txt = btn.innerText.trim().toLowerCase();
if (txt === 'apply') btn.innerText = 'Appliquer';
if (txt === 'remove') btn.innerText = 'Supprimer';
});
const couponInput = document.querySelector('input[name="coupon_code"]');
if (couponInput && couponInput.placeholder.toLowerCase() === 'enter coupon code') {
couponInput.placeholder = 'Entrer un code promo';
}
document.querySelectorAll('.item-price').forEach(el => {
const txt = el.innerText.trim();
const match = txt.match(/^€\s?([\d.,]+)/);
if (match) el.innerText = `${match[1]} €`;
});
const countrySelect = document.querySelector('select[name="country"]');
if (countrySelect) {
const defaultOption = countrySelect.querySelector('option[value=""]');
if (defaultOption && defaultOption.innerText.toLowerCase() === 'select country') {
defaultOption.innerText = 'Sélectionner le pays';
}
}
document.querySelectorAll('button.form-btn .cart-icon').forEach(icon => {
icon.style.display = 'none';
});
} catch (e) {
console.warn('Erreur de traduction', e);
}
}
/* ✅ Traduction continue — mais départ différé pour laisser GA4 travailler */
setTimeout(() => {
(function loop(){
translateAll();
setTimeout(loop, 500);
})();
}, 1200);
})();
</script>
Voici ce que ça donne en pratique :
Il ne vous reste plus qu'à copier le nouveau code donné par Beezy :
Et le coller dans la partie "Code De Suivi" de votre page, comme nous vous l'avons montré au début de cet article :
Cliquez sur Sauvegarder et Publier votre page pour aller vérifier votre bon de commande en direct sur votre site (pas via l'éditeur de page) :
S'il manque une partie non traduite (ici, la partie "TVA Standart...") reparlez à Beezy en prenant en capture la partie non traduite et en lui disant :
Tu as oublié de traduire ça (voir capture ci-joint), redonne moi le code complet révisé afin que je le colle à nouveau dans ma page.
Dans votre code de suivi, supprimez l'ancien code et collez le nouveau code. Sauvegarder et Publier puis voyez ce que ça donne :
Félicitations ! Vous venez de traduire votre bon de commande et vous avez découvert comment gagner en liberté et flexibilité grace à Beezy et aux codes de suivi personnalisés.