Workshop

<!-- Formulario propio: landing -> webhook n8n -> Livestorm (sesion b8feeffb). Si el webhook no responde, cae al formulario de Livestorm. Documentacion: webflow/workshop-ai-people-strategy/README.md --> <div id="rec-ws-src" style="display:none"> <div class="rec-partner-logo rec-ws-ponente"> <img class="rec-partner-img" style="height:64px;width:64px;border-radius:50%;object-fit:cover;background:#EEF0F6;max-width:64px" src="https://cdn.prod.website-files.com/6978bfbe89b459a3e1a62fcf/6ab41f792b7653692e582371_ponente-noemi-fernandez.jpg" alt="Noemi Fernández"/> <div class="rec-seal-txt"><strong>Noemi Fernández</strong><br/>Talent en TaxDown</div> </div> <div class="rec-partner-logo rec-ws-ponente"> <img class="rec-partner-img" style="height:64px;width:64px;border-radius:50%;object-fit:cover;background:#EEF0F6;max-width:64px" src="https://cdn.prod.website-files.com/6978bfbe89b459a3e1a62fcf/6ab41f797b11c7bfeef622a9_ponente-tiago-santos.jpg" alt="Tiago Santos"/> <div class="rec-seal-txt"><strong>Tiago Santos</strong><br/>VP of Community en Sésame</div> </div> </div> <form class="hs-form" id="ws-form" novalidate> <fieldset class="form-columns-2"> <div class="hs-form-field"> <label for="ws-firstname">Nombre<span class="hs-form-required">*</span></label> <div class="input"><input class="hs-input" id="ws-firstname" name="firstname" type="text" autocomplete="given-name" placeholder="Noemí"></div> <ul class="hs-error-msgs"></ul> </div> <div class="hs-form-field"> <label for="ws-lastname">Apellidos<span class="hs-form-required">*</span></label> <div class="input"><input class="hs-input" id="ws-lastname" name="lastname" type="text" autocomplete="family-name" placeholder="Fernández"></div> <ul class="hs-error-msgs"></ul> </div> </fieldset> <div class="hs-form-field"> <label for="ws-email">Email de empresa<span class="hs-form-required">*</span></label> <div class="input"><input class="hs-input" id="ws-email" name="email" type="email" autocomplete="email" placeholder="nombre@empresa.com"></div> <ul class="hs-error-msgs"></ul> </div> <fieldset class="form-columns-2"> <div class="hs-form-field"> <label for="ws-company">Empresa<span class="hs-form-required">*</span></label> <div class="input"><input class="hs-input" id="ws-company" name="company" type="text" autocomplete="organization" placeholder="TaxDown"></div> <ul class="hs-error-msgs"></ul> </div> <div class="hs-form-field"> <label for="ws-jobtitle">Cargo<span class="hs-form-required">*</span></label> <div class="input"><input class="hs-input" id="ws-jobtitle" name="jobtitle" type="text" autocomplete="organization-title" placeholder="Head of People"></div> <ul class="hs-error-msgs"></ul> </div> </fieldset> <fieldset class="form-columns-2"> <div class="hs-form-field"> <label for="ws-phone">Móvil<span class="hs-form-required">*</span></label> <div class="input"><input class="hs-input" id="ws-phone" name="mobilephone" type="tel" autocomplete="tel" placeholder="+34 600 000 000"></div> <ul class="hs-error-msgs"></ul> </div> <div class="hs-form-field"> <label for="ws-emp">Nº de empleados<span class="hs-form-required">*</span></label> <div class="input"><select class="hs-input is-placeholder" id="ws-emp" name="numemployees"> <option value="">Selecciona</option> <option value="0-50">0-50</option><option value="50-200">50-200</option> <option value="200-500">200-500</option><option value="+500">+500</option> </select></div> <ul class="hs-error-msgs"></ul> </div> </fieldset> <!-- Trampa para bots: invisible y fuera del orden de tabulación. n8n descarta el envío si llega con contenido. --> <div style="position:absolute;left:-9999px" aria-hidden="true"> <input type="text" name="empresa_web" tabindex="-1" autocomplete="off"> </div> <div class="hs-submit"><div class="actions"> <button class="hs-button" type="submit">Reservar mi plaza</button> </div></div> <div class="hs-richtext" id="ws-legal">Al reservar aceptas que TaxDown te escriba sobre este workshop. Puedes darte de baja cuando quieras.</div> </form> <script> (function () { var WEBHOOK = 'https://es.synapse.rentax.es/webhook/livestorm-workshop-ai-people-strategy'; var RESPALDO_FORM = 'https://app.livestorm.co/p/dd8084e8-87ff-4b3a-b3e1-896d5071682a/form'; var form = document.getElementById('ws-form'); if (!form) return; var boton = form.querySelector('.hs-button'); var sel = document.getElementById('ws-emp'); /* El select gris cuando no hay elección: la plantilla trae la clase, pero nadie la quita. */ sel.addEventListener('change', function () { sel.classList.toggle('is-placeholder', !sel.value); }); var ETIQUETAS = { firstname: 'el nombre', lastname: 'los apellidos', email: 'un email válido', company: 'la empresa', jobtitle: 'el cargo', mobilephone: 'el móvil', numemployees: 'el número de empleados' }; function error(campo, texto) { var wrap = campo.closest('.hs-form-field'); campo.classList.add('invalid'); wrap.querySelector('.hs-error-msgs').innerHTML = '<li><label class="hs-error-msg">' + texto + '</label></li>'; } function limpiar() { form.querySelectorAll('.hs-input').forEach(function (c) { c.classList.remove('invalid'); }); form.querySelectorAll('.hs-error-msgs').forEach(function (u) { u.innerHTML = ''; }); } function validar(datos) { var ok = true; Object.keys(ETIQUETAS).forEach(function (n) { var campo = form.querySelector('[name="' + n + '"]'); var v = (datos[n] || '').trim(); var malo = !v || (n === 'email' && !/^[^@\s]+@[^@\s]+\.[^@\s]{2,}$/.test(v)); if (malo) { error(campo, 'Indica ' + ETIQUETAS[n]); ok = false; } }); return ok; } function exito(link, yaEstaba) { var msg = document.createElement('div'); msg.className = 'submitted-message'; msg.innerHTML = '<p><strong>' + (yaEstaba ? 'Ya tenías tu plaza.' : 'Plaza reservada.') + '</strong></p>' + '<p>Te hemos enviado el enlace de acceso por email. Nos vemos el 21 de octubre a las 17:00.</p>' + (link ? '<p><a class="hs-button" style="margin-top:6px" href="' + link + '">Guardar mi enlace de acceso</a></p>' : ''); form.replaceWith(msg); msg.scrollIntoView({ block: 'nearest', behavior: 'smooth' }); } form.addEventListener('submit', function (e) { e.preventDefault(); limpiar(); var datos = {}; new FormData(form).forEach(function (v, k) { datos[k] = v; }); if (!validar(datos)) return; var p = new URLSearchParams(location.search); datos.utm = {}; ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'].forEach(function (k) { if (p.get(k)) datos.utm[k] = p.get(k); }); datos.referrer = document.referrer || ''; try { datos.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone; } catch (err) {} boton.disabled = true; var textoOriginal = boton.textContent; boton.textContent = 'Reservando…'; fetch(WEBHOOK, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(datos) }) .then(function (r) { return r.json().catch(function () { return {}; }); }) .then(function (r) { if (r && r.ok) { exito(r.link, r.ya_registrado); return; } throw new Error((r && r.error) || 'sin respuesta'); }) .catch(function () { /* Red de seguridad. Si el webhook no contesta (workflow apagado, caída, despliegue), el visitante no se queda sin poder apuntarse: en el sitio del formulario aparece el de Livestorm, que siempre funciona. Con el workflow activo esto no lo ve nadie. */ var marco = document.createElement('iframe'); marco.title = 'Registro al Workshop AI People Strategy'; marco.src = RESPALDO_FORM; marco.style.cssText = 'display:block;width:100%;height:1100px;border:0'; form.replaceWith(marco); }); }); /* Ajustes del hero de ESTA landing, igual que antes: ocultar las pastillas vacías y colocar las filas de ponentes bajo el bloque del sello. */ var intentos = 0; function aplicar() { var hecho = true; var feats = document.querySelectorAll('.rec-feats .rec-feat'); if (feats.length >= 4) { feats[2].style.display = 'none'; feats[3].style.display = 'none'; } else { hecho = false; } var src = document.getElementById('rec-ws-src'); var ancla = document.querySelector('.rec-partner-logo:not(.rec-ws-ponente)'); if (src && ancla) { var filas = [].slice.call(src.children), ref = ancla; filas.forEach(function (f) { f.style.marginTop = '18px'; f.style.paddingTop = '0'; f.style.borderTop = '0'; ref.parentNode.insertBefore(f, ref.nextSibling); ref = f; }); src.parentNode.removeChild(src); } else if (src) { hecho = false; } return hecho; } if (!aplicar()) { var t = setInterval(function () { if (aplicar() || ++intentos > 40) clearInterval(t); }, 150); } })(); </script>