Neste artigo, você aprenderá a inserir cabeçalho e rodapé em textos padrões, diretamente pelo Imobzi.

No vídeo abaixo você terá acesso ao passo a passo que mostra como inserir um cabeçalho (logo) e rodapé nos textos padrões da Imobzi:

Como inserir o cabeçalho

1. Primeiramente vá em Administrador, Textos padrões e vamos até o opção de imóvel e criar um novo texto padrão no símbolo de +, clicaremos nos 3 pontinhos no símbolo de </>

• Não se esqueça de adicionar também o título do texto padrão;

1. Copie este script;

<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}} - {{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>

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

1. Em seguida, localize a linha número 27 você poderá ver ””

1. Após isso, você deve acessar o seu site, clicar na sua logo no canto superior esquerdo, clique com o botão direito do mouse em cima e selecione a opção abrir imagem em uma nova guia e copie o link que abriu;

1. Retornando à página de textos padrões, você deverá colar o link copiado no meio das ””;

1. Agora na linha 13 devemos colar o texto padrão desejado, porém antes vamos clicar no check para salvar;

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

1. Após isso, vamos até o texto padrão anterior, clicar nos 3 pontinhos, </> e colar o texto na parte Texto do documento aqui;

1. Feito isso, você deve clicar no ícone de impressora para ver se a logo não está sobrepondo o documento, caso esteja tudo okay, você já pode clicar no check para salvar!

1. Caso não esteja como você desejar, você pode ajustar a logo distanciando-a um pouco mais do texto, basta retornar ao </> e descer até o final da tela onde você tem a opção header space, nela basta você alterar o número abaixo, como no GIF;

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

1. Por fim, é só clicar no Check para salvar as alterações!

---

Palavras-chave: Inserir, cabeçalho, rodapé, logo, textos padrões, administrador, script, empresa, contato, código, ajustar.