Guía de uso de Superformularios en WordPrees con Plugins de rendimiento

En esta guía encontrarás una opción para que tus superformularios funcionen y se desplieguen en tus páginas creadas con WordPress con Plugins de rendimiento, tendrás que personalizar un poco el script que te genera Clientify, es un proceso fácil si sigues correctamente los pasos que te mostraremos a continuación:

Primero vas a necesitar el código que genera el superformulario al momento de ser publicado, vas a seleccionar el contenido del src del script y le vas a dar click derecho de esta manera:

Le das click en ir:

Ahora copia todo el código que te aparece en la nueva pestaña:

En este punto necesitarás un editar de código, puedes usar el de tus preferencias como Sublime Text, Visual Studio Code, Notepad++, o uno online.
Ahora entraras en el IDE, crearas un nuevo archivo y pegaras el código del superformulario:
Código Original con `document.write()`:

document.write('<div id="_form_embedformselectorc"></div><script>(function (w, d) {function un() {if (localStorage.getItem("unid") != undefined) {var z = Number(localStorage.getItem("unid")) + 1;localStorage.setItem("unid", z);return z;} else {var z = 0;localStorage.setItem("unid", z);return z;}}var length = 5;var tx = "";var possible = "abcdefghijklmnopqrstuvw";for (var i = 0; i < length; i++) tx += possible.charAt(Math.floor(Math.random() * possible.length));var random_clientify = tx;document.getElementById("_form_embedformselectorc").setAttribute("id", "_form_embedformselectorc" + random_clientify);var d1 = document.createElement("div");d1.id = "24";d1.className = "id1" + random_clientify;document.getElementsByTagName("body")[0].appendChild(d1);var d2 = document.createElement("div");d2.id = "181830";d2.className = "id2" + random_clientify;document.getElementsByTagName("body")[0].appendChild(d2);var h = d.head || d.getElementsByTagName("head")[0];var s = d.createElement("script");s.async = false;s.setAttribute("type", "text/javascript");s.className = "loadjs";s.id = un();s.setAttribute("src", "https://api.clientify.net/static/js/formbuilderembed/launcher/clientify_regularembed.js?" + random_clientify);h.appendChild(s);})(window, document);</script>')

Uso de `document.write()`: Este código utiliza `document.write()` para escribir un nuevo script en el documento actual de forma síncrona.

Código Transformado:
Deberás copiar el código desde (function (w, d) hasta (window, document); luego lo remplazaras el contenido del script.innerHTML del siguiente código:

Deberás tener este código en tu IDE para pegar el código que se te menciona anteriormente:

<div id="_form_embedformselectorc"></div>

<script>
    // Crear un nuevo script element

    let script = document.createElement('script')
    script.async = true

    // Contenido del script        

    script.innerHTML = `(function (w, d) {function un() {if (localStorage.getItem("unid") != undefined) {var z = Number(localStorage.getItem("unid")) + 1;localStorage.setItem("unid", z);return z;} else {var z = 0;localStorage.setItem("unid", z);return z;}}var length = 5;var tx = "";var possible = "abcdefghijklmnopqrstuvw";for (var i = 0; i < length; i++) tx += possible.charAt(Math.floor(Math.random() * possible.length));var random_clientify = tx;document.getElementById("_form_embedformselectorc").setAttribute("id", "_form_embedformselectorc" + random_clientify);var d1 = document.createElement("div");d1.id = "24";d1.className = "id1" + random_clientify;document.getElementsByTagName("body")[0].appendChild(d1);var d2 = document.createElement("div");d2.id = "181830";d2.className = "id2" + random_clientify;document.getElementsByTagName("body")[0].appendChild(d2);var h = d.head || d.getElementsByTagName("head")[0];var s = d.createElement("script");s.async = false;s.setAttribute("type", "text/javascript");s.className = "loadjs";s.id = un();s.setAttribute("src", "https://api.clientify.net/static/js/formbuilderembed/launcher/clientify_regularembed.js?" + random_clientify);h.appendChild(s);})(window, document);`;

    // Agregar el script al div

    document.getElementById('_form_embedformselectorc').appendChild(script)
</script>

Explicación de la Transformación:

1. En lugar de utilizar `document.write()` para escribir en el documento, creamos un nuevo elemento de script utilizando `document.createElement('script')`.

2. Configuramos como asíncrono.

3. En lugar de crear un nuevo script dinámicamente dentro del script cargado, el código transformado carga el script externo del superformulario directamente dentro de la función anónima.

Ahora pega este código en tu sitio web, y ya te funcionará sin inconvenientes.

Recuerda que si tienes alguna duda comunícate con el chat de soporte para mayor información y asesoramiento técnico.

Código Original con `document.write()`:

Código Transformado: