9 maneiras de importar / exportar o Elementor ajuda os criadores da web a concluir projetos mais rapidamente
Publicados: 2021-07-27Algumas semanas atrás, lançamos a segunda fase de nosso recurso de importação / exportação. Isso dá aos criadores da web a capacidade de criar um plano de site da Web, exportá-lo como um kit e usá-lo como ponto de partida em projetos futuros.
Ao exportar um site inteiro, você pode pular muitas das “primeiras etapas” necessárias ao criar sites em WordPress. Todas as grandes decisões, como configurações globais, partes do site, páginas, pop-ups e muito mais, são feitas uma vez no blueprint.
Pense nisso - essa ferramenta pode transformar seu fluxo de trabalho e devolver o tempo gasto em configurações técnicas.
Aqui estão alguns casos de uso que podem inspirá-lo a implementar esse recurso em seu fluxo de trabalho.
Índice
- Como Implementar Importação / Exportação do Elementor - Casos de Usuário
- 1. Implemente seu sistema de design
- 2. Adicione seu toque pessoal
- 3. Crie um plano de site para uma determinada indústria
- 4. Crie um pacote de marketing
- 5. Crie sites WooCommerce
- 6. Gaste menos tempo projetando cabeçalhos e rodapés
- 7. Transfira o seu código personalizado
- 8. Predefinições de página adicionais
- 9. Vendendo Seu Kit de Site
Como Implementar Importação / Exportação do Elementor - Casos de Usuário
1. Implemente seu sistema de design
Os sistemas de design ajudam a agilizar o processo de design do site e torná-lo mais previsível, reutilizando componentes em várias páginas de acordo com um determinado padrão.
No Elementor 3.0, apresentamos os recursos do sistema de design e os criadores da web aprenderam rapidamente como usar cores globais, fontes e configurações de site para implementar as diretrizes de design de seus clientes.
Agora, você pode dar um passo adiante e exportar o sistema de design que criou para outros projetos de website.
Existem muitos cenários em que você pode querer implementar isso. Por exemplo, você pode conseguir um projeto para uma instituição educacional e precisar definir o mesmo sistema de design em uma variedade de domínios. Além disso, você pode ter configurações específicas que são comuns a diferentes sistemas de design que você implementa. Em ambos os casos, as configurações prontas ajudarão a reduzir o tempo que leva para configurar o sistema de design.
2. Adicione seu toque pessoal

Os sites são como pessoas - todos são únicos. Ao criar um site, suas escolhas geralmente refletem seu próprio estilo e dão a cada projeto um toque pessoal. Ao empacotar seu site de blueprint e reutilizá-lo como ponto de partida, você pode começar cada projeto com seus elementos pessoais já integrados ao sistema.
Esse toque pessoal pode ser uma característica proeminente, como cores vivas, ou mais sutil, como o uso de espaços em branco.
Um grande exemplo disso é o Loomo - um estúdio de design original da Elementor. Eu me apaixonei pelo site e portfólio deles e fui visitar alguns dos sites que eles apresentavam em seu site.
Reconheço que uma das minhas coisas favoritas a fazer no trabalho é descobrir estúdios e freelancers inspiradores como o Loomo. É divertido explorar seu trabalho, descobrindo como eles adicionam seu toque pessoal a cada projeto.
Eu recomendo construir um kit de site que inclua não apenas a configuração básica de um site, mas também pequenos elementos de design e toques pessoais que indicam o fato de você ser o criador da web por trás dele. Ao incorporar o estilo da sua assinatura ao plano do seu site, você pode garantir que esse estilo seja visto em todo o seu trabalho.
3. Crie um plano de site para uma indústria específica

Todo mundo sabe a importância de nichos. Ao se especializar em um setor específico, é muito mais fácil para os criadores da web venderem seus serviços.
Os sites que você cria para um setor específico provavelmente compartilham páginas, recursos e elementos semelhantes. Alguns exemplos são:
- Sites de restaurantes - esses sites geralmente incluem páginas de menu, um sistema de reserva de mesa e mapas.
- Sites de eventos - todos esses sites incluem um cronômetro de contagem regressiva e provavelmente algum tipo de página de compra.
- Sites de portfólio - galerias e estudos de caso são essenciais para esses sites.
Com o Elementor, você pode fazer kits de sites personalizados que são feitos sob medida para o setor que você atende. Agora, quando um novo cliente bate à sua porta, você pode simplesmente aplicar o kit e ajustar o conteúdo para criar um site novo e exclusivo, economizando seu tempo e esforço.
4. Crie um pacote de marketing

Ao contrário dos sites, os ativos de marketing são projetados para produzir resultados mensuráveis. Ativos como formulários, pop-ups, barras de saudação e páginas de destino se concentram principalmente em métricas como CTRs e taxas de conversão. É por isso que os ativos de marketing compartilham muitas semelhanças em diferentes setores e categorias.
Ao testar mais e mais configurações de sites, você descobrirá quais elementos produzem os resultados mais eficazes. Use essas informações para desenvolver um “kit de ferramentas de marketing” para usar em vários projetos. Toda essa configuração de super-herói vai precisar de alguns pequenos ajustes para se adequar à campanha específica, e então você estará pronto para ir.
5. Crie sites WooCommerce

Com os sites WooCommerce, raramente nos contentamos com a configuração básica fornecida pelo WooCommerce.
Personalizar as páginas do produto e o design e layout da página única do produto pode se tornar parte da configuração do WooCommerce, da mesma forma que preencher os detalhes de envio.
Você não pode pular toda a configuração, mas pode usar o poder do Elementor para criar seu kit de site WooCommerce. O kit incluirá a aparência usual de várias partes de sua loja online após personalizá-la com o WooCommerce Builder da Elementor.
6. Gaste menos tempo projetando cabeçalhos e rodapés
Você notou que a maioria dos sites de negócios compartilham um design de cabeçalho e rodapé semelhante? Embora eu adore descobrir cabeçalhos criativos, não há como negar que você provavelmente usará um design semelhante para os cabeçalhos e rodapés que criará para seus clientes.
Muitos criadores da web têm uma estrutura que usam para vários clientes. Um freelancer me disse que trabalha principalmente com pequenas empresas e gosta de ter uma barra superior com os detalhes do negócio e, abaixo, outra seção com o menu e logotipo do site. Para o rodapé, ele também usa uma estrutura semelhante, incluindo o aviso de copyright.
Ao criar seu kit de site padrão, você poderá pular o estágio de configuração de cabeçalho e rodapé importando e exportando essas configurações.
7. Transfira seu código personalizado
Enquanto estamos falando sobre cabeçalhos, há um código personalizado popular que muitos criadores da web usam para ajudar a reduzir o cabeçalho quando o usuário rola a página.
Este código é apenas um exemplo dos muitos snippets que os criadores da web usam regularmente em projetos. Há alguns meses, lançamos um recurso de código customizado, permitindo que você coloque todo o código customizado que você usa em um só lugar.
Ao construir o blueprint do kit do seu site, você poderá salvar todos os trechos de código personalizados que usa regularmente e incorporá-los a cada novo site que você criar.
8. Predefinições de página adicionais

Quase todo site tem páginas que estão lá simplesmente porque precisam estar.
Termos e condições, política de privacidade, etc. - essas são páginas que não fazem muito em termos da experiência geral do cliente, mas são essenciais, mesmo que apenas por razões legais.
Ao incluir essas páginas no kit do seu site, você se lembrará de incluí-las em cada novo site que criar, economizando tempo e estresse.
Aliás, alguns dos nossos templates de kit já vêm com essas páginas, como esta Eco Shop por exemplo.
9. Vendendo Seu Kit de Site
Por último, mas não menos importante, você pode criar um fluxo de receita extra para o seu negócio, empacotando o kit do seu site como um produto e vendendo-o para outros usuários do Elementor.
Depois de implementar todas as ideias descritas acima, você pode descobrir uma necessidade para o kit de seu site que vai além de seus clientes. Digamos que você tenha criado um kit de site que servirá de modelo para todos os seus futuros clientes de restaurantes. Agora você pode vender esse kit para restaurantes que desejam criar um site ou outros criadores de web no mesmo nicho.
Existem duas maneiras de vender as criações do kit do seu site: ingressando na Envato como autor ou vendendo em seu próprio site. Procurando um exemplo? Confira o que John Fraskes do AnalogWP fez, oferecendo seus próprios kits de site para venda.
Grande oportunidade para criadores da web
Este artigo inclui algumas idéias destinadas a inspirá-lo a melhorar seu fluxo de trabalho, mas as possibilidades são infinitas. Como um criador da web, você deve aspirar a estabelecer um sistema de procedimentos que você segue para cada cliente e otimizá-los incorporando-os ao kit do seu site.

Adoraríamos ouvir de você e descobrir novas maneiras de usar kits de sites para agilizar seus negócios.