Me gustaría insertar un formulario de suscripción por correo electrónico en mi sitio web. La empresa de marketing por correo electrónico me ha proporcionado este código:

 <script src="//web.webformscr.com/apps/fc3/build/loader.js" async sp-form-id="bf1c5b05db76f8d703e531a06f371e6ffd7cb9cbba72fa9fc5d97321a710dc04"></script>

Este código que se inserta en un elemento HTML mostrará un formulario de suscripción de correo electrónico en él.

Hay dos problemas con esto:

1. El código no es válido según https://validator.w3.org/

2. Inmediatamente carga el formulario y ralentiza el tiempo total hasta que el sitio web está completamente cargado.

Voy a escribir una invitación para suscribirse y colocar un botón. Cuando se presiona el botón, se debe mostrar el formulario de suscripción.

No estoy seguro de qué hacer con esto. Por lo que puedo entender, de alguna manera debería modificar el código y luego volver a modificarlo con JS. O simplemente inserte con JS.

Lo intenté:

1. Modifique el código de alguna manera para que JS lo modifique más tarde a su estado original:

    <span src="//web.webformscr.com/apps/fc3/build/loader.js" async sp-form-id="bf1c5b05db76f8d703e531a06f371e6ffd7cb9cbba72fa9fc5d97321a710dc04"></span> <sript src="//web.webformscr.com/apps/fc3/build/loader.js" async sp-form-id="bf1c5b05db76f8d703e531a06f371e6ffd7cb9cbba72fa9fc5d97321a710dc04"></sript>

   Este esfuerzo ha fallado ya que este código no es válido de todos modos.

2. Inserte el código con JS:

    item.parentElement.querySelector(".n-bell-bubble").innerHTML = '<sript src="//web.webformscr.com/apps/fc3/build/loader.js" async sp-form-id="bf1c5b05db76f8d703e531a06f371e6ffd7cb9cbba72fa9fc5d97321a710dc04"></sript>';

Esto ha fallado porque Chrome no lo permite debido a la protección contra ataques XSS. Intenté echar un vistazo a TrustedTypes para resolver este problema, pero muchos de los más populares no admiten TrustedTypes. Entonces, volví a fallar.