O Elementor 3.25 introduz melhorias significativas, como a otimização contínua de CSS para melhor desempenho, controle de deslocamento de âncoras para visibilidade de links, paginação no widget de pesquisa para resultados ao vivo e ativação padrão de envios de formulários, além de melhorias na compatibilidade com temas, tornando a experiência do usuário mais eficiente e poderosa.

A nova versão do Elementor, a Elementor 3.25, chega com várias melhorias que visam otimizar a performance do site e a experiência do visitante. Nesta atualização, destacam-se a otimização contínua de CSS, um controle de deslocamento de âncoras mais suave e novas opções de paginação para resultados ao vivo no widget de pesquisa. Vamos explorar essas novidades!

Aprimoramento de Performance com CSS

O Elementor 3.25 traz um aprendizado significativo quando se trata de melhorar a performance através da otimização contínua de CSS. Essa nova abordagem elimina estilos desnecessários durante a carga do site, permitindo que apenas o CSS necessário para os widgets e recursos ativos em cada página sejam carregados.

Essa otimização resulta em um site mais leve e rápido, sem a carga excessiva de códigos que não são utilizados. Por exemplo, os usuários do Elementor Pro agora começam com um peso de CSS zero por padrão. Isso se traduz em tempos de carregamento significativamente mais rápidos, tanto em dispositivos móveis quanto desktops.

Além disso, o suporte a WooCommerce também é aprimorado. Antes, mesmo que apenas um widget fosse utilizado, o CSS de todos os 32 widgets do WooCommerce era carregado. Agora, o Elementor 3.25 carrega condicionalmente o CSS apenas dos widgets que estão realmente em uso, economizando até 197KB de CSS.

Essas melhorias são cruciais para aumentar as métricas de SEO e os resultados nos testes de Core Web Vitals, impactando diretamente na experiência do usuário e na visibilidade nos motores de busca.

Controle de Deslocamento de Âncoras

Uma das grandes novidades do Elementor 3.25 é o Controle de Deslocamento de Âncoras, que tem como objetivo melhorar a navegação em páginas longas.

Anteriormente, ao usar links âncora, muitas vezes o conteúdo acessado era escondido atrás de cabeçalhos fixos, causando confusão e frustração aos visitantes.

Agora, com a implementação deste controle, é possível definir um valor de deslocamento personalizado que garante que a seção vinculada fique totalmente visível, sem ser obstruída por cabeçalhos fixos ou outros elementos da página.

Essa mudança é especialmente relevante para sites que possuem menus ou cabeçalhos que ficam fixos durante a rolagem.

Implementar esse controle é simples: basta ir até a aba Avançado no seu cabeçalho, ativar a posição sticky (fixa) no topo ou na parte inferior, e configurar os valores no campo de deslocamento de âncoras.

Essa funcionalidade não apenas melhora a experiência do usuário, mas também proporciona uma navegação mais fluida e intuitiva.

Com um scrolling mais suave e previsível, os visitantes podem se mover por seu conteúdo com muito mais facilidade, tornando a exploração das seções do site uma tarefa muito mais agradável.

Novas Funcionalidades do Widget de Pesquisa

No Elementor 3.25, o Widget de Pesquisa recebeu uma atualização significativa que transforma a maneira como os visitantes interagem com os resultados das buscas. Agora, com a nova funcionalidade de paginações para resultados ao vivo, não é mais necessário sair da página atual para visualizar resultados adicionais.

Essa nova funcionalidade permite que os usuários naveguem através de múltiplas páginas de resultados diretamente no dropdown de busca, o que melhora consideravelmente a experiência de usuário. Antes, a interface mostrava apenas um número limitado de itens, mas com a páginação, os visitantes podem explorar mais resultados sem interrupções, mantendo-se engajados na busca de conteúdo relevante.

Os benefícios são claros: ao facilitar a descoberta de conteúdo adicional, a nova abordagem de paginação não só aumenta a satisfação do visitante, mas também contribui para taxas de engajamento mais altas e menores taxas de rejeição. Mesmo em sites com grandes volumes de conteúdo, os usuários conseguem encontrar rapidamente o que estão procurando.

Para configurar essa nova funcionalidade no seu widget de pesquisa, basta ativar os resultados ao vivo na aba de conteúdo e ajustar as opções de paginação conforme necessário. Essa personalização oferece não só opções de números, mas também botões de próximo/anterior, permitindo um fluxo de navegação ainda mais ajustado ao usuário.

Com essas melhorias, o Widget de Pesquisa do Elementor se solidifica como uma ferramenta essencial para qualquer site que busque otimizar a navegação e a experiência do usuário.

Configurando a Paginação

Para configurar a paginação no Widget de Pesquisa do Elementor 3.25, o processo é simples e direto. Com a nova atualização, você pode personalizar como os resultados de busca aparecem para os usuários de forma eficiente.

Primeiro, vá até o seu Editor do Elementor e selecione o Widget de Pesquisa que você deseja configurar. Em seguida, siga os passos abaixo:

1. Ative os Resultados ao Vivo: Na aba de Conteúdo, encontre a seção Resultados e ative a opção de resultados ao vivo. Isso permitirá que os visitantes vejam resultados instantaneamente enquanto digitam na barra de busca.
2. Escolha seu Modelo de Loop: Logo abaixo, você verá a opção para selecionar o Loop Template. Isso define como os resultados serão exibidos.
3. Ative a Paginação: Nas configurações adicionais, você poderá habilitar a paginação. Aqui, você pode escolher entre visualizar números ou opções de próximo/anterior, permitindo que os usuários naveguem com facilidade entre diferentes páginas de resultados.
4. Personalize a Aparência: Por último, vá até a aba de Estilo para ajustar a aparência da paginação. Você pode modificar o alinhamento, posicionamento, espaçamento e tipografia, garantindo que a estética do seu site seja mantida.

Após realizar essas configurações, salve as alterações e veja como a nova funcionalidade de paginação transforma a experiência de busca em seu site. Os usuários agora conseguem explorar de forma mais intuitiva, facilitando a descoberta de conteúdo e aumentando as chances de interação.

Com a paginação no Widget de Pesquisa, a navegação se torna mais dinâmica e é uma ótima maneira de manter os visitantes engajados em suas ofertas.

Outras Atualizações do Elementor 3.25

Além das principais melhorias discutidas, o Elementor 3.25 também traz várias outras atualizações que merecem destaque e que visam potenciar ainda mais a experiência do usuário e a performance do site. Vamos conferir algumas delas:

• Ativação de Envio de Formulários: Agora, os envios de formulários estão ativos por padrão em todos os sites. Essa função é nativa no Editor e pode ser desativada na área de configurações do WordPress, em Elementor > Configurações > Avançado.
• Experimento de Marcação Otimizada: O Elementor removeu o primeiro wrapper div para widgets de Botão, PayPal e Stripe, simplificando a marcação e reduzindo o DOM total. Essa feature atualmente está em status Alpha e não deve ser ativada em sites de produção.
• Compatibilidade com o Tema Twenty Fifteen: Foi removida uma compatibilidade de CSS que eliminava a cor de fundo do tema em páginas que utilizavam o template “Elementor Canvas”. Isso garante que a aparência das páginas seja mantida.
• Atualizações de Recursos e Experimentos: Houve também uma fusão do Grid Container no Flexbox Container, que agora é conhecido simplesmente como Container. Além disso, a Carregamento de Controle Otimizado foi promovido para Estável e ativo para sites existentes, assim como os Elementos Aninhados e a Barra Superior do Editor.
• Condições de Exibição para Elementos: Essa nova funcionalidade é nativa no Editor, permitindo que os usuários personalizem a aparência e a visibilidade dos elementos com base em determinadas condições.

Essas atualizações tornam o Elementor ainda mais robusto e flexível, proporcionando aos desenvolvedores e designers uma melhor experiência ao criar sites únicos e funcionais. É sempre recomendável atualizar para a versão mais recente para aproveitar todos os benefícios e melhorias de segurança.

Conclusão

A versão Elementor 3.25 proporciona uma série de inovações que não apenas melhoram a performance do seu site, mas também enriquecem a experiência do usuário.

Com melhorias como a otimização de CSS, o controle de deslocamento de âncoras, e as novas funcionalidades do widget de pesquisa, as atualizações oferecem ferramentas poderosas para criadores de sites.

Essas funcionalidades, juntamente com as diversas outras atualizações que aprimoram a configuração e a usabilidade do Elementor, tornam a plataforma mais dinâmica e responsiva às necessidades dos usuários.

Portanto, é altamente recomendável que os desenvolvedores e designers aproveitem essas atualizações para otimizar seus projetos e garantir uma navegação mais fluida e intuitiva.

Ao implementar essas novas opções e configurações, você estará um passo à frente na criação de experiências web atrativas e que realmente engajam os visitantes.

Prepare-se para explorar todo o potencial do Elementor 3.25 e leve seu site a um novo patamar!