📄 Como Customizar o Formulário Incorporado de Páginas com Modelo de 3 Passos no Fichas

🎯 Quando usar?

Quando a campanha usa o modelo de página de 3 passos e a ONG quer incorporar apenas o formulário, removendo conteúdos extras como imagem de fundo e rodapé.

✅ Benefícios

• Torna o formulário mais limpo e objetivo.
• Mantém foco exclusivo na ação de doação.
• Garante que a Página de Obrigado ainda exiba a imagem de fundo.

🛠️ Como fazer?

1. Acesse: Códigos Javascript → Script Genérico no Fichas.
2. Cole e salve o seguinte código:

   html
   CopiarEditar
   <script>
   $(document).ready(function() {
      var done = document.location.pathname.match(/\\/done/)
       if(done) {
         var leftContent = $('body>div.row>div.left')
         var backgroundImageUrl = leftContent.css('background-image').slice(4, -1).replace(/"/g, "");
         leftContent.css('background-image', 'unset')
         var imgElement = $('<img src="'+backgroundImageUrl+'" style="width: 100%; height: 100%;">')
         $('div.content-text', leftContent).append(imgElement)
         leftContent.removeClass()
         leftContent.addClass('left')
         leftContent.prependTo('.right')
         leftContent.css('height', 'unset')
        $('div.content', leftContent).css('min-height', 'unset')
       }else{
        $('body>div.row>div.left').remove()
       }
       $('footer').remove()
       $('#form_title').remove()
   });
   </script>
   
   

✅ O que esse script faz?

• Remove imagem de fundo e conteúdos desnecessários.
• Mantém a imagem apenas na Página de Obrigado.
• Oculta elementos como rodapé e título.

✅ Resultado esperado

Formulário foco total, com layout mais limpo e adequado para o embed.

⚠️ Atenção

• Funciona apenas para modelo de página de 3 passos.
• Em outros modelos, o script pode não funcionar ou causar problemas.