Como exportar e importar sites Elementor (seu guia completo)
Publicados: 2022-05-24A ferramenta Elementor facilita o design de belas páginas, postagens e sites inteiros. No entanto, mesmo com um construtor de páginas poderoso, como o Elementor, ao seu lado, criar um novo design de site leva tempo e esforço.
É aí que entra o sistema de importação e exportação do Elementor. Usando esse recurso, você pode reduzir seu tempo de design e desenvolvimento criando modelos reutilizáveis ou importando layouts de terceiros para seu projeto.
Este post mergulhará profundamente no sistema de importação/exportação flexível e poderoso da Elementor. Estaremos cobrindo tudo, desde modelos de seção até modelos de página - e até exportamos todo o site Elementor. Vamos começar!
Como preparar seu site para um novo modelo Elementor (em 2 etapas)
Os modelos Elementor são layouts pré-projetados que se aplicam a páginas individuais ou elementos específicos da interface do usuário (UI). Embora pareçam semelhantes aos temas do WordPress, existem algumas diferenças essenciais.
Os temas do WordPress alteram o design de um site inteiro. Por outro lado, os modelos Elementor afetam o layout de uma única página da Web. Como eles estão limitados a apenas uma página, é possível usar vários modelos Elementor simultaneamente. Além disso, esses modelos operam em um tema WordPress, seja gratuito ou premium.
A aplicação de um novo modelo Elementor ao seu site pode alterar a aparência ou o funcionamento. Com isso em mente, existem algumas ações que você deve realizar antes de alterar seu modelo.
Etapa 1: criar um backup
É aconselhável criar um backup antes de alterar seu modelo Elementor. Esta etapa garante que você tenha conteúdo para restaurar se encontrar problemas com seu novo design.
Vários plugins permitem que você crie um backup do site. Isso inclui o plug-in UpdraftPlus, que pode copiar todos os seus arquivos e informações do banco de dados para a nuvem:
Se você é um cliente Kinsta, fazemos backup automático do seu site todos os dias. Se você precisar de backups mais frequentes, podemos copiar seu site a cada seis horas (US$ 50 por site, por mês) ou a cada hora (US$ 100 por site, por mês).
Como alternativa, você pode criar um backup manualmente a qualquer momento. Para conseguir isso, faça login no seu painel MyKinsta:
No menu à esquerda, selecione Sites e clique no site em questão. Em seguida, escolha Backups > Manual :
Basta clicar no botão Fazer backup agora e nós cuidaremos do resto. Se você encontrar problemas e quiser restaurar seu backup mais recente, navegue até a guia Backups > Manual . Aqui, o MyKinsta exibe uma lista de todos os seus backups:
Para restaurar uma versão anterior do seu site, clique no botão Restaurar para que o acompanha. Agora você pode optar por restaurar esse backup em seu site ativo ou em um site de teste.
Etapa 2: coloque seu site no modo de manutenção
Alterar o modelo do seu site pode causar falhas inesperadas, bugs ou outro comportamento estranho. Depois de aplicar um novo design, talvez seja necessário passar algum tempo testando seu site e fazendo ajustes.
Se um visitante tentar acessar seu site enquanto você estiver fazendo essas alterações, ele poderá afetar a qualidade de sua experiência. Isso pode fazer com que você perca potenciais conversões.
Antes de aplicar um novo modelo Elementor, você pode colocar seu site no modo de manutenção. Esta etapa impedirá que os visitantes acessem seu site enquanto você testa seu novo design.
Vários plugins podem criar um modo de manutenção personalizado. No entanto, o WP Maintenance Mode é uma escolha popular:
Este plugin tem muitos extras adicionados, incluindo a adição de uma contagem regressiva à sua tela inicial de manutenção. Esse recurso pode ajudar você a gerar um burburinho sobre o redesenho e o relançamento do seu site.
Quando seu site estiver no modo de manutenção, você poderá experimentar vários modelos e testar como eles aparecem no front-end do seu site. Quando estiver satisfeito com os resultados, você pode tirar seu site do modo de manutenção – e impressionar os visitantes com a reformulação do seu site.
Como salvar modelos Elementor (2 métodos)
Como um dos construtores de páginas mais populares do mundo, o Elementor não tem escassez de modelos de terceiros prontos. No entanto, às vezes você pode querer criar seus modelos.
O uso de modelos pode ajudá-lo a obter consistência de design em todo o site. Também pode economizar tempo, principalmente se você estiver usando os mesmos designs em vários sites.
Por exemplo, as agências de design e desenvolvimento do WordPress podem se beneficiar da criação de modelos com os elementos principais que aplicam regularmente aos sites de seus clientes.
Método 1: Salvar uma página como um modelo Elementor
Você pode salvar qualquer página como um modelo Elementor. Isso pode ajudá-lo a estabelecer uma aparência padrão, pronta para implantação em seu site.
Por exemplo, você pode criar os menus do seu site, além do cabeçalho e do rodapé do WordPress. Você pode então aplicar este modelo de página a todas as suas páginas da web.
Criar um modelo também significa que você não terá que recriar manualmente os mesmos elementos para cada página da web. Esta é uma excelente notícia para a sua produtividade.
Para salvar a página atual como um modelo do Elementor, localize o botão verde Atualizar/Publicar na parte inferior da barra lateral do Elementor. Em seguida, clique no ícone de seta que acompanha este botão:
Agora você pode clicar em Salvar como modelo . Isso abre uma janela onde você pode dar a este modelo um nome descritivo:
Em seguida, clique em Salvar . Agora você pode acessar esse design a qualquer momento iniciando a biblioteca Elementor e selecionando a guia Meus modelos .
Método 2: Salvar uma seção como um modelo Elementor
Muitos sites apresentam elementos recorrentes. Isso inclui formulários de geração de leads ou texto descrevendo seus produtos mais vendidos.
Ao criar um modelo de seção, você pode adicioná-lo a qualquer página com apenas alguns cliques. Você pode até criar modelos de seção para diferentes categorias de conteúdo.
Por exemplo, você pode criar um modelo de Call To Action (CTA). Então, toda vez que você precisar de um CTA, basta importar esse modelo e ajustar suas mensagens.
Para criar um modelo, clique com a tecla Control pressionada na Seção em questão. Em seguida, selecione Salvar como modelo :
Na janela que aparece, dê a este modelo um nome descritivo. Em seguida, clique em Salvar :
Para aplicar este modelo a qualquer seção, basta iniciar a biblioteca Elementor Template. Você encontrará o design esperando na guia Meus modelos .
Como criar um modelo Elementor
Embora você possa salvar qualquer página ou seção em andamento como um modelo Elementor, às vezes você desejará explicitamente criar uma para reutilização. Nesse cenário, você pode iniciar seu design como uma página da Web normal do Elementor e salvá-lo como um modelo.
No entanto, você também pode informar ao Elementor que está criando um modelo com antecedência. Essa abordagem oferece mais flexibilidade para criar modelos para diferentes áreas do seu site.
Por exemplo, você pode criar um modelo para sua página de erro 404, página de resultados de pesquisa ou até mesmo criar um layout pop-up. Esse método também permite que você use qualquer modelo em sua biblioteca como base para um novo design.
Para criar um modelo de página ou seção, navegue até Modelos > Modelos salvos . Em seguida, clique em Adicionar Novo . Na próxima janela, abra a lista suspensa Selecione o tipo de modelo… :
Agora você pode especificar o tipo de modelo que deseja criar. Já abordamos os modelos de página e seção, mas esta janela oferece opções adicionais.
Depois de selecionar, dê um nome descritivo ao seu design e clique em Criar modelo . Isso inicia a biblioteca Elementor, onde você pode usar um modelo pré-existente como base. Alternativamente, você pode sair desta janela e começar do zero.
Agora você pode criar seu modelo usando o editor Elementor padrão. Quando estiver pronto para salvar seu design, clique em Publicar . Isso iniciará a caixa Configurações de publicação :
Aqui, você pode definir algumas regras para usar este modelo. Por exemplo, você pode clicar em Adicionar condição e especificar que esse layout é adequado apenas para páginas únicas.
Como exportar modelos do Elementor
Você pode exportar modelos Elementor do painel do WordPress. Esse método pode ajudá-lo a compartilhar designs com seus colegas de trabalho ou enviá-los aos clientes para aprovação. Você pode até usar o recurso de exportação para criar backups de seus designs Elementor.
A exportação de modelos é uma maneira fácil de usar seus designs em vários domínios. Essa abordagem é útil para agências de design e desenvolvimento do WordPress que gerenciam vários sites. Se você deseja monetizar seus designs, exportá-los geralmente é o primeiro passo para compartilhá-los com o mundo.
Navegue até Modelos > Modelos salvos no painel do WordPress para exportar um design. Esta guia exibe todos os modelos salvos em sua biblioteca:
O WordPress também divide esses modelos em guias de página e seção . Basta encontrar o modelo que você deseja exportar e passar o mouse sobre ele:
Quando o link Exportar modelo aparecer, clique nele. O Elementor agora fará o download deste modelo como um arquivo JSON.
Você também pode exportar seus modelos da biblioteca Elementor. Dentro desta biblioteca, abra a aba My Template . Encontre o modelo que deseja exportar e clique no ícone de três pontos que o acompanha:
Em seguida, clique em Exportar . O Elementor agora fará o download deste modelo como um arquivo JSON.
Como importar modelos do Elementor
Às vezes, você pode querer importar um modelo para o Elementor. Pode ser um design exportado de um site diferente ou comprado de terceiros.
Se você tiver um modelo no formato JSON ou ZIP, poderá carregá-lo na biblioteca Elementor. Para começar, navegue até Modelos > Modelos salvos . Na parte superior desta tela, clique em Importar modelos :
Em seguida, selecione seu modelo de importação Elementor e clique em Importar agora . Este modelo aparecerá agora em sua biblioteca.
Para aplicar esse design ao layout do seu site, basta abrir a página ou postar em questão com o editor Elementor. Em seguida, clique no ícone Adicionar modelo , que é representado por uma pasta branca:
Na próxima janela, selecione a guia Meus modelos . Aqui, você encontrará todos os seus modelos importados do Elementor:
Para ver como esse design ficará quando aplicado à página atual, clique em Visualizar . Se estiver satisfeito em usar este modelo, selecione o link Inserir que o acompanha.
Quer saber como aumentamos nosso tráfego em mais de 1000%?
Junte-se a mais de 20.000 pessoas que recebem nossa newsletter semanal com dicas privilegiadas do WordPress!
Como exportar e importar uma página individual do Elementor
Você pode querer reutilizar a mesma página em vários sites. Por exemplo, se você opera vários sites WordPress, pode utilizar uma página padrão Sobre nós.
Em vez de recriar esta página manualmente, você pode salvá-la como um modelo Elementor e exportá-la. Você pode importar o design para qualquer site que tenha o Elementor instalado.
Para salvar uma página individual como modelo, clique no ícone de seta ao lado do botão Publicar/Atualizar do Elementor. Você pode então selecionar Salvar como modelo :
No pop-up subsequente, dê um nome a este modelo. Em seguida, clique em Salvar .
A biblioteca de modelos do WordPress deve abrir automaticamente. Você pode localizar o modelo que acabou de criar e clicar no ícone de três pontos. Quando solicitado, selecione Exportar :
Como alternativa, você pode exportar este modelo de página única navegando até Modelos > Modelos salvos no painel do WordPress. Em seguida, passe o mouse sobre o modelo em questão e clique em Exportar .
Depois que o modelo de página única estiver armazenado com segurança em seu computador local, você poderá importá-lo para outro site. Basta mudar para o seu novo site e navegar até Modelos > Modelos salvos .
Na parte superior desta tela, clique em Importar modelos . Agora você pode importar seu design de página única.
Como exportar e importar todo o seu site Elementor (em 3 etapas)
Embora o Elementor facilite a importação e exportação de modelos de página única, você também pode precisar exportar um site inteiro.
Por exemplo, talvez você queira criar um kit de modelo contendo todas as páginas padrão de seu site, como uma página de contato e uma página inicial. Você pode usar este kit para formar seus sites básicos.
Vamos ver como você pode criar este kit. Veja como exportar todo o seu site Elementor em três etapas fáceis!
Etapa 1: ativar o kit de exportação do Elementor
A função Export Kit do Elementor pode exportar seu site completo, incluindo seu conteúdo e configurações.
Essa função pode ser útil se você estiver criando sites relacionados e quiser manter a mesma marca. Por exemplo, você pode criar um microsite para promover o lançamento de um produto.
No momento da redação deste artigo, o Kit de exportação do Elementor é um recurso experimental. Você precisará habilitá-lo navegando até Elementor > Settings . Você pode então clicar na guia Experimentos :
Role até a seção Kit de modelos de exportação de importação . Você pode então abrir a lista suspensa e selecionar Ativo :
Não se esqueça de rolar até o final desta página e clicar em Salvar alterações . Esse recurso experimental agora está pronto para uso.
Etapa 2: exporte todo o seu site Elementor
No painel do WordPress, navegue até Elementor > Ferramentas . Agora clique no Kit de Importação/Exportação :
Clique em Iniciar Exportação . Quando solicitado, especifique o conteúdo e os dados que deseja incluir no download.
Por exemplo, você pode optar por exportar apenas seus modelos. Como alternativa, você pode exportar todo o seu conteúdo, incluindo páginas, postagens e tipos de postagem personalizados:
Em seguida, clique para expandir a seção Informações do kit e dê um nome descritivo ao seu arquivo. Você também pode inserir uma descrição opcional:
Quando estiver satisfeito com sua seleção, clique em Exportar . O Elementor agora criará seu kit e exibirá um resumo de tudo incluído neste arquivo:
A Elementor fará o download do kit gerado para o seu computador automaticamente. Quando solicitado, clique em Voltar ao painel .
Etapa 3: importe seu site
Agora você pode importar seu kit de modelos para qualquer site com o Elementor instalado. Ele substituirá seu conteúdo existente, por isso recomendamos criar um backup completo antes de continuar.
Quando o backup estiver pronto, você precisará habilitar Elementor Experiments no site de destino. Como antes, navegue até Elementor > Configurações > Experimentos . Você pode então selecionar a seção Importar Export Template Kit e ativar esse recurso.
Em seguida, navegue até Templates > Kit Library . Clique em Iniciar importação . Na tela seguinte, selecione o arquivo que você baixou na etapa anterior:
Se você estiver aplicando seu kit a uma instalação pré-existente, o Elementor exibirá todos os modelos com as mesmas condições do que você está importando. Você pode então escolher quais modelos substituir e quais manter.
Depois de fazer sua seleção, clique em Avançar . O Elementor agora importará seu kit de site.
Como corrigir o erro “Arquivo inválido” do Elementor
Às vezes, você pode ver um erro de “Arquivo inválido” ao tentar importar um modelo. Isso normalmente significa que você está tentando importar um modelo criado usando uma versão anterior do Elementor.
Para resolver esse erro, você precisará alternar temporariamente para uma versão anterior do Elementor. Essa alteração pode causar problemas no seu site.
Com isso em mente, recomendamos criar um backup completo antes de continuar. Você também pode considerar colocar seu site no modo de manutenção.
Quando estiver pronto para continuar, vá para a lista de plugins Elementor. Em seguida, selecione Visualização avançada :
Na parte inferior da página, use o menu suspenso para escolher uma versão anterior do Elementor. Para melhores resultados, recomendamos baixar a última versão do Elementor 1, que é 1.9.8 :
Depois de ter esse arquivo, você tem algumas opções. Você pode desativar e excluir sua versão atual do Elementor. Você pode então carregar e ativar o software que acabou de baixar.
Alternativamente, você pode usar o Tema Fácil e as Atualizações de Plugin. Depois de ativar este plug-in, você pode fazer upload de uma versão mais antiga do Elementor sem desativar e excluir a versão mais recente.
Depois de carregar a versão mais antiga do Elementor, navegue até Plugins > Plugins instalados . O WordPress deveria ter mudado para a versão anterior do software automaticamente:
Agora você deve poder importar seu modelo sem problemas. Assim que a importação estiver concluída, navegue de volta para Plugins > Plugins instalados e restaure a versão mais recente do Elementor. Este modelo deve estar agora em sua biblioteca, pronto para uso.
Os 3 principais complementos do Elementor para importar e exportar modelos
Como acabamos de ver, o Elementor possui um sistema robusto de importação e exportação. Pronto para uso, você pode usar esse recurso para criar modelos para seções individuais, páginas e até sites inteiros.
No entanto, você pode querer expandir essa funcionalidade interna. Com isso em mente, aqui estão três complementos de modelo de importação Elementor que prometem turbinar o processo de importação e exportação!
1. Happy Addons Pro
Happy Addons Pro estende a experiência padrão do Elementor adicionando mais de 20 novos recursos. Isso inclui vários recursos que podem ser integrados ao seu fluxo de trabalho de importação e exportação:
Se você estiver trabalhando com vários sites, convém usar o recurso de copiar e colar entre domínios do Happy Addons Pro. Ele permite que você copie o conteúdo de um site facilmente e cole-o em um domínio totalmente diferente.
Se você quiser reutilizar qualquer conteúdo de demonstração do Happy Addons Pro, poderá copiá-lo no painel do editor Elementor. Além disso, este addon possui um recurso de importação sob medida. Ele fornece toda a funcionalidade que você esperaria do sistema de importação e exportação Elementor integrado.
Em particular, você pode pesquisar modelos Happy Addon com base nos nomes das seções ou filtrar por categoria de seção de página.
Características:
- Escolha entre mais de 70 modelos de página de destino.
- Duplique qualquer página ou postagem com o recurso Happy Clone.
- Copie facilmente modelos de seção do conteúdo de demonstração do HappyAddons Pro.
- Copie uma seção de qualquer site e cole-a em um domínio diferente.
Preços: as licenças anuais começam em US$ 33.
2. Complementos poderosos para Elementor
Mighty Addons for Elementor vem com uma seleção de kits de modelos pré-projetados. Ao importar esses kits para seu site, você acessará todas as páginas necessárias para criar uma ampla variedade de sites.
O Mighty Addons for Elementor fornece kits de modelos para vários setores diferentes. Estes incluem bem-estar animal, fitness, hospitalidade, consultoria e até mesmo negócios de paraquedismo:
Este complemento também possui um recurso de copiar e colar entre domínios. Isso pode ser uma adição poderosa ao fluxo de trabalho tradicional de importação/exportação do Elementor se você gerenciar vários sites. Em particular, esse recurso permite que você use qualquer seção, linha, coluna ou até mesmo o conteúdo de uma página inteira em vários sites da Elementor.
Características:
- Copie facilmente imagens e vídeos entre domínios.
- Use uma ampla variedade de modelos de seção prontos para uso.
- Integre a ferramenta com o serviço de fotografia Pixabay.
Preço: Você pode baixar o plugin principal Mighty Addons for Elementor. Uma versão pro também está disponível, com licenças a partir de US$ 29.
3. Elementos do Envato
O plugin Envato Elements permite navegar por milhares de páginas e bloquear templates sem sair do WordPress. Depois de encontrar o modelo perfeito, você pode importá-lo facilmente para o seu site:
Para ajudá-lo a criar um site com aparência profissional rapidamente, o Envato Elements também oferece uma ampla variedade de kits de modelos. Além disso, este plugin oferece acesso fácil a mais de um milhão de imagens isentas de royalties se você usar fotos de banco de imagens.
Características:
- Modelos multiuso
- Conteúdo flexível e totalmente personalizável
- Importação com um clique
- Integração perfeita com a interface do usuário do Elementor
Preço: Você pode baixar o plugin Envato Elements gratuitamente. No entanto, você precisará de uma assinatura do Envato Elements para acessar e usar o conteúdo do modelo. Isso custa US $ 16,50 por mês.
Resumo
Não vamos fingir que projetar um site impressionante é simples. Felizmente, com os recursos de modelo de exportação e importação do Elementor, você não precisará iniciar todos os projetos do zero.
Você pode avançar rapidamente pelos estágios iniciais de desenvolvimento da Web aproveitando os modelos prontos. Você também pode criar modelos de seção e página, prontos para serem reutilizados em projetos futuros. Se você está particularmente orgulhoso de um site, o Elementor pode até exportar seu site inteiro. As possibilidades são infinitas!
Ao criar um site WordPress, você precisará de um host poderoso ao seu lado. Na Kinsta, oferecemos uma variedade de planos de hospedagem com desempenho otimizado para todas as suas necessidades Elementor.