Form auto

by 25058214

HTML

<h1>AquĂ­ tienes tu ebook.</h1>
<p>Etiam at nibh nec orci faucibus ultricies. Nullam vehicula scelerisque malesuada.</p>
<div class="form__hubspot_wp"></div>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
  hbspt.forms.create({
    region: "na1",
    portalId: "",
    formId: "",
    target: ".form__hubspot_wp",
    css: ""
  });
</script>




<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/2661912.js"></script>
<!-- End of HubSpot Embed Code -->

CSS

.form__hubspot_wp{display:none;}

JavaScript

const firstname = "First Name";
  const lastname = "Last name";
  const email = "[email protected]";

  const observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
      mutation.addedNodes.forEach(function(node) {
        if (node.nodeType === 1 && node.matches('.form__hubspot_wp form')) {
          // Asignar valores a los campos del formulario
          node.querySelector('input[name="firstname"]').value = firstname;
          node.querySelector('input[name="lastname"]').value = lastname;
          node.querySelector('input[name="email"]').value = email;

          node.submit();

          observer.disconnect();
        }
      });
    });
  });

  // Configurar el observador para observar el contenedor del formulario
  observer.observe(document.querySelector('.form__hubspot_wp'), { childList: true, subtree: true });