Tiwana24 prépare le renforcement de ses services destinés aux entreprises, entrepreneurs, associations et particuliers.
Votre avis est précieux. Répondez à ces quelques questions en commentaire ou via notre formulaire.
‘ +
‘‘ +
‘‘ +
‘
TIWANA24 · SONDAGE
‘ +
‘‘ +
‘
Votre avis compte
‘ + ‘Aidez-nous Ă mieux vous servir
‘ + ‘Tiwana24 prĂ©pare le renforcement de ses services pour les entreprises, entrepreneurs, associations et particuliers. Six questions rapides, deux minutes de votre temps.
‘ + ‘‘ + ‘Bonus â les participants bĂ©nĂ©ficieront en prioritĂ© des offres spĂ©ciales de relance bientĂŽt dĂ©voilĂ©es.
‘;
document.getElementById(« t24startBtn »).addEventListener(« click », function(){ step = 0; render(); });
}
function renderQuestion(){
var q = QUESTIONS[step];
var selected = responses[q.id];
var optionsHtml = q.options.map(function(opt){
return ‘‘ +
‘‘ + opt + ‘
‘;
}).join(« »);
var otherHtml = q.other ? (
‘‘ +
‘Autre (prĂ©cisez)
‘
) : « »;
card.innerHTML =
‘‘ + q.eyebrow + ‘
‘ + ‘‘ + q.title + ‘
‘ + ‘‘ + (q.other ? » : ») + ‘‘ + ‘Une erreur est survenue lors de l\’envoi. RĂ©essaie, ou Ă©cris-nous directement.
‘; card.querySelectorAll(« .option »).forEach(function(el){ el.addEventListener(« click », function(){ selectOption(q, el.dataset.value); }); el.addEventListener(« keydown », function(e){ if (e.key === « Enter » || e.key === » « ) { e.preventDefault(); selectOption(q, el.dataset.value); } }); }); var otherInput = document.getElementById(« t24otherInput »); if (otherInput) otherInput.addEventListener(« input », function(e){ otherTexts[q.id] = e.target.value; }); document.getElementById(« t24backBtn »).addEventListener(« click », function(){ step–; render(); }); document.getElementById(« t24nextBtn »).addEventListener(« click », function(){ if (step === QUESTIONS.length – 1) { submit(); } else { step++; render(); } }); } function selectOption(q, value){ responses[q.id] = value; render(); if (value === « Autre ») { setTimeout(function(){ var el = document.getElementById(« t24otherInput »); if (el) el.focus(); }, 50); } } function submit(){ var nextBtn = document.getElementById(« t24nextBtn »); var errorMsg = document.getElementById(« t24errorMsg »); nextBtn.disabled = true; nextBtn.textContent = « Envoi en cours… »; var payload = { _subject: « Nouvelle rĂ©ponse au sondage Tiwana24 », _template: « table », _captcha: « false », « 1. DĂ©jĂ client Tiwana24 »: responses.q1 || « », « 2. Service souhaitĂ© »: responses.q2 === « Autre » ? (« Autre : » + (otherTexts.q2 || « »)) : (responses.q2 || « »), « 3. Principal frein »: responses.q3 === « Autre » ? (« Autre : » + (otherTexts.q3 || « »)) : (responses.q3 || « »), « 4. Budget mensuel »: responses.q4 || « », « 5. Type d’offre souhaitĂ© »: responses.q5 === « Autre » ? (« Autre : » + (otherTexts.q5 || « »)) : (responses.q5 || « »), « 6. Plateforme suivie »: responses.q6 || « » }; fetch(« https://formsubmit.co/ajax/ » + FORM_TARGET_EMAIL, { method: « POST », headers: { « Content-Type »: « application/json », « Accept »: « application/json » }, body: JSON.stringify(payload) }) .then(function(res){ if (!res.ok) throw new Error(« Erreur rĂ©seau »); step = 6; render(); }) .catch(function(err){ console.error(« Erreur d’envoi du sondage : », err); nextBtn.disabled = false; nextBtn.textContent = « Envoyer mes rĂ©ponses »; if (errorMsg) errorMsg.style.display = « block »; }); } function renderThanks(){ card.innerHTML = ‘‘ + ‘RĂ©ponses envoyĂ©es
‘ + ‘Merci pour votre confiance.
‘ + ‘Ensemble, faisons grandir les entreprises et les talents du Burkina Faso.
‘ + ‘Bonus â vous bĂ©nĂ©ficierez en prioritĂ© des offres spĂ©ciales de relance bientĂŽt dĂ©voilĂ©es par Tiwana24.
‘;
}
function render(){
updateSignal();
if (step === -1) renderIntro();
else if (step === 6) renderThanks();
else renderQuestion();
}
render();
})();
#tiwana24-survey-root, #tiwana24-survey-root *{ box-sizing:border-box; }
#tiwana24-survey-root{
–indigo:#181C36;
–indigo-line: rgba(245,241,230,0.14);
–gold:#E3A857;
–gold-dim: rgba(227,168,87,0.16);
–signal:#E4572E;
–cloud:#F5F1E6;
–cloud-dim: rgba(245,241,230,0.62);
–radius: 18px;
font-family:’Inter’, sans-serif;
}
#tiwana24-survey-root .t24-wrap{
background: radial-gradient(circle at 50% -10%, #2A2F5C 0%, var(–indigo) 55%, #101326 100%);
border-radius: 24px;
padding: 28px 16px;
max-width:600px;
margin:0 auto;
}
#tiwana24-survey-root .app{ width:100%; max-width:560px; margin:0 auto; color:var(–cloud); }
#tiwana24-survey-root .brand{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:22px; gap:12px; }
#tiwana24-survey-root .brand-name{ font-family:’IBM Plex Mono’, monospace; font-size:12px; letter-spacing:0.16em; color: var(–gold); text-transform:uppercase; }
#tiwana24-survey-root .brand-name span{ color: var(–cloud-dim); }
#tiwana24-survey-root .signal{ display:flex; align-items:flex-end; gap:3px; height:16px; }
#tiwana24-survey-root .signal i{ display:block; width:4px; border-radius:2px; background: var(–indigo-line); transition: background 0.4s ease; }
#tiwana24-survey-root .signal i:nth-child(1){height:6px;}
#tiwana24-survey-root .signal i:nth-child(2){height:9px;}
#tiwana24-survey-root .signal i:nth-child(3){height:12px;}
#tiwana24-survey-root .signal i:nth-child(4){height:15px;}
#tiwana24-survey-root .signal i:nth-child(5){height:18px;}
#tiwana24-survey-root .signal i:nth-child(6){height:21px;}
#tiwana24-survey-root .signal i.on{background: var(–gold);}
#tiwana24-survey-root .step-label{ font-family:’IBM Plex Mono’, monospace; font-size:11px; color: var(–cloud-dim); margin-left:8px; }
#tiwana24-survey-root .card{
background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.01));
border: 1px solid var(–indigo-line);
border-radius: var(–radius);
padding: 30px 26px;
}
#tiwana24-survey-root .eyebrow{ font-family:’IBM Plex Mono’, monospace; font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color: var(–gold); margin:0 0 10px; }
#tiwana24-survey-root h1{ font-family:’Fraunces’, Georgia, serif; font-weight:600; font-size:24px; line-height:1.25; margin:0 0 8px; color:var(–cloud); }
#tiwana24-survey-root p.sub{ color: var(–cloud-dim); font-size:14.5px; line-height:1.55; margin:0 0 22px; }
#tiwana24-survey-root .options{ display:flex; flex-direction:column; gap:10px; }
#tiwana24-survey-root .option{ display:flex; align-items:center; gap:12px; padding:14px 16px; border:1px solid var(–indigo-line); border-radius:12px; cursor:pointer; user-select:none; transition: border-color 0.2s ease, background 0.2s ease; }
#tiwana24-survey-root .option:hover{ border-color: rgba(227,168,87,0.45); }
#tiwana24-survey-root .option.selected{ border-color: var(–gold); background: var(–gold-dim); }
#tiwana24-survey-root .dot{ width:18px; height:18px; border-radius:50%; border:1.5px solid var(–cloud-dim); flex:0 0 auto; position:relative; transition: border-color 0.2s ease; }
#tiwana24-survey-root .option.selected .dot{ border-color: var(–gold); }
#tiwana24-survey-root .dot::after{ content: » »; position:absolute; inset:3px; border-radius:50%; background: var(–gold); transform: scale(0); transition: transform 0.15s ease; }
#tiwana24-survey-root .option.selected .dot::after{ transform: scale(1); }
#tiwana24-survey-root .option .label{ font-size:15px; line-height:1.35; }
#tiwana24-survey-root .other-input{ margin-top:4px; width:100%; padding:12px 14px; border-radius:10px; border:1px solid var(–indigo-line); background: rgba(0,0,0,0.18); color: var(–cloud); font-family:’Inter’, sans-serif; font-size:14px; }
#tiwana24-survey-root .other-input::placeholder{ color: rgba(245,241,230,0.4); }
#tiwana24-survey-root .nav{ display:flex; justify-content:space-between; align-items:center; margin-top:26px; gap:12px; }
#tiwana24-survey-root button{ font-family:’Inter’, sans-serif; font-weight:600; font-size:14px; border-radius:999px; border:none; cursor:pointer; padding:13px 22px; transition: opacity 0.2s ease, transform 0.1s ease; }
#tiwana24-survey-root button:active{ transform: scale(0.97); }
#tiwana24-survey-root button:disabled{ opacity:0.35; cursor:not-allowed; }
#tiwana24-survey-root .btn-ghost{ background:transparent; color: var(–cloud-dim); border:1px solid var(–indigo-line); }
#tiwana24-survey-root .btn-primary{ background: linear-gradient(100deg, var(–gold), var(–signal)); color: var(–indigo); flex:1; }
#tiwana24-survey-root .intro-cta{ width:100%; }
#tiwana24-survey-root .bonus{ margin-top:18px; padding:14px 16px; border-radius:12px; border:1px dashed rgba(227,168,87,0.4); font-size:13px; color: var(–cloud-dim); line-height:1.5; }
#tiwana24-survey-root .bonus b{ color: var(–gold); }
#tiwana24-survey-root .thanks-icon{ width:46px; height:46px; border-radius:50%; background: var(–gold-dim); border:1px solid var(–gold); display:flex; align-items:center; justify-content:center; margin-bottom:16px; font-size:20px; color: var(–gold); }
#tiwana24-survey-root .error-msg{ color:#ff8a7a; font-size:13px; margin-top:12px; display:none; }
(function(){
var FORM_TARGET_EMAIL = « sponsorafric@gmail.com »;
var QUESTIONS = [
{ id: »q1″, eyebrow: »Question 1/6″, title: »Avez-vous dĂ©jĂ fait appel Ă Tiwana24 ? »,
options:[« Oui », »Non »] },
{ id: »q2″, eyebrow: »Question 2/6″, title: »Quel service vous intĂ©resse le plus ? »,
options:[« PublicitĂ© sponsorisĂ©e », »Couverture mĂ©diatique d’Ă©vĂ©nements », »Community management », »CrĂ©ation de visuels et vidĂ©os », »Reportage / Interview », »Formation en communication digitale », »Conception de sites web »], other:true },
{ id: »q3″, eyebrow: »Question 3/6″, title: »Quel est votre principal frein pour communiquer sur votre activitĂ© ? »,
options:[« Le budget », »Le manque de temps », »Je ne sais pas par oĂč commencer », »Je n’ai pas encore trouvĂ© le bon prestataire »], other:true },
{ id: »q4″, eyebrow: »Question 4/6″, title: »Quel budget consacrez-vous en moyenne Ă votre communication par mois ? »,
options:[« Moins de 25 000 FCFA », »25 000 Ă 50 000 FCFA », »50 000 Ă 100 000 FCFA », »Plus de 100 000 FCFA »] },
{ id: »q5″, eyebrow: »Question 5/6″, title: »Quel type d’offres aimeriez-vous voir chez Tiwana24 ? »,
options:[« Packs promotionnels », »Abonnements mensuels », »Paiement Ă©chelonnĂ© », »Accompagnement personnalisĂ© »], other:true },
{ id: »q6″, eyebrow: »Question 6/6″, title: »Sur quelle plateforme suivez-vous le plus Tiwana24 ? »,
options:[« Facebook », »TikTok », »Instagram », »WhatsApp », »Site web »] }
];
var step = -1;
var responses = {};
var otherTexts = {};
var root = document.getElementById(« tiwana24-survey-root »);
root.innerHTML = ‘‘ +
‘‘ +
‘‘ +
‘
TIWANA24 · SONDAGE
‘ +
‘‘ +
‘
Votre avis compte
‘ + ‘Aidez-nous Ă mieux vous servir
‘ + ‘Tiwana24 prĂ©pare le renforcement de ses services pour les entreprises, entrepreneurs, associations et particuliers. Six questions rapides, deux minutes de votre temps.
‘ + ‘‘ + ‘Bonus â les participants bĂ©nĂ©ficieront en prioritĂ© des offres spĂ©ciales de relance bientĂŽt dĂ©voilĂ©es.
‘;
document.getElementById(« t24startBtn »).addEventListener(« click », function(){ step = 0; render(); });
}
function renderQuestion(){
var q = QUESTIONS[step];
var selected = responses[q.id];
var optionsHtml = q.options.map(function(opt){
return ‘‘ +
‘‘ + opt + ‘
‘;
}).join(« »);
var otherHtml = q.other ? (
‘‘ +
‘Autre (prĂ©cisez)
‘
) : « »;
card.innerHTML =
‘‘ + q.eyebrow + ‘
‘ + ‘‘ + q.title + ‘
‘ + ‘‘ + (q.other ? » : ») + ‘‘ + ‘Une erreur est survenue lors de l\’envoi. RĂ©essaie, ou Ă©cris-nous directement.
‘; card.querySelectorAll(« .option »).forEach(function(el){ el.addEventListener(« click », function(){ selectOption(q, el.dataset.value); }); el.addEventListener(« keydown », function(e){ if (e.key === « Enter » || e.key === » « ) { e.preventDefault(); selectOption(q, el.dataset.value); } }); }); var otherInput = document.getElementById(« t24otherInput »); if (otherInput) otherInput.addEventListener(« input », function(e){ otherTexts[q.id] = e.target.value; }); document.getElementById(« t24backBtn »).addEventListener(« click », function(){ step–; render(); }); document.getElementById(« t24nextBtn »).addEventListener(« click », function(){ if (step === QUESTIONS.length – 1) { submit(); } else { step++; render(); } }); } function selectOption(q, value){ responses[q.id] = value; render(); if (value === « Autre ») { setTimeout(function(){ var el = document.getElementById(« t24otherInput »); if (el) el.focus(); }, 50); } } function submit(){ var nextBtn = document.getElementById(« t24nextBtn »); var errorMsg = document.getElementById(« t24errorMsg »); nextBtn.disabled = true; nextBtn.textContent = « Envoi en cours… »; var payload = { _subject: « Nouvelle rĂ©ponse au sondage Tiwana24 », _template: « table », _captcha: « false », « 1. DĂ©jĂ client Tiwana24 »: responses.q1 || « », « 2. Service souhaitĂ© »: responses.q2 === « Autre » ? (« Autre : » + (otherTexts.q2 || « »)) : (responses.q2 || « »), « 3. Principal frein »: responses.q3 === « Autre » ? (« Autre : » + (otherTexts.q3 || « »)) : (responses.q3 || « »), « 4. Budget mensuel »: responses.q4 || « », « 5. Type d’offre souhaitĂ© »: responses.q5 === « Autre » ? (« Autre : » + (otherTexts.q5 || « »)) : (responses.q5 || « »), « 6. Plateforme suivie »: responses.q6 || « » }; fetch(« https://formsubmit.co/ajax/ » + FORM_TARGET_EMAIL, { method: « POST », headers: { « Content-Type »: « application/json », « Accept »: « application/json » }, body: JSON.stringify(payload) }) .then(function(res){ if (!res.ok) throw new Error(« Erreur rĂ©seau »); step = 6; render(); }) .catch(function(err){ console.error(« Erreur d’envoi du sondage : », err); nextBtn.disabled = false; nextBtn.textContent = « Envoyer mes rĂ©ponses »; if (errorMsg) errorMsg.style.display = « block »; }); } function renderThanks(){ card.innerHTML = ‘‘ + ‘RĂ©ponses envoyĂ©es
‘ + ‘Merci pour votre confiance.
‘ + ‘Ensemble, faisons grandir les entreprises et les talents du Burkina Faso.
‘ + ‘Bonus â vous bĂ©nĂ©ficierez en prioritĂ© des offres spĂ©ciales de relance bientĂŽt dĂ©voilĂ©es par Tiwana24.
‘;
}
function render(){
updateSignal();
if (step === -1) renderIntro();
else if (step === 6) renderThanks();
else renderQuestion();
}
render();
})();
Tiwana 24 
Laisser un commentaire