${escapeHtml(step.question)}

${escapeHtml(step.help || "")}

${step.options.map(option => ` `).join("")}

`; questionArea.querySelectorAll(".gq-option-btn").forEach(btn => { btn.addEventListener("click", function () { state.answers[step.id] = this.getAttribute("data-value"); goNext(); }); }); } function renderContactStep(step) { const teaser = getPreEmailTeaser(); questionArea.innerHTML = `

Dein erster Teaser

Dein Growth-Score liegt aktuell bei ${teaser.totalScore}/12.

Dein wahrscheinlich größter Hebel liegt bei: ${teaser.weakestDimension}. Die vollständige Analyse mit deinen 3 größten Hebeln, konkreten nächsten Schritten und PDF-Auswertung senden wir dir per E-Mail.

Creatives${teaser.creativeStatus}

Funnel/Tech${teaser.funnelStatus}

Retention${teaser.retentionStatus}

Struktur${teaser.structureStatus}

${escapeHtml(step.question)}

${escapeHtml(step.help || "")}

Du erhältst deine persönliche Auswertung automatisch per E-Mail.

Bitte gib mindestens deinen Vornamen und eine gültige E-Mail-Adresse ein.

`; document.getElementById("gqContactSubmit").addEventListener("click", function () { const vorname = document.getElementById("gqVorname").value.trim(); const email = document.getElementById("gqEmail").value.trim(); const website = document.getElementById("gqWebsite").value.trim(); const error = document.getElementById("gqContactError"); if (!vorname || !isValidEmail(email)) { error.style.display = "block"; return; } error.style.display = "none"; state.contact = { vorname, email, website }; goNext(); }); } function goNext() { if (state.currentStep < steps.length - 1) { state.currentStep += 1; renderStep(); scrollToElement(quizShell); } else { finishQuiz(); } } function goBack() { if (state.currentStep > 0) { state.currentStep -= 1; renderStep(); scrollToElement(quizShell); } } function setNativeField(form, name, value) { if (!form) return; let field = form.querySelector(`[name="${name}"]`); if (!field) { field = document.createElement("input"); field.type = "hidden"; field.name = name; form.appendChild(field); } field.value = value == null ? "" : String(value); } function fillOnepageForm(payload) { const form = document.querySelector(CONFIG.ONEPAGE_FORM_SELECTOR); if (!form) { console.warn("Onepage Formular nicht gefunden. Selector prüfen:", CONFIG.ONEPAGE_FORM_SELECTOR); return false; } Object.entries(payload).forEach(([key, value]) => { setNativeField(form, key, value); }); setNativeField(form, "name", payload.vorname); setNativeField(form, "first_name", payload.vorname); setNativeField(form, "email", payload.email); setNativeField(form, "phone", ""); setNativeField(form, "message", JSON.stringify(payload, null, 2)); return true; } function submitOnepageForm() { const form = document.querySelector(CONFIG.ONEPAGE_FORM_SELECTOR); if (!form) { console.warn("Onepage Formular nicht gefunden. CRM-Submit wurde übersprungen."); return false; } const submitButton = form.querySelector('[type="submit"], button:not([type])'); try { if (submitButton) { submitButton.click(); } else if (typeof form.requestSubmit === "function") { form.requestSubmit(); } else { form.submit(); } return true; } catch (error) { console.error("Onepage Formular konnte nicht abgeschickt werden:", error); return false; } } async function sendToZapier(payload) { if (!CONFIG.SEND_TO_ZAPIER_DIRECTLY) return true; if (!CONFIG.ZAPIER_WEBHOOK_URL || CONFIG.ZAPIER_WEBHOOK_URL.includes("DEINE-ID")) { console.warn("Zapier Webhook URL fehlt oder ist noch Platzhalter."); return false; } try { await fetch(CONFIG.ZAPIER_WEBHOOK_URL, { method: "POST", mode: "no-cors", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }); return true; } catch (error) { console.error("Zapier konnte nicht erreicht werden:", error); return false; } } function renderResult(result) { document.getElementById("gqResultHeadline").textContent = result.result_headline; document.getElementById("gqResultIntro").textContent = result.result_text; document.getElementById("gqFinalScore").textContent = result.growth_score; document.getElementById("gqFinalProfile").textContent = result.weakest_dimension; document.getElementById("gqCreativeStatus").textContent = result.creative_status; document.getElementById("gqFunnelStatus").textContent = result.funnel_status; document.getElementById("gqRetentionStatus").textContent = result.retention_status; document.getElementById("gqStructureStatus").textContent = result.structure_status; document.getElementById("gqResultEmail").textContent = result.email; const bookingBtn = document.getElementById("gqBookingBtn"); const noCtaText = document.getElementById("gqNoCtaText"); if (result.cta_allowed === "ja") { bookingBtn.href = CONFIG.CALCOM_URL; bookingBtn.textContent = "PDF mit Thilo Schulze besprechen →"; bookingBtn.style.display = "inline-flex"; noCtaText.style.display = "none"; } else { bookingBtn.style.display = "none"; noCtaText.style.display = "block"; } quizShell.style.display = "none"; resultSection.style.display = "flex"; scrollToElement(resultSection); } async function finishQuiz() { if (state.isSubmitting) return; state.isSubmitting = true; root.classList.add("gq-loading"); const result = calculateResult(); fillOnepageForm(result); if (CONFIG.SUBMIT_ONEPAGE_FORM) { submitOnepageForm(); } await sendToZapier(result); console.log("Growth Quiz Payload:", result); setTimeout(function () { window.location.href = CONFIG.THANK_YOU_URL; }, 900); } function initQuiz() { if (!startBtn || !quizShell || !questionArea || !backBtn || !resultSection) { console.error("Growth Quiz: Ein oder mehrere HTML-Elemente wurden nicht gefunden."); return; } startBtn.addEventListener("click", function () { quizShell.style.display = "flex"; resultSection.style.display = "none"; renderStep(); scrollToElement(quizShell); }); backBtn.addEventListener("click", goBack); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initQuiz); } else { initQuiz(); } })();

Wo verliert dein Shop gerade Umsatz?

Was jetzt passiert

Deine vollständige PDF wird erstellt

Du bekommst sie per E-Mail

Optional: Mit Thilo Schulze besprechen