Use o bloco HTML personalizado e adicione o código e visualize-o conforme você o edita. Este guia mostra como usar esse bloco para adicionar código ao seu site.
Neste guia
Antes de começar, o bloco HTML personalizado serve para adicionar código HTML bruto a uma única página ou post. Nem sempre ele é a ferramenta certa. Veja os casos com link abaixo. Se algum deles corresponder ao seu objetivo, esse é o caminho mais rápido para chegar lá.
- Incorpore um vídeo, mapa, post de rede social ou serviço de terceiros (YouTube, Spotify, Instagram, Giphy, Pinterest e muitos outros): veja Incorporar conteúdo de outras plataformas. O bloco de mídia incorporada funciona em todos os planos e oferece suporte a muitos serviços populares sem nenhum código personalizado.
- Colete dados de contato, cadastros ou feedback : veja o bloco Formulário. O bloco Formulário cria um formulário em funcionamento sem HTML.
- Adicione um estilo CSS ao seu site: consulte Adicionar CSS personalizado.
- Adicione código aos cabeçalhos do seu site (meta tags de verificação, scripts de terceiros que carregam em todo o site): consulte Adicionar código aos cabeçalhos.
Para adicionar o bloco HTML personalizado, siga estas etapas:
- Vá para o painel do seu site e selecione a página, post ou modelo ao qual você deseja adicionar o HTML.
- Clique no ícone + inserção de blocos e pesquise “HTML”.
- Clique no bloco HTML personalizado para adicioná-lo ao seu conteúdo.
Você encontra instruções detalhadas sobre como adicionar blocos neste link.
Depois de adicionar o bloco, siga estas etapas para adicionar seu código HTML:
- Clique no botão Editar HTML.
- Escreva ou cole seu código HTML no lado esquerdo do editor.
- Ao compor seu código HTML, você verá uma visualização do código no lado direito.
- Quando estiver tudo pronto, clique no botão Atualizar para salvar suas alterações.
Você verá o resultado do seu código HTML no editor. Para fazer alterações, clique no botão “Editar HTML” na barra de ferramentas do bloco.
HTML é uma linguagem de computação que diz aos navegadores como exibir o conteúdo do site. O WordPress.com permite as seguintes tags HTML em todos os planos:
- a
- address
- abbr
- acronym
- area
- article
- aside
- b
- big
- blockquote
- br
- caption
- cite
- class
- code
- col
- del
- details
- dd
- div
- dl
- dt
- em
- figure
- figcaption
- footer
- font
- h1, h2, h3, h4, h5, h6
- header
- hgroup
- i
- img
- ins
- kbd
- li
- map
- mark
- ol
- p
- pre
- q
- rp
- rt
- rtc
- ruby
- s
- section
- small
- span
- strike
- strong
- sub
- summary
- sup
- table
- tbody
- td
- tfoot
- th
- thead
- tr
- tt
- u
- ul
- var
Para adicionar as tags a seguir, você precisará de um plano pago com funcionalidades de hospedagem ativadas. Saiba como ativar as funcionalidades de hospedagem do seu plano.
embed, frame, iframe, form, input, object, textarea, script, style, link
Para obter mais informações sobre os tipos de código que você pode adicionar ao seu site, bem como alternativas quando um tipo de código não tem suporte, visite nosso guia sobre adicionar código ao seu site.
Se o seu código HTML não aparecer como esperado após salvar, verifique as seguintes causas comuns.
O WordPress.com filtra certas tags HTML por segurança. Tags como iframe, script, style, form, embed e object exigem um plano pago com funcionalidades de hospedagem ativadas.
Se o seu código desaparecer ou for parcialmente removido após salvar, siga estas verificações na ordem:
- Verifique seu plano. Acesse o painel do seu site e selecione Upgrades → Planos. O bloco HTML personalizado aceita tags restritas apenas em um plano pago. Se você estiver no plano gratuito, faça upgrade para qualquer plano pago para continuar.
- Ative funcionalidades de hospedagem. Um plano pago sozinho não é suficiente — as funcionalidades de hospedagem também devem estar ativas. Instale pelo menos um plugin em seu site para ativar seu plano e aceitar código personalizado.
- Reinsira seu código. Assim que seu plano for pago e as funcionalidades de hospedagem estiverem ativas, cole o código no bloco HTML personalizado novamente e salve.
Se o seu código ainda for removido após a ativação das funcionalidades de hospedagem, a tag pode não ser compatível neste contexto ou o serviço de terceiros pode publicar código incorporado que use marcação incompatível. Experimente o bloco de mídia incorporada ou consulte Resolver erros de “conteúdo inesperado ou inválido” abaixo.
Se você está tentando incorporar conteúdo de um serviço de terceiros (vídeos, música, mapas, posts em redes sociais, calendários, newsletters ou visualizadores de documentos), use o bloco de mídia incorporada. O bloco de mídia incorporada funciona em todos os planos, não exige que você escreva HTML e oferece suporte a serviços, como YouTube, Vimeo, Spotify, X, Instagram, TikTok e muitos outros.
Se o seu serviço não aparecer no bloco de mídia incorporada, provavelmente será necessário usar um iframe ou script. Adicione o código incorporado a um bloco HTML personalizado em um plano pago com funcionalidades de hospedagem ativadas.
Se aparecer uma mensagem informando que o bloco contém conteúdo inesperado ou inválido, isso significa que o HTML do bloco pode estar malformado ou ter sido alterado. Selecione Tentar restaurar o bloco para permitir que o editor corrija o problema automaticamente. Se o erro persistir, consulte nosso guia sobre a resolução de erros de bloco para obter mais opções.
Suporte 