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?

Atualizado em: 06/11/2025