Apresentando o Elementor 3.26: Design Dinâmico e Desempenho Aprimorado

Esta versão introduz atualizações empolgantes que melhoram a flexibilidade do design, otimizam a velocidade do site e impulsionam seu processo de construção de sites. Desde a habilitação de Conteúdo Dinâmico com o widget Off-Canvas em Loop Grids até a otimização de CSS e DOM, esta atualização concentra-se em tornar seu site mais inteligente e rápido.

[Pro] Off-Canvas Dinâmico para Loop Grids

Com o Elementor 3.26, tornamos realidade um dos recursos mais solicitados: o widget Off-Canvas agora pode ser adicionado diretamente aos modelos de Loop Grid. Este aprimoramento permite que você crie designs mais ricos e interativos, vinculando Conteúdo Dinâmico ao widget Off Canvas, proporcionando experiências de usuário perfeitas.

Seja você esteja projetando um catálogo de produtos, um arquivo de blog ou uma vitrine de serviços, este recurso permite que você exiba informações adicionais, mantendo o layout limpo e envolvente.

Revolucione seus Grids de produtos

O widget Off-Canvas agora pode ser acionado a partir de qualquer campo de link que você encontrar em um Cabeçalho, Botão, Imagem e muito mais. Aqui está um exemplo de caso de uso:

• Site de eCommerce: Imagine uma grade exibindo produtos com título, imagem e uma breve descrição. Adicione um botão “Visualização Rápida” a cada produto que abre um modal off-canvas. Dentro do modal, você pode exibir uma descrição completa, preço, imagens adicionais do produto e até mesmo um botão Adicionar ao Carrinho – tudo conectado dinamicamente ao produto.
• Listagens de Serviços: Um diretório de serviços pode mostrar resumos de diferentes ofertas na grade. Clicar em um botão poderia abrir um off-canvas com descrições detalhadas, depoimentos ou até mesmo um formulário de reserva.

Este recurso é projetado para máxima flexibilidade, permitindo que você crie experiências altamente personalizadas que mantenham os usuários engajados. Ao revelar mais informações dinamicamente sem exigir navegação para uma nova página, você criará uma jornada mais suave que mantém os visitantes focados e reduz as taxas de rejeição.

Obtenha o Elementor Pro

Sites Mais Suaves e Rápidos com Otimizações de CSS e DOM

O desempenho está no cerne de todo grande site, e o Elementor 3.26 oferece melhorias significativas para garantir que seu site seja mais rápido, enxuto e eficiente. Esta versão concentra-se na otimização de como seu site carrega CSS e gerencia sua estrutura DOM, impactando diretamente a velocidade da página e a experiência do visitante.

Carregamento de CSS Mais Inteligente

O Carregamento de CSS Aprimorado, um esforço contínuo para acelerar e limpar seus sites, dá outro salto à frente. O Elementor 3.26 introduz:

• Estilos Swiper Condicionais: Os estilos Swiper relacionados a carrosséis agora carregam apenas quando um widget de carrossel está presente na página. Isso economiza 26,7KB de CSS desnecessário para páginas sem carrosséis, mantendo seu site leve e rápido.
• Tamanhos de Arquivos CSS Menores: Ao refinar como os estilos são tratados, reduzimos o tamanho dos arquivos que alimentam seu design, ajudando suas páginas a carregar mais rapidamente e garantindo uma experiência mais suave para seus visitantes.

DOM Otimizado para Melhor Desempenho

O DOM (Document Object Model) é a base da estrutura HTML do seu site. Um DOM maior pode retardar a renderização da página e impactar negativamente sua pontuação no Lighthouse. O Elementor 3.26 aborda isso com uma série de refinamentos:

• Widgets Otimizados: Wrappers desnecessários foram removidos da maioria dos widgets, simplificando a estrutura DOM enquanto mantém a funcionalidade essencial.
• Elementos de Acessibilidade Mais Limpos: Elementos ocultos para leitores de tela foram substituídos por atributos mais eficientes, reduzindo a desordem sem comprometer a usabilidade.
• Marcação de Carrossel Simplificada: Wrappers externos para widgets de carrossel foram eliminados, reduzindo ainda mais o tamanho do DOM.

Com o Elementor 3.26, seu site não é apenas mais rápido – é mais inteligente, aproveitando as mais recentes melhores práticas de desempenho web para se manter à frente da curva.

[Pro] Detecção Avançada de AdBlock para Popups

Com o Elementor 3.26, gerenciar como seu site interage com visitantes que usam bloqueadores de anúncios torna-se mais intuitivo e eficaz. Um novo gatilho de Detecção de AdBlock, disponível no painel de Condições de Exibição, permite exibir popups específicos quando os visitantes estão usando software de bloqueio de anúncios. Este recurso ajuda você a comunicar mensagens importantes, como incentivar os usuários a desativar seu bloqueador de anúncios para uma melhor experiência ou para acessar conteúdo específico.

Para aprimorar ainda mais essa funcionalidade, adicionamos a tag dinâmica Recarregar Página. Isso permite que você crie pop-ups interativos e acionáveis, como um com um botão rotulado ‘Eu desativei o AdBlock.’ Quando clicado, o botão atualiza a página, garantindo que a experiência atualizada reflita as ações do visitante. Em conjunto, essas atualizações facilitam o engajamento com usuários que utilizam bloqueadores de anúncios de uma maneira fluida e amigável.

Obtenha o Elementor Pro

Unificar Imagens de Produtos com IA

O novo recurso Unificar Imagens de Produtos, impulsionado pela IA do Elementor, auxilia os proprietários de lojas WooCommerce a alcançar uma aparência consistente e profissional para suas lojas online. Este novo recurso padroniza eficientemente suas imagens de produtos, assegurando que todas tenham o mesmo estilo, independentemente de sua origem. Ele centraliza todas as imagens, pode adicionar uma sombra sutil para criar profundidade e até permite que você selecione a cor de fundo! Escolha sua cor de fundo a partir de um seletor de cores ou forneça um código hexadecimal específico para corresponder perfeitamente à sua marca. Isso não apenas economiza seu valioso tempo e esforço, mas também eleva a imagem da sua marca, tornando seus produtos mais atraentes para os clientes. Você pode acessar essa poderosa ferramenta a partir de qualquer página de Produto ou aplicá-la como uma ação em lote para todo o seu catálogo de produtos.

Atualizações Adicionais no Elementor 3.26

• Melhorias de acessibilidade: Atributos atualizados e navegação por teclado aprimorada, ajudando a tornar as páginas do Elementor com carrosséis mais acessíveis, garantindo conformidade com os padrões de acessibilidade web e criando uma experiência de usuário mais inclusiva.
• Adicionado support aos Blocos Gutenberg no frontend – A renderização de Blocos agora é suportada e visível tanto no frontend quanto no backend, mas não pode ser editada com o Elementor.
• Atualizado support do Safari: A versão mínima suportada do Safari agora é 15.5, garantindo funcionalidade e desempenho modernos.

Atualize Hoje para Explorar as Novidades

O Elementor 3.26 inclui atualizações que melhoram o desempenho, a flexibilidade de design e o fluxo de trabalho do seu site. Atualize agora e desbloqueie todo o potencial desses novos recursos, tornando seus sites mais rápidos, inteligentes e envolventes do que nunca.

Obtenha o Elementor Pro