Añadir un formulario de solicitud (widget) a una página de Wix

1. Activa la opción “Use in modal window” para el widget deseado

2. Copia el código del widget y el valor del parámetro data-widget-handler

3. Ve a Wix

a. Añade un botón en el lugar deseado de la página y especifica una URL para el botón. 

La URL puede ser cualquiera; es necesaria para que más tarde podamos encontrar este botón por esta URL y reemplazarla con el parámetro data-widget-handler de tu widget.

b. Ve a la sección Custom Code

c. Añade el código del widget del paso 2 a la sección Head

Por ejemplo

d. Añade el código a la sección Body - End

var els = document.querySelectorAll("a[href='https://test123.com']");

for(var i = 0, l = els.length; i

  var el = els[i];

  el.setAttribute("data-widget-handler","469778820");

  el.removeAttribute("target");

  el.setAttribute("href", "#");

}

Dónde: 
1)  en la línea “var els = document.querySelectorAll(“a[href=‘https://test123.com’]“);” debes reemplazar el valor “https://test123.com” por el valor que estableciste para la URL del botón en el paso 3 a)

2) en la línea “el.setAttribute(“data-widget-handler”,“469778820");” debes reemplazar el valor “469778820” por el valor del parámetro data-widget-handler del paso 2

Temporizador en el widget

Si usas un temporizador en el widget, hay 2 opciones posibles para que la página de destino se cargue correctamente:

1. Separa el temporizador del botón

2. Añade un retraso en el script, por ejemplo, para que después de 4 segundos los atributos del widget se apliquen a los enlaces (versión actualizada del script):

<script>

setTimeout(() => {
    var els = document.querySelectorAll("a[href='https://test123.com']");

    for(var i = 0, l = els.length; i < l; i++) {

    var el = els[i];

    el.setAttribute("data-widget-handler","ID ВИДЖЕТА");

    el.removeAttribute("target");

    el.setAttribute("href", "#");

    }
}, 4000);

</script>