Bloco Código HTML: cole um trecho de HTML na página

Como usar o bloco Código HTML do Editor visual, o que é removido por segurança e quando usar outro bloco.

5 min de leitura Atualizado em 30/10/2026

Neste artigo

Onde encontrar o bloco
O que o bloco mostra no site
Campos da aba Conteúdo
Aba Estilo (igual em todos os blocos livres)
Exemplos de uso
Veja também

O bloco Código HTML é para quem tem um trecho pronto de HTML e quer colocar na página: uma tabela, uma lista formatada, uma imagem com texto, um selo. Não é para scripts nem formulários externos.

Antes de começar

Só o administrador usa o Editor visual.
É um recurso avançado: se você não conhece HTML, os blocos Título e texto e Imagem e texto são mais simples.

Onde encontrar o bloco

Abra o editor. No painel, vá em Site › Editor visual e escolha a página no seletor "Página" (Página inicial ou Página do imóvel).
Clique na aba "+ Adicionar". Os blocos aparecem em grupos. Este está no grupo Básico, com o nome Código HTML. Se preferir, digite "html" em "Buscar bloco…".
Coloque na página. Arraste o bloco até o lugar desejado ou clique nele para ir ao fim da página.
Abra as opções. Clique no bloco na prévia (ou na aba "Blocos"). A lateral mostra as abas Conteúdo e Estilo.
Publique. O que você muda fica em rascunho até clicar em Publicar. Veja como.

Aba "+ Adicionar": procurando o bloco Código HTML

O que o bloco mostra no site

O seu HTML, dentro de uma caixa na própria página, com as fontes e cores do site.

Campos da aba Conteúdo

HTML (sem scripts) — até 20.000 caracteres. Cole o código. Sem nada escrito, o bloco some para o visitante (no editor aparece "cole o seu código HTML nas opções do bloco").

Opções do bloco Código HTML, aba Conteúdo

O que é removido automaticamente

Por segurança, ao salvar o editor limpa o código. Ficam de fora:

as marcas script, style, iframe, object, embed, form, input, button, textarea, select, link, meta e base;
atributos de evento como onclick e onload;
links ou imagens que começam com javascript:, data: ou vbscript:.

Continuam valendo: div, p, h2, img, a, table, ul, listas, svg simples e o atributo style dentro das marcas.

Depois de salvar, o que foi removido não volta. Guarde uma cópia do seu código original.

Para vídeo e mapa, use os blocos Vídeo e Mapa. Para scripts (chat, rastreamento) use (Código personalizado).

Aba Estilo (igual em todos os blocos livres)

Ao lado de Conteúdo há a aba Estilo. Ela tem os mesmos campos em todo bloco livre:

Fundo: Sem fundo, Cinza claro, Cor principal ou Cor de destaque (as cores do seu site). Em fundo escuro, os títulos ficam brancos. Saiba mais.
Outra cor de fundo: qualquer cor sua, que vale no lugar do fundo pronto. Use o seletor ou digite um código como #1b6a3a.
Cor do texto: muda a cor das letras do bloco. Vazio = automática.
Alinhamento do texto: Padrão, À esquerda, Centralizado ou À direita.
Espaço em cima e embaixo: Nenhum, Pequeno, Médio (padrão) ou Grande. No computador vale 0, 40, 76 ou 110 px; no celular o site reduz sozinho.
Largura: Alinhada ao conteúdo (padrão, com margens laterais) ou Tela inteira (de ponta a ponta). Saiba mais.
Mostrar em: Computador e celular, Só no computador ou Só no celular. Saiba mais.
Espaçamento (px): Preenchimento (espaço por dentro) de 0 a 400 e Margem (espaço por fora) de -300 a 400, nos quatro lados. O cadeado muda os quatro lados juntos. Em branco = padrão. Saiba mais.
No celular: Espaço em cima e embaixo, Alinhamento do texto, Preenchimento e Margem só para telas pequenas (padrão "Igual ao computador"). Use o botão de celular no alto do editor para conferir.
Animação ao aparecer na tela: Nenhuma, Surgir, Subir, Aproximar ou Vir do lado. Saiba mais.
CSS personalizado: para quem conhece CSS (até 5.000 caracteres; use selector para falar do bloco). Saiba mais.

O fundo, a cor do texto, o alinhamento e o espaço da aba Estilo valem para tudo o que está dentro do bloco, o que facilita ajustar seu HTML sem mexer no código.

Exemplos de uso

Tabela de valores de um empreendimento: <table>...</table>.
Selo ou crachá em imagem hospedada, com link para o site da entidade.
Texto formatado com várias cores e tamanhos de letra.

Veja também

Este artigo ajudou?