Como importar e inserir um modelo de elementor (3 maneiras)

Como importar um modelo Elementor: biblioteca de modelos Master Addons, botões do editor Elementor e um arquivo de modelo JSON

Você pode importar ou inserir um modelo Elementor de três maneiras: puxar uma página pronta da biblioteca Master Addons, inserir um modelo em uma página que você já está editando ou fazer upload de um arquivo JSON Inserir nunca limpa sua página Elementor adiciona o modelo como uma nova seção na parte inferior e deixa seu conteúdo existente onde ele está.

As capturas de tela abaixo vêm do Elementor 4.2 e Master Addons, ambos gratuitos, a menos que uma etapa diga o contrário Se você ainda precisar de algo para importar, o Biblioteca de modelos Master Addons tem mais de 500 modelos de página e 100 deles são gratuitos.

Qual método você precisa?

O que você temMétodoOnde começa
Nada ainda, você quer uma página finalizada1. importação da biblioteca Master AddonsPáginas → MA Importação
Uma página aberta no Elementor que precisa de uma seção ou layout2. Inserir de dentro do editorA pasta ou ícone de complementos mestres na tela
Um arquivo de modelo .json (ou um .zip de vários)3. importe o arquivo JSONModelos → Modelos salvos ou o ícone de upload no editor
Um kit de modelos completo ZIP da Envato ou ThemeForestImporte-o como um kitO guia de importação de kit de modelo

Antes de começar

Você precisa do plugin Elementor gratuito e do gratuito Adições Mestres plugin, ambos ativos Modelos marcados como GRATUITOS na importação da biblioteca sem licença, e os marcados como PRO precisam do Master Addons Pro. Nenhuma das etapas abaixo precisa do Elementor Pro.

Em um site ao vivo, tenha em mente que o Método 1 publica a nova página imediatamente Mude para rascunho se os visitantes ainda não a verem.

Método 1: Importe uma página pronta da biblioteca Master Addons

Use isso quando quiser uma página finalizada, como uma página inicial, página de contato ou página de preços, sem construí-la primeiro Não há arquivo para baixar.

Passo 1: Abra as páginas de importação

Vá para Páginas no seu painel Ao lado de Adicionar Página há um botão de Importação MA. Clique nele e escolha Páginas de Importação A outra opção, Kits de Modelos, abre a biblioteca de kits para importar um site inteiro.

botão de Importação MA na tela Páginas WordPress com opções de Kits de Modelos e Páginas de Importação

Passo 2: Encontre um modelo

A biblioteca abre na guia Páginas, que lista 211 páginas completas no momento da escrita, com 423 seções na guia ao lado Utilize o filtro Livre e Pro à esquerda para restringir a lista, e clique no coração em qualquer cartão para adicioná-lo aos Favoritos.

Master Addons Import Pages listagem de bibliotecas Modelos de páginas Elementor com filtros Free e Pro

Passo 3: Visualize-o e insira a página

Clique em Ver & Inserir em um cartão A visualização tem visualizações de desktop, tablet e celular, e um campo Título da página à esquerda Digite o título que a página deve ter em seu site e clique em Inserir página.

Visualização do modelo de página do elementor com o campo Título da página e botão Inserir página em complementos mestres

Passo 4: Abra no Elementor

O importador cria a página, traz o conteúdo e as imagens e mostra uma confirmação Clique em Editar com o Elementor para começar a trocar o texto e as fotos da demonstração ou Visualizar página para olhar primeiro.

Confirmação de que o modelo de página do Elementor foi importado, com botões Editar com Elementor e Visualizar página

O que acontece após a importação:

  • A página é publicada imediatamente, então configure-a para rascunho se o site estiver ativo.
  • Uma cópia também entra em Modelos → Modelos salvos, para que você possa reutilizar o design em outra página.
  • A tela Páginas recebe um filtro MA Importado que lista todas as páginas que você trouxe dessa maneira.
  • Importar o mesmo modelo duas vezes adiciona um “2” ao título da segunda cópia.

Você pode navegar na mesma biblioteca a partir de Master Addons → Template Library no painel Essa tela adiciona guias separadas para cabeçalhos e rodapés, e cada cartão tem seus próprios botões Visualizar e Importar.

Biblioteca de modelos de complementos mestres no painel do WordPress com guias Páginas, Seções, Rodapé e Cabeçalhos

Método 2: Insira um modelo Elementor em uma página que você já está editando

Abra a página com Editar com o Elementor e role até a área de queda vazia na parte inferior da tela Tem quatro botões redondos.

Área de queda do editor de elementor com botões Adicionar contêiner, biblioteca de elementadores, IA e modelos de complementos mestres

O ícone de pasta abre a própria biblioteca do Elementor, onde cada modelo que você salvou ou importou vidas O ícone Master Addons abre a biblioteca de modelos Master Addons sem sair do editor.

Inserir da biblioteca Master Addons

Clique no ícone Complementos Mestres A biblioteca possui guias para Páginas Prontas, Cabeçalhos, Rodapés e Seções, juntamente com um filtro de categoria e uma caixa de pesquisa.

Biblioteca de modelos de complementos mestres aberta dentro do editor Elementor mostrando páginas prontas

Clique em um design para visualizá-lo e clique em Inserir no canto superior direito.

Visualizando um modelo de complementos mestres no editor Elementor com o botão Inserir

O modelo cai como uma nova seção sob seu conteúdo atual Para movê-lo mais alto, arraste-o ou reordená-lo no painel Estrutura.

Insira um de seus modelos salvos

Clique no ícone de pasta e abra a guia Modelos Ele lista todos os modelos do seu site com seu tipo (página, seção ou contêiner) e a data em que foi criado Passe o mouse sobre o que você deseja e clique em Inserir.

Listagem de guias de modelos de biblioteca de elementadores modelos salvos com ações de visualização e inserção

A mesma lista é como você reutiliza seu próprio trabalho: salve uma seção como modelo em uma página e insira-a na próxima.

Método 3: Importe um arquivo JSON de modelo Elementor

Os modelos de elementor são compartilhados como arquivos .json, portanto, um modelo que você compra ou exporta de outro site geralmente virá nesse formato O elementor aceita um único arquivo .json ou um .zip contendo vários.

Importar de dentro do editor

Com uma página aberta no Elementor, clique no ícone da pasta e, em seguida, no ícone de upload (uma seta em um círculo) no canto superior direito da biblioteca Arraste o arquivo para dentro da caixa ou clique em Selecionar arquivo.

Modelo de importação de elementor para a tela da sua biblioteca para fazer upload de um arquivo de modelo JSON ou zip

Após o upload terminar, o modelo aparece na guia Modelos e você o insere como qualquer modelo salvo.

Importar do painel

Para importar sem abrir uma página, vá para Modelos → Modelos salvos e clique em Importar modelos no topo Escolha o arquivo e clique em Importar agora O modelo se junta à lista.

Tela de modelos salvos do Elementor com modelos de importação, escolha arquivo e importe agora

Exportar um modelo como JSON

Para copiar um modelo para outro site, vá para Modelos → Modelos salvos, passe o mouse sobre sua linha e clique em Exportar O link carrega o tipo de modelo, por exemplo Exportar contêiner ou Exportar seção Seu navegador baixa um arquivo.json, que você pode importar no outro site com qualquer opção acima.

Exportar link do contêiner em uma linha de modelo salva pelo Elementor para baixar o arquivo JSON

Importando um kit de modelos inteiro?

Um kit de modelos é um ZIP com cada página de um site mais um cabeçalho, um rodapé e estilos globais, e o importador de modelos não consegue lidar com isso Para kits Master Addons, use Pages → MA Import → Template Kits Para kits da Envato Elements ou ThemeForest, siga o Guia de kits de modelos Envato Elements. Os kits prontos estão no Kits de modelos de elementos página.

Quando o modelo importado não parece certo

Fontes ou cores não correspondem à visualização

As fontes e cores padrão do Elementor estão substituindo o modelo Ative Desativar cores padrão e Desativar fontes padrão; este guia mostra onde ambas as configurações estão.

O cabeçalho, rodapé ou barra lateral do seu tema envolve a página

Abra as configurações de página no Elementor e defina o layout para Elementor Canvas para uma página independente ou Elementor Full Width se quiser manter o cabeçalho e o rodapé do site.

Faltam partes do modelo

O modelo usa um widget de um plugin que não está ativo em seu site, geralmente Master Addons ou Elementor Pro. Ative esse plugin e recarregue o editor. O Lista de widgets Master Addons tem cada widget com seu nome, para que você possa verificar qual deles o modelo precisa.

O upload falha

Certifique-se de que o arquivo seja um modelo .json ou um .zip de modelos Um kit de modelo completo ZIP não importará dessa maneira Arquivos muito grandes também podem ultrapassar o limite de tamanho de upload do seu host, e seu host pode aumentá-lo.

Perguntas frequentes

A inserção de um modelo substitui meu conteúdo existente?

No. Elementor adiciona o modelo como uma nova seção na parte inferior da página e mantém tudo o que já estava lá Mover ou excluir seções depois, se você quiser que o modelo assuma a página.

Preciso do Elementor Pro para importar modelos?

No Importar um arquivo JSON, inserir modelos salvos e usar a biblioteca Master Addons funcionam todos com Elementor gratuito. Os modelos marcados como PRO na biblioteca Master Addons precisam de uma licença Master Addons Pro.

Para onde vão os modelos Elementor importados?

Os modelos importados e salvos aparecem em Modelos → Modelos salvos no seu painel e na guia Modelos da biblioteca do editor As páginas importadas com o MA Import também aparecem em Páginas.

Posso importar um modelo Elementor para uma página existente?

Sim. Abra a página no Elementor, clique na pasta ou no ícone de Master Addons na parte inferior da tela e insira o modelo. Ele é adicionado abaixo do seu conteúdo atual.

Quais tipos de arquivos o Elementor pode importar?

O importador de modelos leva um único arquivo.json ou um .zip que contém vários modelos .json Os kits de modelos completos precisam do importador de kits.

Próximo passo

Escolha um tipo de página no Biblioteca de modelos de página do elementor e importe-o com o Método 1. para blocos únicos em vez de páginas inteiras, o modelos de seção de Elementor grátis e modelos de seção herói são bons pontos de partida Os modelos 176 Pro vêm com os planos no página preços, e se algo aqui não funcionou para você, contacte-nos.

Foto de Roy Jemee
Roy Jemee
Sou Roy Jemee, Content Wrangler e Marketer da Pixar Labs, trabalhando em Master Addons para Elementor Escrevo os tutoriais, gravo os vídeos e mantenho a documentação atualizada, para que você sempre saiba como usar todos os recursos Eu também lido com suporte, então se você acertar um obstáculo, sou a pessoa que ajuda você a consertar respostas reais, de alguém que usa essas ferramentas todos os dias.