Nesta revisão do Elementor, veremos este conhecido plug-in do construtor de páginas e seu recente lançamento do Elementor 2.0. Se você deseja personalizar algumas páginas da Web ou criar um site totalmente novo, a nova versão do Elementor 2.0 possui as ferramentas e os recursos para ajudá-lo a concretizar sua visão criativa.
Continue lendo para saber mais sobre o que o Elementor tem a oferecer e para obter uma compreensão aprofundada dos recursos mais recentes lançados com o Elementor 2.0. Também consideraremos os benefícios de atualizar para o Elementor Pro. E os recursos avançados que esta extensão premium oferece. Vamos começar…
Uma introdução ao Elementor
Para aqueles que não usaram o Elementor e sabem pouco sobre o plug-in, começaremos com uma rápida introdução a esta solução e consideraremos o que ela tem a oferecer.
O Elementor é um popular plugin de construtor de páginas do WordPress que, surpreendentemente, foi lançado há pouco menos de dois anos. Naquela época, o Elementor se tornou um concorrente sério no mundo dos plugins do construtor de páginas. Ele fornece uma experiência impressionante e recursos abrangentes, resultando em uma base de clientes em constante crescimento.
O Elementor suporta uma versão gratuita e premium de seu plugin. O Elementor Pro é uma extensão do plugin gratuito e fornece ferramentas avançadas para melhorar o fluxo de trabalho e aumentar as conversões e vendas. Discutiremos a versão Pro do Elementor mais adiante no artigo. Mas, por enquanto, vamos conferir o que a versão gratuita do Elementor oferece…
Recursos do Elementor
O Elementor incorpora um editor intuitivo de arrastar e soltar, que permite aos usuários projetar ou personalizar facilmente qualquer página ou tipo de postagem personalizada no WordPress. E tudo sem ter que tocar em uma linha de código. Todas as personalizações podem ser feitas no front-end do seu site, para que você possa ver os designs das suas páginas em tempo real.
A biblioteca de modelos Elementor contém mais de 300 modelos lindamente criados para selecionar, criados para atender a qualquer setor e nicho. Depois que um modelo é escolhido, o editor Elementor oferece amplo controle sobre todos os detalhes de estilo. Modelos e designs de página podem ser salvos e reutilizados, bem como exportados para uso em outros sites.
O Elementor também fornece um pacote completo de widgets gratuitamente. Esses widgets funcionam dentro do construtor de páginas ao vivo, permitindo que você adicione infinitas possibilidades de design às suas páginas. Aqui estão apenas alguns dos widgets que você pode usar em suas páginas…
- Galeria de imagens.
- Carrossel de Imagens.
- Google Maps.
- Botões.
- Vídeo.
Widgets e plugins de terceiros também podem ser incorporados no construtor de páginas Elementor. Portanto, você pode se cercar de todos os seus elementos de design favoritos.
Aqui estão alguns dos outros recursos principais que o Elementor oferece…
- Personalização total sobre layout.
- Fundos de vídeo.
- Edição em linha.
- Lightbox de imagens e galerias.
- Mais de 800 fontes do Google.
- Design da página de destino.
- Edição Móvel.
- Amigável ao desenvolvedor.
O Elementor também vem com amplo suporte, incluindo tutoriais em vídeo e artigos detalhados. Estes ensinam passo a passo como usar este plugin para criar sites impressionantes.
Então agora sabemos um pouco sobre o Elementor e alguns dos recursos que ele incorpora em sua versão principal gratuita. Vejamos a seguir o lançamento recente do Elementor 2.0 e descubra quais ferramentas e funcionalidades foram adicionadas a esse plugin já rico em recursos.
Os novos recursos do Elementor 2.0
Em fevereiro, a equipe do Elementor começou a lançar o Elementor 2.0 . A cada novo lançamento de recurso, eles esperam resolver os problemas que as pessoas que usam o WordPress enfrentam diariamente ao tentar projetar e personalizar sites. Então, quais recursos foram introduzidos e como eles melhorarão a experiência do Elementor?
Blocos Elementores
Um dos primeiros recursos a serem lançados no Elementor 2.0 foi o Elementor Blocks . Esse recurso totalmente gratuito oferece uma maneira flexível de criar páginas de forma rápida e eficiente.
Blocos são essencialmente seções pré-desenhadas que, combinadas, podem criar páginas completas. Navegue e filtre pelas diferentes opções de design disponíveis e adicione os blocos apropriados a cada página do seu site com apenas um clique de um botão. Isso oferece mais flexibilidade do que os modelos de página, mas ainda oferece suporte de design suficiente para economizar tempo e garantir que você produza um site amigável, profissional e atraente.
Cada bloco pode ser personalizado, permitindo que você transforme o conteúdo e transforme rapidamente seus pensamentos e ideias em um site. E os blocos vêm pré-construídos com configurações de widget e layout, para que você possa simplesmente se concentrar no processo de design e não se preocupar com os aspectos técnicos da construção de uma página. Os blocos podem ser salvos e reutilizados em diferentes páginas.
Escolher e escolher blocos para criar uma página não é apenas uma maneira divertida de projetar. Os blocos agilizarão seu fluxo de trabalho e gerenciarão seu processo de criação, resultando em páginas finalizadas e sofisticadas em pouco tempo.
Atualmente, na biblioteca de blocos, existem 253 tipos de blocos diferentes disponíveis, distribuídos em 15 categorias, incluindo Preço, Equipe, Depoimentos, Portfólio, Call to Action e Subscribe. A equipe do Elementor também adicionará a essa biblioteca ao longo do tempo, garantindo que, seja qual for o seu projeto, haverá blocos para caber.
API do desenvolvedor Elementor
Em abril, a Elementor anunciou seu novo Centro de Desenvolvedores para desenvolvedores Elementor. Este é um novo site e um recurso verdadeiramente impressionante – que terá um grande impacto em qualquer desenvolvedor do WordPress que queira estender o Elementor ou integrá-lo a um produto.
O Developers Center tem duas seções…
Vamos dar uma olhada em ambos com mais detalhes…
Recursos do desenvolvedor Elementor
O Developers Resources Center contém guias passo a passo, tutoriais e exemplos de código, explicando como os desenvolvedores podem criar suas próprias extensões Elementor ou soluções personalizadas para clientes. Há informações para desenvolvedores de plugins e temas, bem como informações sobre os padrões de codificação recentes do WordPress e as melhores práticas mais recentes.
Referência do Código Elementor
Usando os documentos Elementor Code Reference, você pode aprender rapidamente o que cada função, classe, método e gancho do Elementor faz. Aqui você pode pesquisar facilmente a Referência de código para encontrar um código específico, que é atualizado automaticamente a cada nova versão do Elementor. A equipe do Elementor também planeja adicionar trechos e exemplos de código à Referência de código em um futuro próximo.
Se você é um desenvolvedor de plugins ou temas do WordPress, o Elementor Developers Center é um recurso inestimável e vale a pena conferir.
Elementor Pro 2.0 – Construtor de temas
O lançamento do Elementor Pro 2.0 viu este plugin do construtor de páginas atualizado para incluir recursos do construtor de temas . Até agora, não era possível personalizar certas áreas do seu tema com o editor Elementor Pro, como cabeçalho, rodapé, postagem única e arquivo.
O Elementor Pro Theme Builder expandiu o conceito de modelos e introduziu novos tipos de modelos para cabeçalhos, rodapés e outras áreas do seu site. Isso torna possível agora projetar e personalizar todas as partes do seu site, não apenas as áreas de conteúdo, usando o editor de arrastar e soltar Elementor. Então diga adeus ao código!
O Elementor Pro Theme Builder funciona em qualquer tema do WordPress e permite que você construa todos os aspectos do seu site visualmente, no front-end do seu site. Ao usar modelos dinâmicos, você pode criar a estrutura para seu conteúdo e aplicá-la em seu site. Os modelos são preenchidos com conteúdo dinâmico do seu site com apenas um clique.
O Elementor Pro 2.0 também oferece mais de 25 blocos de cabeçalho e rodapé , bem como um recurso de cabeçalho fixo para ajudá-lo a começar. Você não será mais restrito pelo cabeçalho e rodapé do seu tema. Agora você pode usar os blocos Elementor para criar designs elegantes e atraentes que funcionam com o restante da marca do seu site.
Elementor Pro 2.0 – Recursos ainda por vir
Como mencionamos anteriormente, o Elementor 2.0 está sendo lançado em etapas. E para o Elementor Pro 2.0, ainda há recursos por vir.
A integração do WooCommerce deve estar conosco em breve, oferecendo um poderoso controle de design sobre sua loja WooCommerce, páginas de produtos e outros elementos de comércio eletrônico, por meio do Elementor Editor. Os widgets incluirão…
- Widget de produtos WooCommerce – Exiba e filtre seus produtos WooCommerce em seu site.
- Widget de categorias do WooCommerce – Escolha quais categorias de produtos são mostradas.
- Woo Elements Widget – Adicione páginas de comércio eletrônico ao seu site, incluindo uma página de carrinho, página de produto único, página de checkout e muito mais.
- Woo Add to Cart Widget – Exibe um botão ‘Add to Cart’.
Essas integrações tornarão o Elementor a ferramenta perfeita para projetar um site de comércio eletrônico de acordo com suas especificações exatas.
Também ainda está por vir o suporte extensivo para Campos Personalizados Avançados (ACF) e Conjunto de Ferramentas . Com essa funcionalidade, você poderá criar campos de conteúdo no ACF ou Toolset e incorporá-los visualmente em qualquer página. O que, para os desenvolvedores, pode muito bem ser um divisor de águas.
Você deve atualizar para o Elementor Pro?
Depois de ler sobre o notável Theme Builder que a equipe Elementor incorporou à extensão Elementor Pro, bem como as integrações WooCommerce, ACF e Toolset que estão chegando, você pode estar se perguntando se deve atualizar para o Pro.
Então, vamos dar uma olhada rápida no que mais o Elementor Pro tem a oferecer…
- Modelos profissionais – Escolha entre uma seleção de modelos profissionais de alta qualidade.
- Formulários – Crie e adicione formulários de contato, formulários de assinatura, formulários de login e muito mais.
- Mídia – Exiba imagens e vídeos usando um widget Carrossel ou Slides.
- CSS personalizado – Adicione seu próprio código e veja-o em ação no editor ao vivo.
- Integrações – Integre facilmente com MailChimp, Facebook SDK, reCAPTCHA e Adobe TypeKit, para citar alguns.
- Mídias Sociais – Adicione botões de compartilhamento, ícones sociais, integrações do Facebook e muito mais.
Os usuários do Elementor Pro também podem se beneficiar do suporte ao cliente 24 horas por dia, 7 dias por semana. Obtenha ajuda rapidamente para quaisquer problemas e respostas a quaisquer perguntas que possam surgir. Evidentemente, o Elementor Pro é uma ferramenta notável e, se você leva a sério a qualidade do design do seu site, a atualização para o Pro deve estar no seu radar.
Considerações finais sobre o Elementor 2.0
Como você pode ver, o Elementor 2.0 possui alguns novos recursos impressionantes. Dos Elementor Blocks e Developer API, ao fantástico novo Elementor Pro 2.0 Theme Builder e integrações avançadas, a Elementor está mudando a cara do web design. Que o plug-in Elementor é obrigatório para quem projeta ou personaliza um site, não é preciso dizer – mas você escolherá a versão gratuita ou premium?
Alguma dúvida sobre os novos lançamentos do Elementor 2.0? Por favor, sinta-se à vontade para perguntar nos comentários abaixo…