Melhores widgets Elementor Pro para impulsionar seus designs da Web

Há uma série de razões pelas quais as pessoas gravitam em direção ao Elementor sobre plugins de construtor de páginas comparáveis, bem como o próprio construtor de arrastar e soltar do WordPress. Design e edição sem código. Modelos atraentes e responsivos. Compatibilidade com praticamente todos os principais temas e plugins do WordPress.

Mas e os widgets Elementor? Ao considerar uma atualização para o Elementor Pro, esses widgets influenciam seu processo de tomada de decisão?

Neste post, vou argumentar por que eles deveriam. Também vou dar uma olhada mais de perto em 9 dos widgets Elementor Pro mais úteis e por que eles tornarão muito mais fácil projetar páginas da Web com ótima aparência e repletas de recursos.

Kits de templates Elementor em Envato Elements

Não se esqueça de que você pode baixar Kits de Modelos ilimitados para Elementor com sua assinatura do Envato Elements, para usar com seu site WordPress. O Envato Elements também oferece acesso a milhares de outros ativos criativos, como fotos, gráficos, modelos de vídeo, áudio, ações do Photoshop, você escolhe!

Com isso fora do caminho, vamos aprender mais sobre os widgets Elementor Pro!

Independentemente de qual construtor de páginas você usa no WordPress, você terá acesso a widgets que permitem adicionar e editar os principais elementos usados ​​em sites. Coisas como:

• Blocos de texto e cabeçalho
• Imagens
• Galerias e carrosséis
• Botões
• Divisores

O Elementor inclui esses widgets e funcionalidades básicos gratuitamente:

No momento em que escrevo isso, existem mais de 30 widgets gratuitos incluídos no Elementor. A atualização para o Elementor Pro aumenta esse número para quase 100.

Os widgets Elementor que são desbloqueados com uma assinatura Pro cobrem uma ampla variedade de usos e necessidades. Por exemplo, existem widgets rotulados como Pro que capacitam os usuários a levar seus designs e experiências de usuário para o próximo nível:

Além disso, os usuários Pro obtêm acesso a widgets de tema e construção de lojas. Esses widgets permitem que os usuários criem cabeçalhos, rodapés, barras laterais e layouts de página personalizados para seus sites.

O valor real de uma assinatura Pro não é sobre o número de coisas que você obtém além dos recursos básicos. O valor real vem do que essas coisas – especialmente os widgets – fazem por você e seu fluxo de trabalho de web design.

Os widgets do Elementor Pro abrangem uma ampla variedade de recursos e funcionalidades, para que você não precise perder tempo procurando e testando plug-ins para obter a funcionalidade ou os recursos extras necessários. Isso por si só é uma grande vitória.

Isso também significa que você terá menos plugins para se manter atualizado. Menos plugins se traduz em um servidor mais leve e tempos de carregamento mais rápidos. Além disso, ao minimizar os plugins que você usa, você reduz a probabilidade de conflitos com seu tema premium do WordPress.

É claro que o Elementor Pro transformará a rapidez e a facilidade com que você pode criar um site WordPress. Agora vamos dar uma olhada no que os widgets Pro farão para elevar seus designs.

Existem mais de 65 widgets Elementor Pro a serem considerados. No entanto, vou excluir os widgets Theme e WooCommerce desta lista, pois eles são mais úteis quando você está personalizando seu tema em vez de criar conteúdo para suas páginas.

Esta lista se concentrará nos widgets específicos do Pro que você pode usar na maioria dos sites e o ajudará a aumentar o envolvimento e a conversão do usuário no processo.

Quando se trata da página inicial, em geral, você deseja que seus títulos causem um grande impacto nos visitantes. Embora você possa estilizá-los com fontes divertidas, letras grandes e cores fortes, não há garantia de que todos os seus visitantes vão parar por tempo suficiente para ver cada um deles.

Com o widget Animated Headline, você pode mudar isso. Você pode criar áreas destacadas que circundam, sublinham e riscam o texto, entre outras coisas. Você também pode criar fragmentos de texto giratórios que deslizam, giram, giram ou até parecem estar digitados. Confira a demonstração abaixo para mais uma ideia.

Existem várias maneiras de criar um bloco de chamada para ação atraente no Elementor. Você pode usar um modelo pré-fabricado e personalizar os elementos dentro dele. Você pode juntar um usando o construtor de páginas Elementor.

A outra opção é usar o widget Call to Action. Isso inserirá um bloco de wireframe em sua página com todos os componentes necessários – imagem, título, descrição e botão – junto com alguns extras. Você pode alterar o layout, personalizar os estados normal e de foco para cada elemento e até adicionar uma faixa de opções no canto superior para chamar mais atenção para o CTA.

Para criar um formulário no WordPress, os usuários normalmente precisam de um plug-in de formulário de contato. Embora existam muitos plugins WordPress bem avaliados que você pode usar para isso, o Elementor Pro faz com que você não precise de outro plugin nem precise decidir entre Contact Form 7, WP Forms ou um plugin de formulário mais especializado.

O widget de formulário permite criar qualquer tipo de formulário de contato. Formulários de contato. Formulários de reserva. Formulários de upload de arquivos. Formulários de admissão. E mais.

Você pode escolher os campos – sem restrições – e configurar o que eles dizem, como eles se parecem e também as regras de engajamento para cada um. Além disso, o Elementor oferece controle total sobre o que acontece quando alguém preenche o formulário, desde a mensagem que o usuário recebe até as próximas etapas acionadas pela ação. Como bônus, você tem visibilidade total de todos os seus envios diretamente do painel do WordPress.

Lottie é um tipo relativamente novo de formato de arquivo que permite aos usuários criar animações sem a necessidade de um plugin ou código personalizado. Além disso, Lottie é um arquivo de animação responsivo e escalável, o que o torna uma maneira leve e flexível de adicionar animações a um site.

O widget Elementor Lottie facilita a adição de animações atraentes a uma página da web. Tudo o que você precisa fazer é encontrar a animação Lottie gratuita ou premium que deseja usar no LottieFiles, personalizá-la usando o editor (se desejar) e colar o link ou enviar o arquivo para o Elementor. Você pode personalizar ainda mais o gatilho e as configurações do Lottie a partir daí.

• 

  JavaScript

  Como construir uma página em breve com animações de Lottie

  George Martsoukos

Um portfólio é um componente necessário no site de qualquer criador. Embora você possa usar o widget Galeria para exibir seu corpo de trabalho, o widget Portfólio dará a seus visitantes e clientes em potencial uma maneira mais envolvente e prática de examinar a galeria de imagens ou vídeos.

Há uma variedade de opções incorporadas ao widget que permitem escolher o layout do portfólio, a aparência da paginação, o que aciona a rolagem e assim por diante. E como em todas as coisas no Elementor, você tem controle total sobre como os vários elementos são estilizados.

O widget Posts é um pouco impróprio, pois você pode exibir todos os tipos de conteúdo aqui:

• Postagens no blog
• paginas web
• Páginas de destino
• Produtos

Você também pode escolher qual conteúdo do site aparece nesta grade. Um dos benefícios de puxar em uma categoria específica de conteúdo, no entanto, é que o widget sempre exibirá o conteúdo mais recente, o que pode fazer um site parecer mais vivo.

Independentemente do que você importa para este widget, há muito que você pode fazer para personalizá-lo para que pareça totalmente seu. Desde decidir quais bits de dados extrair até como os blocos ou cartões aparecem, você tem controle total sobre seu design.

Dependendo do que você vende e de como detalha seus preços, pode ser necessário um dos dois widgets Elementor Pro para ajudá-lo a exibir seus preços. O widget Lista de preços é uma boa opção se você vende serviços como conserto de automóveis, passear com cães ou redação. Também é útil para restaurantes e outras empresas que desejam exibir os preços dos itens sem vender nada no site.

O que é bom sobre este widget é que ele faz muito do trabalho para você. O layout é praticamente definido em pedra, o que é uma coisa boa. É um formato reconhecível e não aquele com o qual você quer mexer. No entanto, você tem controle sobre o estilo do texto, o formato do separador, as imagens que o acompanham e muito mais.

Outra maneira comum de exibir preços em um site é com uma tabela de preços. Essa é uma boa opção se você oferecer um pequeno punhado de opções ou pacotes que os clientes desejarão comparar lado a lado. Vemos tabelas de preços frequentemente em sites de empresas de software, embora existam outros casos de uso para isso, como sites de associação e serviços de assinatura.

O que é bom no widget Tabela de preços do Elementor é que você pode usar o widget para criar cada camada uma a uma. Você também tem a opção de importar uma das muitas tabelas de preços pré-projetadas e, em seguida, gastar seu tempo personalizando em vez de criar sua tabela do zero.

Para muitos sites, você terá pelo menos um ou dois elementos de interface do usuário que aparecem em páginas diferentes. Tentar construí-los do zero para cada instância é um aborrecimento e uma perda de tempo.

É por isso que o recurso de modelos do Elementor é tão bom. O único problema é que, se você criar um widget personalizado que deseja reutilizar, a única maneira de adicioná-lo a uma página na versão gratuita do Elementor é com um shortcode. É bastante simples de fazer, mas pode ficar chato depois de um tempo.

Com uma atualização Pro, tudo o que você precisa fazer é arrastar o widget de modelo para a página e encontrar o modelo que deseja usar no campo de pesquisa no painel esquerdo. O Elementor preencherá automaticamente seu design na página. É então seu para ajustar conforme necessário, se você quiser.

A lista de widgets Elementor Pro acima não é exaustiva. Muitos dos widgets deixados de fora da lista são altamente especializados.

Por exemplo, o widget de contagem regressiva seria útil em um site anunciando eventos ou em contagem regressiva para um grande evento de vendas. O widget de sumário, por outro lado, pode ser útil em blogs, mas apenas naqueles que publicam posts monstruosos de 3.000 palavras ou mais.

Os widgets abordados acima têm uma ampla gama de aplicativos e isso os torna inestimáveis ​​para os usuários do Elementor. Além do mais, você não terá que gastar muito tempo personalizando ou refinando-os, já que muitos dos widgets são muito bem pensados ​​para começar.

Linha inferior: Há muito mais que você pode realizar com o Elementor Pro do que com a versão gratuita do plugin do construtor de páginas. Saber que você tem acesso a esses blocos de construção apenas adoça o negócio.

Tutoriais e recursos do Elementor no Tuts+

Elementor fã? Confira esses bits e peças adicionais: