Prueba

💡 Recibirás tu diagnóstico completo por email

`; document.getElementById('result').insertAdjacentHTML('afterend', hubspotFormHTML); setTimeout(() => { const hubspotSection = document.querySelector('.hubspot-section'); if (hubspotSection) { hubspotSection.scrollIntoView({ behavior: 'smooth', block: 'center' }); } }, 500); } function fillHubSpotFormSimple($form) { setTimeout(() => { try { console.log('🔍 Buscando campos en el formulario...'); // Buscar campos básicos const emailField = $form.find('input[name="email"]')[0] || $form.find('input[type="email"]')[0]; const nameField = $form.find('input[name="firstname"]')[0] || $form.find('input[name="first_name"]')[0]; // Buscar campo de comentarios/mensaje const messageField = $form.find('textarea[name="message"]')[0] || $form.find('textarea[name="comentarios"]')[0] || $form.find('textarea[name="additional_information"]')[0] || $form.find('textarea[name="notes"]')[0] || $form.find('textarea')[0]; // Cualquier textarea console.log('🔍 Campos encontrados:', { email: !!emailField, name: !!nameField, message: !!messageField, messageFieldName: messageField ? messageField.name : 'no encontrado' }); // Rellenar email if (emailField) { emailField.value = appState.userData.email || ''; $(emailField).trigger('input').trigger('change'); console.log('✅ Email rellenado:', emailField.value); } // Rellenar nombre if (nameField) { nameField.value = appState.userData.name || ''; $(nameField).trigger('input').trigger('change'); console.log('✅ Nombre rellenado:', nameField.value); } // Crear mensaje con todos los datos del assessment if (messageField) { const assessmentSummary = ` 📊 RESULTADOS DEL ASSESSMENT DE LEADS PERDIDOS 👤 Datos del Usuario: • Nombre: ${appState.userData.name} • Email: ${appState.userData.email} • Fecha: ${appState.assessmentData.date} 📈 Resultados del Diagnóstico: • Score Total: ${appState.assessmentData.score}/18 • Nivel de Riesgo: ${appState.assessmentData.riskLevel} 📝 Respuestas Detalladas: ${Object.entries(appState.assessmentData.answers).map(([question, answer]) => `• ${question}: ${answer}` ).join('\n')} 🎯 Recomendación: ${appState.assessmentData.riskLevel === 'Alto' ? 'Transformación inmediata necesaria - perdiendo 40%+ de leads' : appState.assessmentData.riskLevel === 'Medio' ? 'Oportunidades de mejora - perdiendo 15-30% de leads' : 'Buen control - optimización y scaling recomendado' } -- Generado automáticamente por ABH Assessment Tool `.trim(); messageField.value = assessmentSummary; $(messageField).trigger('input').trigger('change'); console.log('✅ Campo de comentarios rellenado con datos completos del assessment'); console.log('📄 Contenido:', assessmentSummary.substring(0, 200) + '...'); } else { console.log('⚠️ No se encontró campo de comentarios/mensaje'); } console.log('🎉 AUTO-RELLENO COMPLETADO'); } catch (error) { console.error('❌ Error en auto-relleno:', error); // Fallback con JavaScript vanilla setTimeout(() => { fillHubSpotVanillaFallback(); }, 1000); } }, 2000); // Delay para asegurar que el formulario esté completamente renderizado } function fillHubSpotVanillaFallback() { console.log('🔧 Fallback: Buscando campos con JavaScript vanilla...'); const container = document.getElementById('hubspotFormContainer'); if (!container) return; const emailField = container.querySelector('input[type="email"], input[name="email"]'); const nameField = container.querySelector('input[name="firstname"], input[name="first_name"]'); const messageField = container.querySelector('textarea'); console.log('🔍 Campos encontrados (vanilla):', { email: !!emailField, name: !!nameField, message: !!messageField }); if (emailField) { emailField.value = appState.userData.email || ''; emailField.dispatchEvent(new Event('input', { bubbles: true })); emailField.dispatchEvent(new Event('change', { bubbles: true })); console.log('✅ Email rellenado (vanilla):', emailField.value); } if (nameField) { nameField.value = appState.userData.name || ''; nameField.dispatchEvent(new Event('input', { bubbles: true })); nameField.dispatchEvent(new Event('change', { bubbles: true })); console.log('✅ Nombre rellenado (vanilla):', nameField.value); } if (messageField) { const assessmentData = `Assessment Results - Score: ${appState.assessmentData.score}, Risk: ${appState.assessmentData.riskLevel}, Date: ${appState.assessmentData.date}, Answers: ${JSON.stringify(appState.assessmentData.answers)}`; messageField.value = assessmentData; messageField.dispatchEvent(new Event('input', { bubbles: true })); messageField.dispatchEvent(new Event('change', { bubbles: true })); console.log('✅ Datos del assessment añadidos al campo de mensaje'); } } // Remover funciones obsoletas function loadHubSpotScript() { // Ya no necesaria, el script se carga inline console.log('ℹ️ Script se carga inline con el formulario'); } function createHubSpotFormWithCallback() { // Ya no necesaria console.log('ℹ️ Formulario se crea inline'); } function fillHubSpotFormDirect() { // Ya no necesaria console.log('ℹ️ Auto-relleno manejado por fillHubSpotFormSimple'); } function fillHubSpotFormVanilla() { // Renombrada a fillHubSpotVanillaFallback console.log('ℹ️ Función renombrada a fillHubSpotVanillaFallback'); } function fillHubSpotForm() { // Ya no necesaria console.log('ℹ️ Auto-relleno manejado por callback'); } function loadHubSpotScript() { // Verificar si el script ya está cargado if (document.querySelector('script[src*="js.hsforms.net"]')) { // Si ya está cargado, crear el formulario con callback createHubSpotFormWithCallback(); return; } // Crear y cargar script dinámicamente const script = document.createElement('script'); script.src = 'https://js.hsforms.net/forms/embed/developer/515406.js'; script.defer = true; script.onload = function() { console.log('✅ Script de HubSpot cargado'); // Crear formulario con callback después de que el script se cargue setTimeout(() => createHubSpotFormWithCallback(), 1000); }; script.onerror = function() { console.error('❌ Error al cargar script de HubSpot'); }; document.body.appendChild(script); } function createHubSpotFormWithCallback() { // Limpiar contenedor existente const container = document.getElementById('hubspotFormContainer'); if (container) { container.innerHTML = ''; } if (window.hbspt && window.hbspt.forms) { console.log('🎯 Creando formulario HubSpot con callback...'); window.hbspt.forms.create({ region: "na1", portalId: "515406", formId: "994dabb9-0f6e-4dd8-8de1-46cfb58def60", target: "#hubspotFormContainer", onFormReady: function($form) { console.log('✅ Formulario HubSpot listo, rellenando campos...'); fillHubSpotFormDirect($form); }, onFormSubmit: function($form) { console.log('📧 Formulario enviado a HubSpot'); console.log('📊 Datos enviados:', appState); } }); } else { console.log('⚠️ HubSpot forms API no disponible, reintentando...'); setTimeout(createHubSpotFormWithCallback, 2000); } } function fillHubSpotFormDirect($form) { try { // Buscar campos directamente en el formulario renderizado const emailField = $form.find('input[name="email"]')[0] || $form.find('input[type="email"]')[0]; const nameField = $form.find('input[name="firstname"]')[0] || $form.find('input[name="first_name"]')[0]; const scoreField = $form.find('input[name="assessment_score"]')[0]; const riskField = $form.find('input[name="assessment_risk_level"]')[0]; const dateField = $form.find('input[name="assessment_date"]')[0]; const answersField = $form.find('textarea[name="assessment_answers"]')[0]; console.log('🔍 Campos encontrados en formulario:', { email: !!emailField, name: !!nameField, score: !!scoreField, risk: !!riskField, date: !!dateField, answers: !!answersField }); // Rellenar campos básicos if (emailField) { emailField.value = appState.userData.email || ''; $(emailField).trigger('input').trigger('change'); console.log('✅ Email rellenado:', emailField.value); } if (nameField) { nameField.value = appState.userData.name || ''; $(nameField).trigger('input').trigger('change'); console.log('✅ Nombre rellenado:', nameField.value); } // Rellenar campos personalizados if (scoreField) { scoreField.value = appState.assessmentData.score; $(scoreField).trigger('input').trigger('change'); console.log('✅ Score rellenado:', scoreField.value); } if (riskField) { riskField.value = appState.assessmentData.riskLevel; $(riskField).trigger('input').trigger('change'); console.log('✅ Risk rellenado:', riskField.value); } if (dateField) { dateField.value = appState.assessmentData.date; $(dateField).trigger('input').trigger('change'); console.log('✅ Date rellenado:', dateField.value); } if (answersField) { answersField.value = JSON.stringify(appState.assessmentData.answers); $(answersField).trigger('input').trigger('change'); console.log('✅ Answers rellenado'); } console.log('🎉 FORMULARIO HUBSPOT COMPLETAMENTE RELLENADO'); } catch (error) { console.error('❌ Error rellenando formulario:', error); // Fallback: rellenar con JavaScript vanilla setTimeout(() => { fillHubSpotFormVanilla(); }, 1000); } } function fillHubSpotFormVanilla() { console.log('🔧 Intentando relleno con JavaScript vanilla...'); const container = document.getElementById('hubspotFormContainer'); if (!container) return; // Buscar en todo el contenedor y sus elementos hijos const allInputs = container.querySelectorAll('input, textarea, select'); console.log('🔍 Todos los elementos encontrados:', allInputs.length); allInputs.forEach((element, index) => { console.log(`Elemento ${index}:`, { tagName: element.tagName, type: element.type, name: element.name, placeholder: element.placeholder, id: element.id }); // Rellenar según el tipo/nombre del campo if (element.name === 'email' || element.type === 'email' || element.placeholder?.toLowerCase().includes('email')) { element.value = appState.userData.email || ''; element.dispatchEvent(new Event('input', { bubbles: true })); element.dispatchEvent(new Event('change', { bubbles: true })); console.log('📧 Email asignado a:', element.name || element.placeholder); } if (element.name === 'firstname' || element.name === 'first_name' || element.placeholder?.toLowerCase().includes('nombre')) { element.value = appState.userData.name || ''; element.dispatchEvent(new Event('input', { bubbles: true })); element.dispatchEvent(new Event('change', { bubbles: true })); console.log('👤 Nombre asignado a:', element.name || element.placeholder); } if (element.name === 'assessment_score') { element.value = appState.assessmentData.score; element.dispatchEvent(new Event('input', { bubbles: true })); element.dispatchEvent(new Event('change', { bubbles: true })); console.log('📊 Score asignado'); } if (element.name === 'assessment_risk_level') { element.value = appState.assessmentData.riskLevel; element.dispatchEvent(new Event('input', { bubbles: true })); element.dispatchEvent(new Event('change', { bubbles: true })); console.log('⚠️ Risk level asignado'); } if (element.name === 'assessment_date') { element.value = appState.assessmentData.date; element.dispatchEvent(new Event('input', { bubbles: true })); element.dispatchEvent(new Event('change', { bubbles: true })); console.log('📅 Date asignado'); } if (element.name === 'assessment_answers') { element.value = JSON.stringify(appState.assessmentData.answers); element.dispatchEvent(new Event('input', { bubbles: true })); element.dispatchEvent(new Event('change', { bubbles: true })); console.log('📝 Answers asignado'); } }); } // Eliminar la función fillHubSpotForm anterior function fillHubSpotForm() { // Esta función ahora es manejada por los callbacks console.log('ℹ️ Auto-relleno manejado por callback de HubSpot'); } // Función de utilidad para debugging function getAppState() { return appState; } // Prevenir envío accidental del formulario document.addEventListener('DOMContentLoaded', function() { const form = document.getElementById('assessmentForm'); if (form) { form.addEventListener('submit', function(e) { e.preventDefault(); calculateResult(); }); } });

🔍 Diagnóstico de Leads Perdidos