Creé un formulario emergente en Flodesk e instalé el siguiente fragmento de código de Javascript antes de la etiqueta principal de cierre de mi sitio web.
<script> (function(w, d, t, h, s, n) { w.FlodeskObject = n; var fn = function() { (w[n].q = w[n].q || []).push(arguments); }; w[n] = w[n] || fn; var f = d.getElementsByTagName(t)[0]; var v = '?v=' + Math.floor(new Date().getTime() / (120 * 1000)) * 60; var sm = d.createElement(t); sm.async = true; sm.type = 'module'; sm.src = h + s + '.mjs' + v; f.parentNode.insertBefore(sm, f); var sn = d.createElement(t); sn.async = true; sn.noModule = true; sn.src = h + s + '.js' + v; f.parentNode.insertBefore(sn, f); })(window, document, 'script', 'https://assets.flodesk.com', '/universal', 'fd'); </script> <script> window.fd('form', { formId: '615edb53f88d548e68f5c863' }); </script>Actualmente, mi formulario emergente se abre automáticamente cuando se carga la página. En cambio, me gustaría que se abra cuando se hace clic en un botón. ¿Hay alguna manera de que pueda hacer esto, por favor? ¡Gracias!
Parece que
window.fd('form', { formId: '615edb53f88d548e68f5c863' });abre el modal, por lo que podría llamarlo con una función cuando se hace clic en un botón. Ejemplo:
<script> (function(w, d, t, h, s, n) { w.FlodeskObject = n; var fn = function() { (w[n].q = w[n].q || []).push(arguments); }; w[n] = w[n] || fn; var f = d.getElementsByTagName(t)[0]; var v = '?v=' + Math.floor(new Date().getTime() / (120 * 1000)) * 60; var sm = d.createElement(t); sm.async = true; sm.type = 'module'; sm.src = h + s + '.mjs' + v; f.parentNode.insertBefore(sm, f); var sn = d.createElement(t); sn.async = true; sn.noModule = true; sn.src = h + s + '.js' + v; f.parentNode.insertBefore(sn, f); })(window, document, 'script', 'https://assets.flodesk.com', '/universal', 'fd'); </script> <script> function openModal() { window.fd('form', { formId: '615edb53f88d548e68f5c863' }); } </script> <button onclick="openModal()">Open Modal</button>