Como embedar o formulário no Elementor

Cole o snippet abaixo dentro de um widget HTML do popup do Elementor.

⚠️ Use sempre a URL pública do projeto (ex.: https://form-buddy-sync.lovable.app), nunca a URL de preview do Lovable — a preview exige login e o iframe vai mostrar a tela de login.
✅ Este snippet faz preconnect + preload da página do formulário (popup abre instantâneo) e repassa as UTMs da página pai (utm_source, utm_medium, utm_campaign, utm_term, utm_content, gclid, fbclid) para o iframe — elas serão gravadas no lead da Kommo.
<link rel="preconnect" href="https://form-buddy-sync.lovable.app" crossorigin>
<link rel="dns-prefetch" href="https://form-buddy-sync.lovable.app">
<link rel="preload" as="document" href="https://form-buddy-sync.lovable.app/form/embed">
<iframe id="lead-form"
        style="width:100%;min-height:780px;border:0;display:block;background:transparent"
        scrolling="no" allowtransparency="true" loading="eager"></iframe>
<script>
(function(){
  var BASE = "https://form-buddy-sync.lovable.app/form/embed";
  // Forward UTMs/click IDs from the parent page to the iframe
  var KEYS = ["utm_source","utm_medium","utm_campaign","utm_term","utm_content","gclid","fbclid"];
  var parentParams = new URLSearchParams(window.location.search);
  var fwd = new URLSearchParams();
  KEYS.forEach(function(k){ var v = parentParams.get(k); if (v) fwd.set(k, v); });
  var qs = fwd.toString();
  var iframe = document.getElementById('lead-form');
  if (iframe) iframe.src = BASE + (qs ? ('?' + qs) : '');

  // Auto-resize from postMessage
  window.addEventListener('message', function(e){
    if (e.data && e.data.type === 'lead-form-height') {
      var f = document.getElementById('lead-form');
      if (f) f.style.height = (e.data.height + 20) + 'px';
    }
  });
})();
</script>

Passos no WordPress/Elementor:

  1. Edite o popup que abre no clique do botão.
  2. Adicione um widget HTML dentro do popup.
  3. Cole o snippet acima e salve.
  4. Importante: para o pré-carregamento funcionar, o snippet precisa estar no HTML da página desde o load — se o Elementor só injeta o HTML quando o popup abre, ainda assim o preconnect ajuda.
  5. Teste o popup — o iframe se ajusta sozinho à altura do formulário.