Como usar modelos Elementor no WordPress: 2026 Guia passo a passo - PT

Elementor vem com mais de 100 modelos prontos, e você pode colocar um em uma página em branco em cerca de dois cliques. A maioria dos iniciantes nunca os encontra. Eles ficam atrás de um pequeno ícone de pasta dentro do editor, então as pessoas reconstroem cada seção de herói, tabela de preços, e formulário de contato em mãos. São horas de trabalho para um layout que já estava na biblioteca, esperando.

Resposta rápida: Para usar um único layout, abra uma página com Editar com Elementor, clique no ícone da pasta (a biblioteca de modelos) na tela, escolha um bloco ou página, e bateu Inserir. Para um design completo de várias páginas, vamos para Modelos → Modelos de site no seu painel do WordPress, visualizar um kit, e clique Aplicar Kit para trazer todas as páginas e suas cores de uma só vez. Construa algo você mesmo? Usar Salvar como modelo, em seguida, reutilize-o em qualquer lugar ou exporte-o como um arquivo para mover entre sites.

Última revisão: Junho 2026. Etapas verificadas no editor Elementor atual e nos modelos de site (Biblioteca de Kits) interface.

A maioria das orientações para em “clique em Inserir.” Este continua: importando ZIPs de kits de terceiros, gerando um layout com IA integrada do Elementor, a linha grátis versus Pro que engana os compradores, e o problema de imagens faltantes que atinge quase todas as importações de kits. Elementor reorganizou seus planos em 2026 e mais empacotado “Um” planos, mas os recursos do modelo ainda estão divididos na mesma linha grátis versus Pro de sempre.

O que conta como um “Modelo” em Elementor

As pessoas agrupam três coisas diferentes em uma palavra. Saber qual você tem evita muito sofrimento mais tarde.

• Um modelo (bloco ou página). Um layout salvo. Um bloco é uma única seção, como um banner de herói, uma linha de depoimentos, ou uma tabela de preços. Um modelo de página é um layout de página inteira que você solta em uma página vazia.
• Um kit de modelos. Um conjunto coordenado cobrindo um site inteiro: lar, sobre, Serviços, contato, e páginas de blog que compartilham uma paleta de cores e sistema de fontes. Aplique um kit e você terá todas as páginas de uma só vez.
• Seu próprio modelo salvo. Qualquer seção ou página que você cria e salva uma vez, depois reutilize em todo o site. Cabeçalhos, rodapés, e blocos de apelo à ação estão aqui.

A biblioteca mistura modelos gratuitos com modelos Pro (os designs Pro carregam um pequeno emblema de coroa). Você pode navegar por tudo de qualquer maneira. Você simplesmente não pode inserir os coroados sem uma licença Pro.

Como inserir um modelo pré-fabricado em uma página

Este é o movimento diário: você está construindo uma página e deseja uma seção refinada sem projetá-la do zero.

• Abra a página no Elementor. Vamos para Páginas, abra a página desejada, e clique Editar com Elementor.
• Abra a biblioteca. Clique no ícone de pasta cinza no meio de uma seção vazia, ou o ícone da pasta na parte superior do painel do editor.
• Escolha blocos ou páginas. o Blocos guia contém seções únicas; a Páginas guia contém layouts completos. Filtrar por categoria (sobre, contato, preços, Serviços) para restringi-lo rapidamente.
• Pré-visualização, então insira. Passe o mouse sobre um modelo, clique na lupa para visualizá-la ao vivo, e clique Inserir quando você gosta.
• Faça login se solicitado. A primeira vez que você insere um modelo Pro, Elementor solicita que você conecte sua conta. Modelos gratuitos aparecem sem necessidade de conta.

Esse ícone de pasta é o que traz a edição de arrastar e soltar para o WordPress auto-hospedado, o mesmo ponto que abordamos em nosso WordPress versus. comparação de construtores de sites. Depois que um modelo chega à tela, cada bloco de texto, imagem, e o botão é editável no lugar.

Como aplicar um modelo de site completo (Biblioteca de Kits)

Uma única página é uma coisa. Um site inteiro em uma tarde economiza muito tempo. Isso é o que os kits fazem.

• Abra a biblioteca de kits. No seu painel do WordPress, vamos para Modelos → Modelos de site. Em instalações mais antigas, isso é rotulado Biblioteca de Kits.
• Navegar e visualizar. Filtrar kits por categoria, passe o mouse sobre o que você gosta, e clique Ver demonstração para ver a visualização ao vivo de várias páginas.
• Aplique o kit. Clique Aplicar Kit (algumas versões dizem Importar). Elementor configura as páginas, menus, e design global.
• Escolha todas ou peças selecionadas. Você pode importar o kit inteiro (cada página, além de cores globais, fontes, e configurações) ou marque apenas as partes desejadas, como apenas a página inicial e os estilos globais.
• Defina sua página inicial. As páginas importadas aparecem em Páginas. Aponte seu site para a nova página inicial em Definições → Leitura.

Kits completos de site precisam do Elementor Pro. Se você preferir descrever o site em linguagem simples e deixar o software montá-lo, esse é um fluxo de trabalho diferente, e nosso Guia do construtor AI WordPress caminha mais rápido, caminho orientado por prompt.

Como importar um kit ZIP (Marketplace ou outro site)

Os kits ZIP chegam até você de duas maneiras: um kit premium comprado em um mercado como o Envato, ou um kit de site que alguém exportou de outro site Elementor. Cada um usa um importador diferente, então verifique qual arquivo você tem primeiro.

De um mercado (Kits de modelo Envato):

• Baixe o kit ZIP. Compre o kit de modelo, em seguida, salve o ZIP no seu computador.
• Abra o importador de kit. No WordPress, vamos para Ferramentas → Kit de modelos, então clique Carregar arquivo ZIP do kit de modelo. Instale o grátis Importação de kit de modelo plugin primeiro se o WordPress solicitar.
• Instale os complementos necessários. Muitos kits dependem de plug-ins de widgets gratuitos. O importador sinaliza quais adicionar, então instale-os antes de inserir qualquer coisa.
• Insira o que você precisa. Coloque modelos individuais em páginas da biblioteca, ou importe as peças do kit juntas.

De outro site Elementor (kit de site nativo): Vamos para Elementor → Ferramentas → Modelos de site (versões mais antigas chamam isso de Importação / Kit de exportação), coloque no ZIP, e escolha quais peças trazer: Modelos (cabeçalhos, rodapés, layouts salvos), Conteúdo (páginas e postagens), e Configurações do site (cores e fontes globais). É o mesmo exportador que você usaria para clonar um site inteiro entre instalações.

Vendendo algo? Um kit WooCommerce é incluído no produto, carrinho, e layouts de checkout de uma só vez, que combina bem com a configuração em nosso Guia de hospedagem de comércio eletrônico WordPress. Basta confirmar o kit lista o suporte do WooCommerce antes de comprar.

Como salvar seu próprio modelo e reutilizá-lo

Construiu um cabeçalho, um bloco de preços, ou um formulário de contato que você usará novamente? Salve uma vez. Reutilize-o em qualquer lugar.

• Salvar uma página inteira. Clique na seta para cima ao lado do verde Publicar (ou atualização) botão na parte inferior do painel, escolher Salvar como modelo, diga, e salve.
• Salve um contêiner. Clique com o botão direito na alça do contêiner (o ícone de seis pontos acima dele) e escolha Salvar como modelo. Os contêineres substituíram o antigo layout de seções e colunas, mas esta etapa de salvamento funciona da mesma maneira.
• Encontre mais tarde. Os designs salvos chegam ao Meus modelos aba dentro da biblioteca.
• Reutilize. Em qualquer página, clique no ícone da pasta, abrir Meus modelos, e arraste o modelo para a tela (ou clique em Inserir).

Uma advertência que vale a pena saber: transformar um cabeçalho ou rodapé em um verdadeiro elemento para todo o site (então ele aparece em todas as páginas automaticamente) usa o Construtor de Temas, que é um recurso Pro. Salvar e reinserir funciona na versão gratuita, mas você o colocará manualmente todas as vezes.

Como mover modelos entre sites

Projetando em um site de teste e avançando para produção? Ou reutilizar um layout na instalação separada do WordPress de um cliente? Você não precisa do Pro para isso. Exporte o design como um arquivo.

• Exporte. Vamos para Modelos → Modelos salvos, passe o mouse sobre o modelo, e clique Exportar modelo. Você fará download de um arquivo JSON (um arquivo de layout de texto simples, nenhuma imagem incorporada).
• Importe-o para outro site. No segundo site, vamos para Modelos → Modelos salvos, clique Importar modelos, e carregue o JSON.
• Vincule novamente as imagens. Porque o arquivo não contém imagens, reenvie-os ou anexe-os novamente após a importação. Texto, disposição, e estilizar toda a transferência de forma limpa.

Pense nisso como o livre, versão manual do que os modelos de nuvem do Pro fazem automaticamente. Para alguns designs, é rápido. Para dezenas em muitos sites, a biblioteca na nuvem começa a se pagar.

Como personalizar um modelo importado

Um modelo leva você 80 por cento do caminho. O último 20 por cento está tornando-o seu, e é aqui que os estilos globais ganham o seu sustento.

Clique em qualquer elemento para trocar seu texto ou imagem diretamente. Para cores e fontes, não recolorir cada botão manualmente. Abrir Configurações do site no menu do editor, então edite Cores Globais e Fontes globais. Por que editar globalmente? Altere a cor de destaque uma vez em cada botão, cabeçalho, e o link vinculado a ele atualiza juntos. É assim que você mantém um kit com aparência consistente em vez de patchwork.

As alterações de layout são arrastadas e soltas: mover widgets, redimensionar colunas, e ocultar elementos em dispositivos específicos usando a visualização responsiva (Área de Trabalho, tábua, Móvel). Passe cinco minutos na visualização móvel antes de publicar. Os modelos que parecem nítidos em uma tela ampla geralmente se aglomeram em 390 pixels de largura.

Como gerar um modelo com Elementor AI

Não é possível encontrar um modelo de biblioteca adequado? Faça com que o Elementor construa um. Elementor AI reside dentro do editor e transforma um prompt escrito em um layout, então vale a pena conhecer como alternativa para navegar na biblioteca.

• Inicie um contêiner vazio. Adicione um novo contêiner, então procure o Construa com IA opção (o ícone roxo da IA).
• Descreva a seção. Digite o que quiser, gostar “uma seção de preços com três planos e um nível intermediário destacado.”
• Escolha uma variação. Elementor retorna três layouts. Clique Usar Layout naquele que você gosta e ele cai na tela como contêineres editáveis.
• Fazer referência a um site (opcional). Aponte a IA para um URL e ela criará contêineres com o estilo dessa página.

O mesmo painel escreve cópia, gera imagens, e produz CSS personalizado. Uma advertência honesta: Elementor AI é um complemento pago que roda em créditos, separado do seu plano Pro. E a saída precisa de limpeza, então trate-o como um primeiro rascunho rápido, não é uma página finalizada.

Grátis versus. Pró: Quais modelos você realmente obtém

Aqui está a divisão honesta, porque o marketing confunde tudo.

Elementor grátis oferece a biblioteca de modelos com uma combinação de modelos gratuitos de blocos e páginas. Você também recebe um pequeno conjunto de modelos de nuvem, além da capacidade de salvar, exportar, e importe seus próprios designs. Isso é o suficiente para construir um site página por página. Muitos sites ativos funcionam apenas com o plugin gratuito.

Elementor Pro desbloqueia o modelo de site completo (conjunto) biblioteca, com centenas de kits profissionais. Ele também adiciona o Theme Builder para cabeçalhos e rodapés de todo o site, o Construtor de Pop-up, conteúdo dinâmico, e mais que 100 widgets extras. O preço começa em US$ 59/ano (60 euros/ano) para o plano Essential em um site. Os níveis pagos aumentam a partir daí: Solo avançado em torno de USD 79, Avançado em USD 99 para três sites, e especialista em USD 199 para 25 sites. Elementor retirou sua licença vitalícia em 2022, então todo plano é renovado anualmente, e os planos anuais trazem uma 30-garantia de devolução do dinheiro em dia.

Resultado final do custo: se você precisar apenas de algumas páginas, Elementor grátis mais um kit de mercado ZIP pode levar você. O Pro ganha seu preço no momento em que você deseja modelos consistentes para todo o site, uma verdadeira biblioteca de kits, ou conteúdo dinâmico extraído de suas postagens.

Solução de problemas comuns de modelos

Quatro questões são responsáveis ​​pela maior parte do que dá errado. Trabalhe com eles em ordem.

As imagens desaparecem depois que importo um kit

A dor de cabeça mais comum, e geralmente não é um bug. Os kits são enviados com imagens de demonstração licenciadas que muitas vezes não podem ser redistribuídas, então eles nem sempre importam. Verifique seu Biblioteca de mídia primeiro. Se as imagens não estiverem lá, execute novamente a importação de conteúdo de demonstração do kit (se oferece um) ou substitua os espaços reservados por suas próprias imagens. De qualquer jeito, planejo trocar fotos de demonstração antes do lançamento de qualquer maneira.

O modelo que desejo mostra uma coroa e não é inserido

Essa coroa significa que é um modelo Pro. Contas gratuitas podem visualizá-lo, mas não inseri-lo. Escolha um modelo gratuito (filtrar a biblioteca apenas para liberar), ou atualize para Pro. Não há solução alternativa que seja legal e segura, então pule qualquer “anulado” Plug-ins profissionais que você encontra online. Eles são uma fonte comum de malware.

A importação do kit expira ou falha no meio do caminho

Kits grandes engasgam com limites rígidos de servidor. Levante o seu Limite de memória PHP (256 MB ou mais), tempo máximo de execução, e carregue o tamanho através do painel de controle do seu host ou php.ini. Se você não pode mudar isso, importar peças selecionadas em vez de todo o kit, ou mude para uma hospedagem mais rápida. Nosso Guia de hospedagem SSD cobre a camada onde o editor Elementor para de parecer lento, já que é um construtor com muitos recursos.

O layout parece quebrado logo após inseri-lo

Duas causas comuns. Primeiro, uma dependência ausente: o kit precisa de um complemento de widget que você não instalou, então seus elementos personalizados ficam vazios. Instale o complemento listado pelo importador. Segundo, um conflito de tema. Mude para o leve do Elementor Olá tema e verifique novamente. Se renderizar corretamente lá, seu tema antigo estava lutando contra o modelo.

perguntas frequentes

Os modelos Elementor são gratuitos, ou preciso do Pro?

Ambos. O plugin Elementor gratuito inclui uma biblioteca de modelos de blocos e páginas gratuitos que você pode inserir imediatamente. Você também pode salvar e importar seus próprios. Kits completos do site, o Construtor de Tema, e centenas de modelos premium exigem Elementor Pro, que começa em US$ 59/ano (60 euros/ano) para um site. Os modelos Pro são marcados com uma coroa na biblioteca.

Qual é a diferença entre um modelo Elementor e um kit de modelo?

Um modelo é um layout: uma única seção (como uma tabela de preços) ou uma página inteira. Um kit de modelo é um conjunto coordenado de páginas para um site inteiro (lar, sobre, Serviços, contato, blogue) que compartilham as mesmas cores e fontes. Você insere um modelo em uma página; você aplica um kit para construir o site inteiro de uma vez.

Como faço para importar um kit de modelo Elementor do Envato?

Baixe o Kit de Modelo ZIP da Envato, então no WordPress vá para Ferramentas → Kit de modelos e clique Carregar arquivo ZIP do kit de modelo. Se solicitado, instale primeiro o plugin gratuito Template Kit Import. Após o upload, instale quaisquer widgets complementares necessários nas listas do kit, em seguida, insira seus modelos da biblioteca.

Por que faltam imagens depois de importar um modelo Elementor?

Os kits são enviados com imagens de demonstração licenciadas que frequentemente não podem ser redistribuídas, então eles nem sempre são transferidos durante a importação. Verifique sua biblioteca de mídia, execute novamente a importação de conteúdo de demonstração do kit, se existir, ou substitua os espaços reservados por suas próprias imagens. Os modelos JSON exportados nunca carregam imagens, então eles sempre precisam ser religados.

Posso reutilizar um cabeçalho ou rodapé em páginas com modelos Elementor??

Você pode salvar um cabeçalho ou rodapé como modelo e inseri-lo novamente em cada página manualmente com a versão gratuita. Para que um apareça automaticamente em todo o site, você precisa do Construtor de Temas, que é um recurso Pro. Para a maioria dos iniciantes, salvar e reinserir é bom até que o site cresça.

Os modelos Elementor tornam meu site WordPress lento?

Os modelos em si não, mas Elementor adiciona CSS e marcação que podem inchar as páginas se você empilhar seções pesadas. Mantenha os modelos simples, usar um plug-in de cache, limitar complementos de widgets de terceiros, e hospedar em um servidor com recursos sólidos. Um host rápido é mais importante aqui do que os modelos.

Comece com a biblioteca, Não é uma página em branco

A parte difícil do Elementor não são os modelos. É lembrar que eles existem. Depois de saber que o ícone da pasta abre uma biblioteca de seções prontas, você para de projetar do zero. O mesmo vale para kits: Modelos → Modelos de site pode levantar um site inteiro, então você edita em vez de construir.

Mantenha o fluxo de trabalho simples: insira um modelo ou aplique um kit, trocar texto e imagens, defina suas cores e fontes globalmente, e salve tudo o que você reutilizar. Isso cobre 95 porcentagem do trabalho do Elementor no mundo real, tudo isso no plugin gratuito até que você precise especificamente das ferramentas do Pro para todo o site.

Construindo seu primeiro site? o ferramenta de busca de hospedagem combina você com um plano que mantém o editor Elementor rápido em vez de lento. E se você ainda está comparando o Elementor no WordPress com um construtor de sites hospedado, a comparação entre WordPress e construtores de sites anteriormente neste guia analisa essa compensação por completo.