Grow Your Business Online —
The Right Way

// ============================================================ // FORM HANDLER — Sends to Hidden Elementor Pro Form // ============================================================ (function() { const form = document.getElementById('auditForm'); const successMsg = document.getElementById('formSuccess'); if (!form) return; // ⚠️ REPLACE THIS WITH YOUR REAL WHATSAPP NUMBER (no + or spaces) const WHATSAPP_NUMBER = '212600000000'; function showError(input, message) { input.style.borderColor = 'rgba(236, 72, 153, 0.6)'; input.style.boxShadow = '0 0 15px rgba(236, 72, 153, 0.15)'; let errEl = input.parentElement.querySelector('.field-error'); if (!errEl) { errEl = document.createElement('span'); errEl.className = 'field-error'; errEl.style.cssText = 'display:block; font-size:0.75rem; color:#EC4899; margin-top:5px; font-family:var(--font-mono);'; input.parentElement.appendChild(errEl); } errEl.textContent = message; } function clearError(input) { input.style.borderColor = ''; input.style.boxShadow = ''; const errEl = input.parentElement.querySelector('.field-error'); if (errEl) errEl.remove(); } function validateEmail(email) { return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email); } // Live error clearing while typing form.querySelectorAll('.form-input').forEach(function(input) { input.addEventListener('input', function() { clearError(input); }); }); form.addEventListener('submit', function(e) { e.preventDefault(); let valid = true; const fullName = document.getElementById('fullName'); const email = document.getElementById('emailAddress'); const whatsapp = document.getElementById('whatsappNumber'); const business = document.getElementById('businessInfo'); const radioGroup = form.querySelector('[name="helpWith"]:checked'); // Validation if (!fullName.value.trim()) { showError(fullName, 'Please enter your full name.'); valid = false; } else clearError(fullName); if (!email.value.trim() || !validateEmail(email.value.trim())) { showError(email, 'Please enter a valid email address.'); valid = false; } else clearError(email); if (!whatsapp.value.trim()) { showError(whatsapp, 'Please enter your WhatsApp number.'); valid = false; } else clearError(whatsapp); if (!radioGroup) { const radioContainer = form.querySelector('.radio-group'); let errEl = radioContainer.parentElement.querySelector('.field-error'); if (!errEl) { errEl = document.createElement('span'); errEl.className = 'field-error'; errEl.style.cssText = 'display:block; font-size:0.75rem; color:#EC4899; margin-top:5px; font-family:var(--font-mono);'; radioContainer.parentElement.appendChild(errEl); } errEl.textContent = 'Please select what you need help with.'; valid = false; } else { const errEl = form.querySelector('.radio-group').parentElement.querySelector('.field-error'); if (errEl) errEl.remove(); } if (!business.value.trim()) { showError(business, 'Please tell us a bit about your business.'); valid = false; } else clearError(business); if (!valid) return; // ============================================================ // SUBMIT TO HIDDEN ELEMENTOR PRO FORM // ============================================================ const submitBtn = form.querySelector('.btn-submit'); const originalBtnText = submitBtn.innerHTML; submitBtn.textContent = 'Sending...'; submitBtn.disabled = true; // Find the hidden Elementor form const elementorForm = document.querySelector('.elementor-form'); if (!elementorForm) { alert('Form connection error. Please try WhatsApp instead.'); submitBtn.innerHTML = originalBtnText; submitBtn.disabled = false; return; } // Fill the hidden Elementor form fields try { const setField = function(name, value) { const field = elementorForm.querySelector('[name="form_fields[' + name + ']"]'); if (field) field.value = value; }; setField('fullName', fullName.value.trim()); setField('emailAddress', email.value.trim()); setField('whatsappNumber', whatsapp.value.trim()); setField('websiteUrl', document.getElementById('websiteUrl').value.trim() || 'Not provided'); setField('helpWith', radioGroup.value); setField('businessInfo', business.value.trim()); } catch (err) { console.error('Field mapping error:', err); } // Listen for Elementor success/error events (uses jQuery from WordPress) if (typeof jQuery !== 'undefined') { // Remove any previous listeners to avoid double-firing jQuery(document).off('submit_success.auditForm submit_error.auditForm'); jQuery(document).on('submit_success.auditForm', function(event, response) { showSuccess(); }); jQuery(document).on('submit_error.auditForm', function() { alert('Submission failed. Please contact us on WhatsApp.'); submitBtn.innerHTML = originalBtnText; submitBtn.disabled = false; }); } // Trigger the hidden Elementor form submission const hiddenSubmitBtn = elementorForm.querySelector('button[type="submit"]'); if (hiddenSubmitBtn) { hiddenSubmitBtn.click(); } else { // Fallback: submit form directly elementorForm.requestSubmit ? elementorForm.requestSubmit() : elementorForm.submit(); } // Safety fallback — if Elementor events don't fire in 5 seconds, show success anyway setTimeout(function() { if (form.style.display !== 'none') { showSuccess(); } }, 5000); // Success display function function showSuccess() { const waMessage = 'Hi! I just submitted the audit form on your website.%0A%0A' + '*Name:* ' + fullName.value.trim() + '%0A' + '*Service Needed:* ' + radioGroup.value + '%0A%0A' + 'Looking forward to hearing from you!'; const waURL = 'https://wa.me/' + WHATSAPP_NUMBER + '?text=' + waMessage; successMsg.innerHTML = '' + '

You\'re All Set! 🎉

' + '

We received your request and will respond within 24 hours.

' + '

Want a faster response?

' + '' + '💬 Continue on WhatsApp' + ''; form.style.display = 'none'; successMsg.style.display = 'block'; successMsg.scrollIntoView({ behavior: 'smooth', block: 'center' }); } }); })();