# Theme builder do Elementor: 7 templates globais O Theme Builder do Elementor monta header, footer, single e archive de forma visual, sem editar o código do tema. Segundo a W3Techs (2024), o Elementor roda em mais de 7% de todos os sites da web. Cada template usa condições de exibição com regras Include e Exclude. Escolha bem o tema base antes de começar. O Theme Builder é o recurso do Elementor PRO que transforma partes globais do site, como cabeçalho, rodapé e página de post, em templates editáveis no mesmo canvas visual do construtor. Em vez de mexer em arquivos PHP do tema, você desenha cada parte com widgets e define onde ela aparece. A primeira decisão técnica não é o design: é qual tema base vai segurar esses templates sem brigar com eles. Quem ignora isso costuma terminar com dois cabeçalhos na tela. Este guia mostra os tipos de template, o passo a passo de criação e as condições de exibição que decidem o que renderiza em cada URL. --- ## Visão geral: O que o theme builder controla O Theme Builder atua sobre 7 tipos de template globais: Header, Footer, Single de post e página, Archive, Search Results, Error 404 e, com WooCommerce ativo, Products. Cada tipo cobre uma camada diferente do site, e a soma deles substitui quase tudo que o tema entregaria por padrão. A tabela abaixo resume o papel de cada template e o gatilho que o ativa.
Theme Builder do Elementor: tipos de template e quando cada um renderiza
Tipo de templateO que controlaGatilho de exibição
HeaderCabeçalho global do siteSite inteiro ou por condição
FooterRodapé globalSite inteiro ou por condição
SingleLayout de post e página individualPor tipo de conteúdo
ArchiveListagens de categoria, tag e autorPor taxonomia
Search ResultsPágina de resultados de buscaQuery de busca
Error 404Página de erro 404URL inexistente
ProductsSingle de produto WooCommerceLoja ativa
Nos tickets da FULL (150 mil sites conectados), a confusão mais comum aparece entre Single de post e Single de página, dois templates distintos que muita gente trata como um só. Para entender o canvas antes de montar templates, vale revisar o tutorial de Elementor para iniciantes e, se a dúvida for sobre o conceito de tema do WordPress, o glossário cobre a base. ## Por que o tema base define o sucesso do theme builder A escolha do tema base é o fator que mais quebra um projeto de Theme Builder, e não o design. Em 1 cenário recorrente, você cria um Header no Theme Builder mas mantém um tema que gera o próprio cabeçalho, e o navegador renderiza dois headers empilhados na mesma página, sem nenhuma mensagem de erro visível para o administrador. O motivo é simples: o Theme Builder injeta a parte global via hook, mas não remove o que o tema já imprime. Por isso a recomendação técnica é usar um tema base mínimo como o Hello Elementor, que entrega só o esqueleto e cede o controle visual ao Elementor. O Astra também funciona porque permite desativar header e footer por página. Em temas genéricos pesados, a alternativa é ocultar o cabeçalho nativo pelo CSS do próprio tema antes de publicar o template. ## Passo a passo: Criar um header no theme builder Criar um header no Theme Builder leva cerca de 10 minutos e segue 4 etapas que valem para qualquer template global. O fluxo começa no menu Templates, passa pela montagem visual e termina na condição de exibição, que é o que faz o template ir para o ar. Veja o passo a passo oficial da Elementor para cada widget. ### Abra o theme builder pelo menu templates Acesse Templates > Theme Builder no painel do WordPress. A tela mostra um painel com todos os tipos de template em colunas. Clique no sinal de adicionar dentro do bloco Header para iniciar um novo cabeçalho. O Elementor abre a biblioteca com layouts prontos; você pode partir de um deles ou começar do zero com um container vazio. Essa tela central é o que diferencia o Theme Builder de criar páginas avulsas: aqui você enxerga o site por partes, não por URLs. ### Monte a estrutura com o widget site logo e o nav menu Dentro do editor, arraste um container e adicione os widgets globais do Theme Builder: Site Logo, que puxa o logotipo definido em Aparência, e Nav Menu, que renderiza um menu do WordPress. Esses widgets são dinâmicos, ou seja, refletem dados reais do site em vez de texto fixo. Configure o container como flexbox para alinhar logo à esquerda e menu à direita. Se precisar de ajuda com layout, o guia do flexbox container detalha o alinhamento responsivo dessa estrutura. ### Defina a condição de exibição antes de publicar Ao clicar em Publicar, o Theme Builder abre a janela de Display Conditions, e este é o passo que a maioria pula. Escolha Include > Entire Site para aplicar o header a tudo, ou restrinja por tipo de conteúdo, como Include > Singular > Posts. Sem nenhuma condição definida, o template fica salvo mas não renderiza em lugar nenhum. É por isso que muito header montado some do site: ele existe na biblioteca, mas nunca recebeu a regra de onde aparecer. ### Teste em modo anônimo e valide a renderização Depois de publicar, abra o site numa aba anônima para ver o resultado sem cache de login. Confirme que só um header aparece; se houver dois, o tema base ainda está imprimindo o cabeçalho nativo. Valide também a versão mobile, porque o Nav Menu do Theme Builder troca para o ícone hambúrguer em telas pequenas e precisa de ajuste de breakpoint. Esse teste de fechamento evita o erro mais reportado no suporte: template publicado que parece quebrado por causa de cache antigo. ## Condições de exibição: Include, exclude e prioridade As Display Conditions decidem qual template do Theme Builder vence quando 2 ou mais se sobrepõem, e a regra de prioridade não é óbvia. O Elementor avalia da condição mais específica para a mais ampla: um Single com Include na categoria "Notícias" tem prioridade sobre um Single com Include em Entire Site, que cobre o resto. O Exclude funciona como subtração, removendo URLs de um conjunto já incluído. Na prática, você cria um template geral com Entire Site e outro específico para uma seção, e o Theme Builder serve o específico onde a regra bate. Esse comportamento de cascata é o que o JetThemeCore do Crocoblock expande com ainda mais granularidade de regras. Documente as condições num lugar central: em sites com 5 ou mais templates ativos, a sobreposição mal planejada gera renderização errada que fica difícil de rastrear depois, sobretudo quando vários editores mexem no mesmo projeto. ## Theme builder, Crocoblock e FSE: Posicionamento O Theme Builder do Elementor não é a única forma de editar partes globais, e entender as 3 opções evita escolha errada. O Theme Builder do Elementor compete por edição visual integrada ao mesmo canvas do construtor, com curva de aprendizado curta e sem tocar em PHP do tema. O JetThemeCore do Crocoblock compete por granularidade de condições e listagens dinâmicas avançadas, indicado para diretórios e marketplaces. O FULL Site Editing nativo do WordPress compete por ser sem plugin, mas exige tema de blocos e tem menos controle fino sobre o pixel. Para a maioria dos sites institucionais e de conteúdo, o Theme Builder entrega o melhor equilíbrio entre liberdade visual e simplicidade, e evita migrar para outra lógica de edição sem necessidade real.

Legenda: a tela central de Templates > Theme Builder organiza o site por partes globais, não por URLs individuais.

## Quando o theme builder pesa na performance O Theme Builder adiciona consultas e carga de widgets dinâmicos que podem somar de 200 a 400 ms ao tempo de renderização em templates pesados. Cada widget dinâmico, como Post Content ou Nav Menu, executa lógica no servidor a cada carregamento, e um Single com muitos elementos repetidos sente esse custo. A correção não é abandonar o Theme Builder, e sim enxugar: remover widgets redundantes, ativar cache de página e limitar fontes externas. Em VPS abaixo de 2 GB de RAM com tráfego de pico, um Single muito carregado tende a elevar o uso de CPU; a recomendação é cachear o HTML e adiar scripts não críticos. O Elementor lento detalha o diagnóstico passo a passo, e o CSS personalizado no Elementor ajuda a trocar widgets pesados por estilo puro quando o template fica grande demais para o servidor entregar rápido. ## Plano FULL: O theme builder com o bundle completo O Theme Builder exige o Elementor PRO, e é aqui que o custo entra na conta. A gente vê no suporte da FULL que muita agência paga a licença anual avulsa do Elementor PRO por site, o que encarece rápido para quem gere vários projetos ao mesmo tempo. No plano PRO da FULL, por R$849, o Elementor PRO entra no bundle junto com outros 16 plugins premium, o que dá cerca de R$85 por site quando você distribui entre os 10 sites do plano. Para quem usa o Theme Builder em produção, isso troca várias licenças soltas por uma assinatura única. Veja os planos da FULL e a página do Elementor PRO para comparar valor por site, ou leia o review que mostra se o Elementor PRO vale a pena para o seu volume de projetos.

Perguntas frequentes sobre o theme builder do Elementor

É possível usar o Theme Builder do Elementor sem o tema gerar dois cabeçalhos?

Sim, basta usar um tema base que não imprima header próprio, como o Hello Elementor. O cabeçalho duplicado acontece porque o tema ativo gera seu header e o Theme Builder injeta outro por cima. A solução é trocar para um tema mínimo ou desativar o header nativo via opção do tema ou CSS antes de publicar o template do Theme Builder.

Por que o template do Theme Builder não aparece no site depois de publicado?

Porque ele foi salvo sem uma condição de exibição definida. O Theme Builder só renderiza um template quando você atribui uma Display Condition, como Include Entire Site ou Include Singular Posts. Sem essa regra, o template fica na biblioteca, mas nunca recebe ordem de onde aparecer. Reabra o template, clique em Publicar e defina a condição na janela que abre.

Qual a diferença entre o Theme Builder e os templates de página do Elementor?

O Theme Builder controla partes globais e dinâmicas do site, como header, footer e o layout de todos os posts de uma vez. Os templates de página são layouts avulsos aplicados a uma URL específica. Em resumo, um template de página desenha uma página; um Single do Theme Builder desenha o modelo que vale para centenas de posts ao mesmo tempo, puxando o conteúdo de cada um dinamicamente.

Quanto custa o Theme Builder do Elementor no bundle da FULL?

O Theme Builder exige o Elementor PRO, que no plano PRO da FULL sai por R$849 com mais 16 plugins premium inclusos, o equivalente a cerca de R$85 por site nos 10 sites do plano. Comprado avulso, a licença anual do Elementor PRO custa por site e encarece para quem gere vários projetos. O bundle troca várias licenças soltas por uma assinatura única.

O que o Theme Builder do Elementor permite editar além de header e footer?

Permite editar 7 tipos de template: Header, Footer, Single de post e página, Archive de listagens, Search Results, Error 404 e Products do WooCommerce. Cada tipo controla uma camada do site com widgets dinâmicos que puxam dados reais. Isso cobre praticamente toda a estrutura visual que antes dependia de editar arquivos PHP do tema.

## Próximos passos para dominar os templates globais O Theme Builder do Elementor entrega controle visual sobre todo o site quando duas decisões técnicas vêm antes do design: o tema base certo e o mapa de condições de exibição. Comece com um tema mínimo, monte o Header e o Footer com Display Conditions claras e só então avance para Single e Archive. Teste cada template em modo anônimo para flagrar header duplicado ou template que não renderiza, os dois erros mais comuns no suporte. Para aprofundar o assunto com outros tutoriais e reviews na mesma página, explore todos os artigos de Elementor da FULL e o guia Domine o Elementor. Para continuar aprendendo WordPress, o FULL Academy reúne tutoriais, guias e reviews em um só lugar: FULL Academy.