A ferramenta Elementor facilita o design de belas páginas, artigos e sites inteiros. Entretanto, mesmo com um poderoso construtor de páginas como a Elementor em seu canto, 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 este recurso, você pode reduzir seu tempo de design e desenvolvimento criando templates reutilizáveis ou importando layouts de terceiros para o seu projeto.
Este artigo vai detalhar no flexível e poderoso sistema de importação/exportação do Elementor. Nós estaremos cobrindo tudo, desde templates de seções, até templates de páginas – e até mesmo exportando todo o seu site do Elementor. Vamos começar!
Como preparar o seu site para um novo template do Elementor (em 2 passos)
Os templates Elementor são layouts pré-desenhados que se aplicam a páginas individuais ou elementos específicos da Interface do Usuário (UI). Embora eles pareçam similares aos temas do WordPress, há algumas diferenças essenciais.
Os temas do WordPress mudam o design de um site inteiro. Em contraste, os templates do 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 templates do Elementor simultaneamente. Além disso, estes templates operam em um tema WordPress, seja gratuito ou premium.
A aplicação de um novo template do Elementor ao seu site pode mudar a aparência ou funções do mesmo. Com isto em mente, há algumas ações que você deve realizar antes de mudar seu template.
Passo 1: Crie um backup
É sábio criar um backup antes de mudar seu template Elementor. Este passo garante que você tenha conteúdo para restaurar se você encontrar problemas com seu novo design.
Vários plugins permitem que você crie um backup do site. Estes incluem o plugin UpdraftPlus, que pode copiar todos os seus arquivos e informações do banco de dados para a nuvem:
Se você é um cliente Kinsta, nós automaticamente fazemos backup 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).
Alternativamente, você pode criar um backup manualmente em qualquer ponto. Para conseguir isso, entre no seu painel do MyKinsta:
No menu à esquerda, selecione Sites e clique no site em questão. Em seguida, escolha Backups > Manual:
Basta dar um clique no botão Fazer backup agora, e cuidaremos do resto. Se você encontrar problemas e quiser restaurar seu backup mais recente, navegue até a aba 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 acompanha o site. Agora você pode optar por restaurar este backup para o seu site de produção ou para um site de teste.
Passo 2: Coloque o seu site no modo de manutenção
Mudar o template do seu site pode causar falhas inesperadas, bugs ou outros comportamentos estranhos. Após aplicar um novo design, você pode precisar gastar algum tempo testando seu site e fazendo ajustes.
Se um visitante tentar acessar seu site enquanto você estiver fazendo essas mudanças, elas podem impactar a qualidade da experiência deles. Isto pode fazer com que você perca em potenciais conversões.
Antes de aplicar um novo template do Elementor, você pode querer colocar seu site no modo de manutenção. Este passo irá impedir que os visitantes acessem seu site enquanto você estiver testando seu novo design.
Vários plugins podem criar um modo de manutenção personalizado. Entretanto, o modo de manutenção WP é uma escolha popular:
Este plugin tem muitos extras adicionados, incluindo a adição de uma contagem regressiva à sua tela de respingo de manutenção. Este recurso pode ajudá-lo a gerar um buzz ao redor do redesenho e relançamento do seu site.
Uma vez que seu site esteja em modo de manutenção, você está livre para experimentar vários templates e testar como eles aparecem no frontend do seu site. Quando você estiver satisfeito com os resultados, você pode tirar o seu site do modo de manutenção – e wow visitantes com o redesign do seu site.
Como salvar templates do Elementor (2 Métodos)
Como um dos construtores de páginas mais populares do mundo, a Elementor não tem falta de templates prontos de terceiros. Entretanto, às vezes você pode querer criar seus templates.
O uso de templates pode ajudá-lo a alcançar consistência de design em todo o seu site. Também pode economizar seu 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 templates com os elementos centrais que eles aplicam regularmente aos sites de seus clientes.
Método 1: Salve uma página como um template do Elementor
Você pode salvar qualquer página como um template do Elementor. Isto pode ajudá-lo a estabelecer uma aparência padrão, pronta para ser implantada em todo o seu site.
Por exemplo, você pode criar os menus do seu site, mais o cabeçalho e o rodapé do WordPress. Você pode então aplicar este template de página a todas as suas páginas web.
Criar um template 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 template do Elementor, encontre o botão verde Update/Publish na parte inferior da barra lateral do Elementor. Então, clique no ícone da seta que acompanha este botão:
Agora você pode clicar em Save as Template. Isto lança uma janela onde você pode dar a este template um nome descritivo:
Em seguida, clique em Save. Agora você pode acessar este projeto a qualquer momento, lançando a biblioteca do Elementor e selecionando a aba My Templates tab.
Método 2: Salve uma seção como um template do Elementor
Muitos sites apresentam elementos recorrentes. Estes incluem formulários de geração de leads ou textos descrevendo seus produtos mais vendidos.
Ao fazer um template de seção, você pode adicioná-lo a qualquer página com apenas alguns cliques. Você pode até mesmo criar templates de seção para diferentes categorias de conteúdo.
Por exemplo, você pode construir um template de Call To Action (CTA). Então, toda vez que você precisar de uma CTA, você pode simplesmente importar este template e ajustar suas mensagens.
Para criar um template, clique na seção em questão. Em seguida, selecione Save As Template:
Na janela que aparece, dê a este template um nome descritivo. Em seguida, clique em Salvar:
Para aplicar este template em qualquer seção, basta lançar a biblioteca de templates do Elementor. Você encontrará o design esperando em sua aba My Templates.
Como criar um template do Elementor
Enquanto você pode salvar qualquer página ou seção em andamento como um template do Elementor, às vezes você vai querer explicitamente criar um para reutilização. Neste cenário, você poderia começar seu design como uma página web regular do Elementor e então salvá-la como um template.
No entanto, você também pode informar à Elementor que você está criando um template com antecedência. Esta abordagem lhe dá mais flexibilidade para construir templates para diferentes áreas do seu site.
Por exemplo, você pode criar um template para sua página de erro 404, página de resultados de pesquisa, ou até mesmo criar um layout popup. Este método também permite que você use qualquer template em sua biblioteca como base para um novo design.
Para criar uma página ou template de seção, navegue para Templates > Saved Templates. Depois, clique em Add New. Na próxima janela, abra o menu suspenso Select the type of template…:
Agora você pode especificar o tipo de template que você quer criar. Nós já cobrimos templates de páginas e seções, mas esta janela lhe dá opções adicionais.
Após selecionar, dê um nome descritivo ao seu projeto e então clique em Create Template. Isto lança a biblioteca Elementor, onde você pode usar um template pré-existente como sua base. Alternativamente, você pode sair desta janela e começar com uma planilha limpa.
Agora você pode construir seu template usando o editor padrão do Elementor. Quando você estiver pronto para salvar seu design, clique em Publish. Isto irá lançar a caixa Publish Settings:
Aqui, você pode definir algumas regras para usar este template. Por exemplo, você pode clicar em Adicionar Condição e especificar que este layout é adequado apenas para páginas únicas.
Como exportar templates do Elementor
Você pode exportar os templates Elementor a partir do painel de controle do WordPress. Este método pode ajudá-lo a compartilhar projetos com seus colegas de trabalho ou enviá-los aos clientes para sua aprovação. Você pode até usar o recurso de exportação para criar backups dos seus designs do Elementor.
Exportar templates é uma maneira fácil de usar seus designs em vários domínios. Esta abordagem é útil para agências de design e desenvolvimento WordPress gerenciando inúmeros sites. Se você quer rentabilizar seus designs, exportá-los é frequentemente o primeiro passo para compartilhá-los com o mundo.
Navegue para Templates > Saved Templates no painel do WordPress para exportar um design. Esta aba exibe todos os templates salvos em sua biblioteca:
O WordPress também divide esses templates em páginas e abas de seção. Basta encontrar o template que você quer exportar e pairar sobre ele:
Quando o link Export Template aparecer, dê um clique nele. A Elementor irá agora baixar este template como um arquivo JSON.
Você também pode exportar seus templates a partir da biblioteca Elementor. Dentro desta biblioteca, abra a aba My Template. Encontre o template que você deseja exportar, e clique no ícone de três pontos que o acompanha:
Em seguida, clique em Export. A Elementor irá agora fazer o download deste template como um arquivo JSON.
Como importar templates do Elementos
Às vezes, você pode querer importar um template para a Elementor. Pode ser um desenho exportado de um site diferente ou comprado de um terceiro.
Se você tiver um template em formato JSON ou ZIP, você pode carregá-lo para a biblioteca do Elementor. Para começar, navegue para Templates > Saved Templates. No topo desta tela, clique em Import Templates:
Em seguida, selecione seu template de importação do Elementor e clique em Import Now. Este template agora aparecerá em sua biblioteca.
Para aplicar este design ao layout do seu site, simplesmente abra a página ou artigo em questão com o editor do Elementor. Em seguida, clique no ícone Add Template, que é representado por uma pasta branca:
Na próxima janela, selecione a aba My Templates. Aqui, você encontrará todos os seus templates importados do Elementor:
Para ver como este design ficará quando aplicado à página atual, clique em Preview. Se você estiver feliz em usar este template, selecione o link Insert que o acompanha.
Como exportar e importar uma página do Elementor individual
Você pode querer reutilizar a mesma página em vários sites. Por exemplo, se você opera vários sites WordPress, você pode utilizar uma página padrão Sobre Nós.
Ao invés de recriar esta página manualmente, você pode salvá-la como um template do Elementor e exportá-la. Você pode então importar o design para qualquer site que tenha a Elementor instalada.
Para salvar uma página individual como um template, clique no ícone da seta ao lado do botão Publish/Update do Elementor. Você pode então selecionar Save as Template:
No popup subsequente, dê o nome deste template. Em seguida, clique em Save.
A biblioteca de templates do WordPress deve abrir automaticamente. Você pode localizar o template que você acabou de criar e clicar em seu ícone de três pontos. Quando solicitado, selecione Export:
Alternativamente, você pode exportar este template de página única navegando para Templates > Saved Templates em seu painel de controle do WordPress. Então, passe o mouse sobre o template em questão e clique em Export.
Uma vez que o template de página única é armazenado com segurança no seu computador local, você pode importá-lo para outro site. Simplesmente mude para seu novo site e navegue para Templates > Saved Templates.
Na parte superior desta tela, clique em Import Templates. Agora você pode importar o seu design de página única.
Como exportar e importar seu site Elementor completo (em 3 passos)
Enquanto a Elementor facilita a importação e exportação de templates de página única, você também pode precisar exportar um site inteiro.
Por exemplo, você pode querer criar um kit de templates contendo todas as páginas padrão do seu site, como uma página de contato e uma página inicial. Você pode então usar este kit para formar seus sites básicos.
Vamos ver como você pode criar este kit. Veja como exportar todo o seu site do Elementor em três etapas fáceis!
Passo 1: Habilite o kit de exportação do Elementor
A função Kit de Exportação do Elementor pode exportar seu site completo, incluindo seu conteúdo e configurações.
Esta função pode ser útil se você estiver criando sites relacionados e quiser manter a mesma marca. Por exemplo, você pode fazer um microsite para promover o lançamento de um próximo produto.
No momento de escrever, o Kit de Exportação do Elementor é um recurso experimental. Você precisará habilitá-lo navegando para Elementor > Settings. Você pode então clicar na guia Experiments:
Vá até a seção Import Export Template Kit. Você pode então abrir o menu suspenso e selecionar Active:
Não se esqueça de ir até o final desta página e clicar em Save Changes. Este recurso experimental agora está pronto para ser usado.
Passo 2: Exporte todo o seu site Elementor
Em seu painel do WordPress, navegue até Elementor > Tools. Agora clique no Import/Export Kit:
Clique em Start Export. Quando solicitado, especifique o conteúdo e os dados que você deseja incluir no seu download.
Por exemplo, você pode optar por exportar apenas os seus templates. Alternativamente, você pode exportar todo o seu conteúdo, incluindo páginas, artigos, e tipos de artigos personalizados:
A seguir, clique para expandir a seção de Kit Information e dê um nome descritivo ao seu arquivo. Você também pode inserir uma descrição opcional:
Quando você estiver satisfeito com a sua seleção, clique em Export. A Elementor irá agora criar seu kit e exibir um resumo de tudo o que está incluído neste arquivo:
A Elementor irá baixar o kit gerado automaticamente para o seu computador. Quando solicitado, clique em Back to dashboard.
Passo 3: Importe seu site
Agora você pode importar seu kit de templates para qualquer site com a Elementor instalada. Ele irá substituir o seu conteúdo existente, por isso recomendamos a criação de um backup completo antes de prosseguir.
Uma vez que seu backup esteja no lugar, você precisará habilitar os Elementor Experiments no site de destino. Como antes, navegue até Elementor > Settings > Experiments. Você pode então selecionar a seção Import Export Template Kit e ativar este recurso.
A seguir, navegue para Templates > Kit Library. Clique em Start Import. Na tela subsequente, selecione o arquivo que você baixou no passo anterior:
Se você estiver aplicando seu kit em uma instalação pré-existente, a Elementor exibirá quaisquer templates com as mesmas condições que o que você está importando. Você pode então escolher quais templates substituir e quais manter.
Uma vez que você tenha feito sua seleção, clique em Next. A Elementor agora vai importar o seu kit de site.
Como corrigir o erro “Arquivo Inválido” do Elementor
Algumas vezes, você pode ver um erro “Invalid File” quando tenta importar um template. Isto tipicamente significa que você está tentando importar um template criado usando uma versão anterior do Elementor.
Para resolver este erro, você precisará mudar para uma versão anterior do Elementor temporariamente. Esta mudança pode causar problemas com o seu site.
Com isto em mente, nós recomendamos a criação de um backup completo antes de prosseguir. Você também pode querer considerar colocar o seu site no modo de manutenção.
Quando você estiver pronto para prosseguir, vá para a lista de plugins do Elementor. Em seguida, selecione Advanced View:
Na parte inferior da página, use o menu suspenso para escolher uma versão anterior do Elementor. Para obter os melhores resultados, recomendamos baixar a última versão do Elementor 1, que é a 1.9.8:
Uma vez que você tenha este 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 você acabou de baixar.
Alternativamente, você pode usar Easy Theme e Plugin Upgrades. Depois de ativar este plugin, você pode carregar uma versão mais antiga do Elementor sem desativar e excluir o lançamento mais recente.
Após carregar o release mais antigo do Elementor, navegue para Plugins > Installed Plugins. O WordPress deve ter mudado para a versão anterior do software automaticamente:
Agora você deve ser capaz de importar seu template sem nenhum problema. Assim que a importação estiver completa, navegue de volta para Plugins > Installed Plugins, e restaure a versão mais recente do Elementor. Este template deve agora estar em sua biblioteca, pronto para uso.
Top 3 complementos de Elementor para importação e exportação de templates
Como acabamos de ver, a Elementor tem um sistema robusto de importação e exportação. Out-of-the-box, você pode usar este recurso para criar templates para seções individuais, páginas, e até mesmo sites inteiros.
No entanto, você pode querer expandir esta funcionalidade integrada. Com isso em mente, aqui estão três templates de adição de templates de importação do Elementor que prometem sobrecarregar 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. Estes incluem vários recursos que podem se integrar ao seu fluxo de trabalho de importação e exportação:
Se você estiver trabalhando com vários sites, você pode querer usar o recurso de colar cópia e colar em vários domínios do Happy Addons Pro. Ele permite que você copie 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, você pode copiá-lo para o seu painel editor do Elementor. Além disso, este addon possui um recurso de importação sob medida. Ele fornece todas as funcionalidades que você esperaria do sistema embutido de importação e exportação Elementor.
Em particular, você pode procurar por templates do 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 templates de landing pages.
- Duplique qualquer página ou artigo com o recurso de Clone Feliz.
- Copie facilmente os templates 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. Mighty Addons for Elementor
Mighty Addons for Elementor vem com uma seleção de kits de templates pré-desenhados. Quando você importar esses kits para o seu site, você acessará todas as páginas que você precisa para projetar uma ampla gama de sites.
A Mighty Addons for Elementor fornece kits de templates para muitas indústrias diferentes. Estes incluem o bem-estar animal, fitness, hospitalidade, consultoria e até mesmo negócios de paraquedismo:
Este addon também tem um recurso de cópia colar em vários domínios. Isto pode ser uma adição poderosa ao fluxo de trabalho tradicional de importação/exportação Elementor se você gerenciar vários sites. Em particular, este recurso permite que você use qualquer seção, linha, coluna ou mesmo o conteúdo de uma página inteira em múltiplos sites alimentados pela Elementor.
Características:
- Copie facilmente imagens e vídeos entre domínios.
- Use uma grande variedade de templates de seções prontas para uso.
- Integre a ferramenta com o serviço de fotografia de estoque da Pixabay.
Preços: Você pode fazer o download do núcleo Mighty Addons para o plugin Elementor. Uma versão pro também está disponível, com licenças a partir de US$ 29.
3. Envato Elements
O plugin Envato Elements permite que você navegue por milhares de páginas e bloqueie templates sem sair do WordPress. Uma vez que você tenha encontrado seu template perfeito, você pode importá-lo para o seu site facilmente:
Para ajudá-lo a projetar um site com aparência profissional rapidamente, Envato Elements também fornece uma ampla gama de kits de templates. Além disso, este plugin oferece fácil acesso a mais de um milhão de imagens livres de royalties se você usar fotos de estoque.
Características:
- Templates multiuso
- Conteúdo flexível e totalmente customizável
- Importação com um clique
- Integração perfeita com a Elementor UI
Preços: Você pode baixar o plugin Elementor do Envato gratuitamente. No entanto, você precisará de uma assinatura Envato Elements para acessar e usar o conteúdo do template. O preço é de US$16.50 por mês.
Resumo
Não vamos fingir que projetar um site impressionante é simples. Felizmente, com as capacidades de exportação e importação de templates do Elementor, você não terá que começar cada projeto com um quadro limpo.
Você pode avançar rapidamente através dos estágios iniciais de desenvolvimento web, aproveitando os templates prontos. Você também pode criar templates de seções e páginas, prontos para serem reutilizados em projetos futuros. Se você está particularmente orgulhoso de um site, a Elementor pode até mesmo exportar o seu site inteiro. As possibilidades são infinitas!
Ao criar um site WordPress, você precisará de uma hospedagem poderosa. Na Kinsta, oferecemos uma gama de planos de hospedagem com desempenho otimizado para todas as suas necessidades do Elementor.
Deixe um comentário