<--script> // Diese Funktion zum DOM-Ready-Event hinzufügen document.addEventListener("DOMContentLoaded", function() { // Das Formular über seine ID auswählen const form = document.getElementById('email-form'); if (!form) { console.error("Das Formular mit der ID 'email-form' wurde nicht gefunden."); return; } // Event-Listener für das Submit-Event des Formulars hinzufügen form.addEventListener('submit', function(e) { // Standard-Formularverhalten verhindern e.preventDefault(); // Formularwerte abrufen const name = document.getElementById('Name').value; const email = document.getElementById('email').value; const phone = document.getElementById('Telefon').value; const anliegen = document.getElementById('Anliegen').value; // Calendly-URL erstellen (mit URL-Parametern) const calendlyBaseUrl = "https://calendly.com/d/cmpx-tp6-k5r/erstgesprach"; const calendlyUrl = `${calendlyBaseUrl}?name=${encodeURIComponent(name)}&email=${encodeURIComponent(email)}&a1=${encodeURIComponent(phone)}&a2=${encodeURIComponent(anliegen)}`; // Neuen Tab mit Calendly öffnen window.open(calendlyUrl, '_blank'); // Optionale Erfolgsmeldung anzeigen (wenn vorhanden) const successMessage = document.querySelector('.form_message-success-wrapper'); if (successMessage) { successMessage.style.display = 'block'; } // Formular zurücksetzen (optional) // form.reset(); // Alternativ: Das Formular trotzdem an Webflow senden // Wir verwenden setTimeout, um sicherzustellen, dass der Calendly-Tab zuerst geöffnet wird setTimeout(function() { // Das ursprüngliche submit-Event wurde bereits verhindert, also umgehen wir es // und senden das Formular manuell ab const formData = new FormData(form); fetch(form.action, { method: form.method, body: formData }); }, 300); }); }); <--/script>