Formulário Interativo - Estilo Typeform
Pergunta 1 de 6

Qual é o seu nome?

Pergunta 2 de 6

Qual é o seu e-mail?

Pergunta 3 de 6

Qual é a sua idade?

Pergunta 4 de 6

Qual é a sua área de interesse?

Pergunta 5 de 6

Quais serviços você gostaria de conhecer?

Pergunta 6 de 6

Conte-nos mais sobre você

function submitForm() { if (validateQuestion(6)) { // Mostrar loading const submitBtn = document.querySelector('[onclick="submitForm()"]'); const originalText = submitBtn.textContent; submitBtn.textContent = 'Enviando...'; submitBtn.disabled = true; // Preparar dados para envio const formPayload = new FormData(); formPayload.append('action', 'process_interactive_form'); formPayload.append('nome', formData.name || ''); formPayload.append('email', formData.email || ''); formPayload.append('idade', formData.age || ''); formPayload.append('area_interesse', formData.interest || ''); formPayload.append('servicos', JSON.stringify(formData.services || [])); formPayload.append('mensagem', formData.message || ''); formPayload.append('data_envio', new Date().toISOString()); formPayload.append('url_origem', window.location.href); // Debug - ver o que está sendo enviado console.log('Enviando dados:', { nome: formData.name, email: formData.email, idade: formData.age, area_interesse: formData.interest, servicos: formData.services, mensagem: formData.message }); // Enviar via AJAX para o WordPress fetch('https://darylmidia.com/wp-admin/admin-ajax.php', { method: 'POST', body: formPayload }) .then(response => { console.log('Status da resposta:', response.status); return response.text(); // Primeiro pegar como texto para debug }) .then(text => { console.log('Resposta do servidor:', text); // Tentar fazer parse do JSON try { const data = JSON.parse(text); if (data.success) { // Mostrar mensagem de sucesso document.querySelectorAll('.question').forEach(q => { q.style.display = 'none'; }); document.getElementById('successMessage').style.display = 'block'; document.getElementById('successMessage').classList.add('active'); document.getElementById('progressFill').style.width = '100%'; // Atualizar email na mensagem de sucesso const successP = document.querySelector('#successMessage p'); if (successP) { successP.textContent = 'Suas respostas foram enviadas para admin@darylmidia.com'; } } else { const errorMsg = data.data?.message || data.message || 'Erro desconhecido'; console.error('Erro retornado:', data); alert('Erro ao enviar formulário: ' + errorMsg); submitBtn.textContent = originalText; submitBtn.disabled = false; } } catch (e) { console.error('Erro ao processar resposta:', e); console.error('Resposta recebida:', text); alert('Erro ao processar resposta do servidor. Verifique o console para mais detalhes.'); submitBtn.textContent = originalText; submitBtn.disabled = false; } }) .catch(error => { console.error('Erro na requisição:', error); alert('Erro ao enviar formulário. Por favor, tente novamente.'); submitBtn.textContent = originalText; submitBtn.disabled = false; }); } }
Nenhum número escolhido ainda