Como inserir cabeçalho e rodapé em textos padrões?

• Adicione um cabeçalho em um texto padrão e ajuste a logo dentro dele. Além disso, já existe um modelo pré-pronto para facilitar esse processo.

Como inserir o cabeçalho no texto padrão?

1. Primeiro, acesse Administrador > Modelos & Textos Padrões e selecione a aba que deseja alterar (no exemplo abaixo, utilizaremos a aba Imóvel). Você pode fazer isso em um modelo já existente ou criar um novo texto padrão. Neste caso, vamos criar um novo clicando no ícone “+” e, em seguida, localizar a opção “</>”.

2. Agora copie o script abaixo ?(CTRL + C):

• <style>
  
      @page {
          size: a4 portrait;
          @frame header_frame {
              -pdf-frame-content: header_content;
              top: 12pt;
              left: 50pt;
              width: 150pt;
          }
          @frame content_frame {
              left: 50pt;
              width: 512pt;
              top: 90pt;
              height: 632pt;
          }
          @frame footer_frame {
              -pdf-frame-content: footer_content;
              left: 50pt;
              top: 772pt;
              width: 512pt;
          }
      }
  </style>
  <div id="header_content">
      <div>
          <img src="" alt="">
      </div>
  </div>
  <div id="content_frame">
  </div>
  <div id="footer_content">
      <table style="width:100%;">
          <tbody style="text align:left; font-family: 'Roboto', sans-serif; font-size:11px">
              <tr>
                  <th>
                      <ul style="list-style-type:none;">
                          <li>{{real_estate.company_name}}</li>
                          <li>{{real_estate.address}} {{real_estate.address_complement}}</li>
                          <li>{{real_estate.neighborhood}}</li>
                          <li>{{real_estate.zip_code}} - {{real_estate.city}} -&nbsp;{{real_estate.state}}</li>
                      </ul>
                  </th>
                  <th>
                      <ul style="list-style-type:none;">
                          <li>CONTATO</li>
                          <li>Telefone : {{real_estate.phone}}</li>
                          <li>E-mail: {{real_estate.email}}</li>
                      </ul>
                  </th>
              </tr>
          </tbody>
      </table>
  </div>

3. Cole o código na tela do texto padrão:

4. Em seguida, localize a linha número "27" você poderá ver ''''.

5. Após isso, você precisa acessar o seu site e localizar a sua logo no canto superior. Após isso clique com o botão direito sob a logo e selecione a opção abrir imagem em uma nova guia e copie o link no campo da URL:

6. Ainda na linha "27" cole o link copiado entre as '''';

7. Na linha número "13" será necessário colar o texto desejado. Mas antes disso, clique no check para salvar.

8. Vamos abrir outro texto padrão e copia-lo, certificando-se que o texto no código também foi copiado;

9. Após isso, vamos até o texto padrão anterior, clicar nos "3 pontinhos, </>" e colar o texto do documento aqui.

10. Feito isso, clique no ícone da impressora para verificar se a logo não está sobrepondo o documento. Se estiver tudo certo, basta clicar no check para salvar!

11. Caso não esteja como você deseja, você pode ajustar a logo afastando-a um pouco mais do texto. Basta retornar ao </> e descer até o final da tela, onde há a opção “Header Space”. Ali, é só alterar o número indicado, como mostrado no GIF.

• Caso prefira, baixe o arquivo com o código acima clicando aqui.

12. Por fim é só clicar no check para salvar as alterações!

Palavras-chave: como inserir um cabeçalho em um modelo de texto padrão? Como ajustar a logo no cabeçalho do texto padrão?