Enhance dynamic integration script to map any form fields.

public/live-site-integration.js

@@ -48,26 +48,67 @@
                 // Based on your HTML: id="name", id="email", id="phone", id="subject"
                 // We use document.getElementById or form.querySelector to be safe.
 
-                const getName = () => form.querySelector('[name="name"]')?.value || '';
-                const getEmail = () => form.querySelector('[name="email"]')?.value || '';
-                const getPhone = () => form.querySelector('[name="phone"]')?.value || '';
-                const getSubject = () => form.querySelector('[name="subject"]')?.value || '';
-
-                // For the message, usually it's a textarea named 'message' or 'comments'
-                const getMessage = () => {
-                    const msgEl = form.querySelector('textarea[name="message"], textarea[name="comments"]');
-                    return msgEl ? msgEl.value : 'No message provided.';
-                };
-
+                // Gather data dynamically from any form
                 const formData = {
-                    name: getName(),
-                    email: getEmail(),
-                    phone: getPhone(),
-                    subject: getSubject(),
-                    message: getMessage(),
-                    origin: 'Live Website: ' + window.location.hostname
+                    name: '',
+                    email: '',
+                    phone: '',
+                    subject: document.title || 'Website Form Submission',
+                    message: '',
+                    origin: 'Live Website: ' + window.location.hostname + window.location.pathname
                 };
 
+                let extraFields = [];
+                let hasMessage = false;
+
+                // Loop through all form elements
+                Array.from(form.elements).forEach(el => {
+                    if (!el.name || el.type === 'submit' || el.type === 'button') return;
+
+                    const name = el.name.toLowerCase();
+                    const value = el.value.trim();
+                    const label = (el.labels && el.labels.length > 0) ? el.labels[0].innerText.replace('*', '').trim() : el.name;
+
+                    if (!value) return;
+
+                    // Try to map obvious fields
+                    if ((name.includes('name') || name.includes('first') || name.includes('last')) && !formData.name) {
+                        formData.name = value;
+                    } else if (name.includes('email') && !formData.email) {
+                        formData.email = value;
+                    } else if ((name.includes('phone') || name.includes('tel') || el.type === 'tel') && !formData.phone) {
+                        formData.phone = value;
+                    } else if (name.includes('subject')) {
+                        formData.subject = value;
+                    } else if ((name.includes('message') || name.includes('comments') || el.tagName.toLowerCase() === 'textarea') && !hasMessage) {
+                        formData.message = value;
+                        hasMessage = true;
+                    } else {
+                        // Unmatched field, collect it
+                        extraFields.push(`${label}: ${value}`);
+                    }
+                });
+
+                // Set fallbacks for strict checking on the backend
+                if (!formData.name && !formData.email && !formData.phone) {
+                    formData.name = "Anonymous User";
+                }
+
+                if (!formData.message && extraFields.length === 0) {
+                    formData.message = "No message body provided.";
+                }
+
+                // If we didn't explicitly find a 'message' box, but we have extra fields,
+                // or if we have both, combine them into the final message column.
+                if (extraFields.length > 0) {
+                    const extras = extraFields.join('\\n');
+                    if (hasMessage) {
+                        formData.message += `\\n\\n--- Additional Form Data ---\\n${extras}`;
+                    } else {
+                        formData.message = `--- Form Submission Data ---\\n${extras}`;
+                    }
+                }
+
                 try {
                     const response = await fetch(API_URL, {
                         method: 'POST',

server.js

@@ -61,8 +61,9 @@ app.post('/api/submit', async (req, res) => {
   try {
     const { name, email, message, phone, subject, origin } = req.body;
 
-    if (!name || !email || !message) {
-      return res.status(400).json({ error: 'Name, email, and message are required fields.' });
+    if (!email && !phone && !name) {
+      // We need at least ONE piece of identifying info or data to consider it valid
+      return res.status(400).json({ error: 'Please provide at least a name, email, or phone number.' });
     }
 
     if (!spreadsheetId || spreadsheetId === 'your_google_sheet_id_here') {