- \n
- Barra de Chamada para A\u00e7\u00e3o (CTA) – Para destacar bot\u00f5es importantes de chamada para a\u00e7\u00e3o no topo ou na parte inferior da sua p\u00e1gina. Dispon\u00edvel para todos os usu\u00e1rios do Elementor.<\/li>\n\n\n\n
- Barra de Ticker – Para engajar os visitantes com atualiza\u00e7\u00f5es e promo\u00e7\u00f5es cont\u00ednuas em loop. Dispon\u00edvel apenas com Elementor Pro.<\/li>\n\n\n\n
- Barra de Cupom – Para promover c\u00f3digos de cupom que podem ser copiados com um \u00fanico clique. Dispon\u00edvel apenas com Elementor Pro.<\/li>\n<\/ul>\n\n
A visibilidade persistente das Barras Flutuantes \u00e9 projetada para aumentar o engajamento dos visitantes, garantindo que suas mensagens mais cr\u00edticas nunca se percam. Esse recurso \u00e9 especialmente valioso para sites de Ecommerce<\/a> que realizam promo\u00e7\u00f5es de vendas, blogs que incentivam inscri\u00e7\u00f5es em newsletters ou qualquer site onde a intera\u00e7\u00e3o do usu\u00e1rio seja fundamental para o sucesso.<\/p>\n\n
Posicionamento Flex\u00edvel para Impacto \u00d3timo<\/h3>\n\n
Mas as Barras Flutuantes n\u00e3o s\u00e3o apenas sobre visibilidade\u2014elas tamb\u00e9m s\u00e3o sobre flexibilidade. Voc\u00ea pode posicionar essas barras no topo ou na parte inferior da tela, personalizar sua apar\u00eancia para alinhar perfeitamente com o design do seu site e, gra\u00e7as \u00e0s Condi\u00e7\u00f5es de Exibi\u00e7\u00e3o, controlar seu comportamento, como quando e como elas aparecem. Isso significa que voc\u00ea pode criar uma experi\u00eancia de visitante que n\u00e3o \u00e9 apenas envolvente, mas tamb\u00e9m estrategicamente projetada para impulsionar a convers\u00e3o e manter os visitantes informados.<\/p>\n\n
Por exemplo, se voc\u00ea estiver realizando uma oferta por tempo limitado, colocar uma Barra Flutuante no topo da sua p\u00e1gina pode manter a promo\u00e7\u00e3o em destaque, incentivando os usu\u00e1rios a agir imediatamente. Por outro lado, uma Barra Flutuante posicionada na parte inferior pode servir como um lembrete sutil para se inscrever em uma newsletter ou conferir um produto em destaque.<\/p>\n\n
Configura\u00e7\u00e3o e Personaliza\u00e7\u00e3o Sem Esfor\u00e7o<\/h3>\n\n
Configurar suas Barras Flutuantes \u00e9 f\u00e1cil. Primeiro, certifique-se de que o recurso “Flexbox Container” est\u00e1 ativado navegando at\u00e9 o WP Dashboard Elementor Configura\u00e7\u00f5es Recursos. Ao adicionar um novo Elemento Flutuante (WP Dashboard Modelos), voc\u00ea ser\u00e1 solicitado a escolher entre uma Barra Flutuante ou um Bot\u00e3o Flutuante. Escolha um dos mais de 30 modelos dispon\u00edveis e, em seguida, personalize a Barra Flutuante ao seu gosto, ajustando o design, \u00edcones, conte\u00fado de texto, links de CTA e mais. Os usu\u00e1rios do Elementor Pro tamb\u00e9m podem aproveitar as Condi\u00e7\u00f5es de Exibi\u00e7\u00e3o para especificar onde, quando e para quem as Barras Flutuantes aparecer\u00e3o, aumentando a segmenta\u00e7\u00e3o e a efic\u00e1cia.<\/p>\n\n
![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/Floating-Bar-1-1024x538.png\")
<\/figure>\n\n[Pro] Fontes Vari\u00e1veis: Libere a Liberdade Criativa com Controle de Tipografia de Precis\u00e3o<\/h2>\n\n
Revolucione Seu Design com Tipografia Din\u00e2mica<\/h3>\n\n
A tipografia \u00e9 um pilar de qualquer grande design, e com o Elementor 3.24, estamos dando a voc\u00ea mais controle do que nunca com a introdu\u00e7\u00e3o das Fontes Vari\u00e1veis. Esse recurso \u00e9 um divisor de \u00e1guas para designers que desejam ajustar cada aspecto do texto do seu site.<\/p>\n\n
As Fontes Vari\u00e1veis permitem que voc\u00ea ajuste os atributos de peso e largura em incrementos \u00fanicos, usando controles deslizantes intuitivos, garantindo controle total sobre a personaliza\u00e7\u00e3o do texto, permitindo designs mais din\u00e2micos e envolventes que aprimoram a narrativa visual e o engajamento do espectador. Com Fontes Est\u00e1ticas, para compara\u00e7\u00e3o, voc\u00ea est\u00e1 limitado a ajustar o peso e a largura do texto em incrementos r\u00edgidos de 100 pixels.<\/p>\n\n
Melhore a Consist\u00eancia da Marca com Controle Vers\u00e1til de Fontes<\/h3>\n\n
Se voc\u00ea est\u00e1 construindo uma identidade de marca, pode facilmente experimentar diferentes pesos e larguras de fonte para encontrar a combina\u00e7\u00e3o perfeita. Seja para t\u00edtulos ousados e chamativos ou texto de corpo sutil e elegante, as Fontes Vari\u00e1veis oferecem a flexibilidade para acertar em cheio. E como voc\u00ea est\u00e1 trabalhando com um \u00fanico arquivo de fonte que pode fazer tudo, seu site permanece leve e r\u00e1pido.<\/p>\n\n
Essa versatilidade no controle da tipografia tamb\u00e9m significa que manter a consist\u00eancia da marca em todo o seu site \u00e9 mais f\u00e1cil do que nunca. Voc\u00ea pode garantir que seus t\u00edtulos, textos de corpo e outros elementos tipogr\u00e1ficos estejam perfeitamente alinhados com a identidade visual da sua marca sem a necessidade de v\u00e1rias varia\u00e7\u00f5es de fonte.<\/p>\n\n
Comece com Fontes Vari\u00e1veis<\/h3>\n\n
Para configurar Fontes Vari\u00e1veis, primeiro baixe um arquivo TTF de Fonte Vari\u00e1vel da sua plataforma preferida, como o Google Fonts. Ent\u00e3o, v\u00e1 para WP Dashboard Elementor Custom Fonts Add New Add Variable Font, nomeie a nova fonte, carregue seu arquivo TTF, selecione as caixas de sele\u00e7\u00e3o de peso e largura desejadas, defina os valores com base nas propriedades da fonte e publique. Ao editar texto e navegar para o controle de Tipografia, voc\u00ea pode ver as novas fontes no topo da sele\u00e7\u00e3o de Font Family, em ‘Variable Fonts’.<\/p>\n\n
<\/p>\n\n
Obtenha o Elementor <\/a>Pro<\/a><\/p>\n\n
Obtenha o Elementor <\/a>Pro<\/a><\/p>\n\n
Atualize Sua Assinatura Pro<\/a><\/p>\n\n
![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/Variable-Fonts-1-1024x538.png\")
<\/figure>\n\nCarregamento de CSS Aprimorado: Mais Inteligente, R\u00e1pido Eficiente<\/h2>\n\n
Otimize o Desempenho do Site com Carregamento Condicional de CSS<\/h3>\n\n
Cada segundo conta quando se trata de tempos de carregamento de p\u00e1gina, e com o Elementor 3.24, demos um passo significativo para otimizar o desempenho do seu site com o Carregamento Condicional de CSS. Este recurso foi projetado para carregar apenas o CSS necess\u00e1rio para os elementos na sua p\u00e1gina, reduzindo drasticamente a quantidade de c\u00f3digo n\u00e3o utilizado que pode desacelerar seu site.<\/p>\n\n
O Carregamento Condicional de CSS funciona analisando os widgets e elementos espec\u00edficos que voc\u00ea est\u00e1 usando e carregando apenas o CSS necess\u00e1rio para esses componentes. Isso significa que, se voc\u00ea n\u00e3o estiver usando um recurso espec\u00edfico, seu CSS n\u00e3o ser\u00e1 carregado, resultando em um site mais enxuto e r\u00e1pido. Na verdade, essa melhoria pode levar a uma redu\u00e7\u00e3o de at\u00e9 668KB no tamanho do CSS!<\/strong><\/p>\n\n
Melhore a Experi\u00eancia do Visitante com P\u00e1ginas de Carregamento Mais R\u00e1pido<\/h3>\n\n
Se a sua p\u00e1gina inicial apresenta, por exemplo, uma se\u00e7\u00e3o de destaque com um \u00fanico bot\u00e3o de call-to-action, apenas o CSS necess\u00e1rio para esse layout e bot\u00e3o ser\u00e1 carregado agora. Todos os outros arquivos CSS desnecess\u00e1rios s\u00e3o mantidos fora da equa\u00e7\u00e3o, garantindo que sua p\u00e1gina carregue o mais r\u00e1pido poss\u00edvel. Isso \u00e9 particularmente ben\u00e9fico para sites complexos com uma variedade de widgets e elementos, onde minimizar o excesso de CSS pode levar a ganhos significativos de desempenho.<\/p>\n\n
Minimize Mudan\u00e7as Cumulativas de Layout com Cache de Estilo Aprimorado<\/h3>\n\n
Tempos de carregamento mais r\u00e1pidos n\u00e3o apenas melhoram a satisfa\u00e7\u00e3o do visitante, mas tamb\u00e9m impactam positivamente o SEO, ajudando seu site a classificar-se melhor nos resultados dos motores de busca. Em linha com nosso compromisso de melhorar significativamente o desempenho do site, otimizamos a forma como os ativos de CSS s\u00e3o carregados para widgets do Elementor nesta vers\u00e3o, reduzindo as Mudan\u00e7as Cumulativas de Layout (CLS). Com nosso novo sistema de ‘cache de depend\u00eancias de estilo’, os estilos dos widgets s\u00e3o armazenados em cache na primeira visita e depois carregados do cache para o em visitas subsequentes. Isso minimiza o CLS ao garantir que os estilos sejam aplicados mais cedo no processo de carregamento da p\u00e1gina, resultando em uma experi\u00eancia de usu\u00e1rio mais suave e est\u00e1vel.<\/p>\n\n
![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/CSS-Loading-1-1024x538.png\")
<\/figure>\n\nMelhorias de Fluxo de Trabalho de Pr\u00f3ximo N\u00edvel <\/h2>\n\n
[Pro] Condi\u00e7\u00f5es de Exibi\u00e7\u00e3o Refinadas para Maior Controle<\/h3>\n\n
O Elementor 3.24 melhora seu fluxo de trabalho ao aprimorar a forma como voc\u00ea gerencia as Condi\u00e7\u00f5es de Exibi\u00e7\u00e3o. Agora, quando uma Condi\u00e7\u00e3o de Exibi\u00e7\u00e3o \u00e9 definida para um elemento, uma linha vertical e um \u00edcone aparecer\u00e3o no Painel de Estrutura, indicando claramente as Condi\u00e7\u00f5es de Exibi\u00e7\u00e3o ativas. Clicar no \u00edcone leva voc\u00ea diretamente \u00e0s configura\u00e7\u00f5es de Condi\u00e7\u00e3o de Exibi\u00e7\u00e3o, tornando os ajustes r\u00e1pidos e intuitivos.<\/p>\n\n
Al\u00e9m disso, agora voc\u00ea pode copiar e colar Condi\u00e7\u00f5es de Exibi\u00e7\u00e3o entre elementos e p\u00e1ginas, ou limp\u00e1-las instantaneamente, tudo simplesmente clicando com o bot\u00e3o direito no elemento, agilizando ainda mais seu processo de design e economizando tempo valioso.<\/p>\n\n
<\/p>\n\n
Obtenha o Elementor <\/a>Pro<\/a><\/p>\n\n
Obtenha o Elementor <\/a>Pro<\/a><\/p>\n\n
Atualize Sua Assinatura Pro<\/a><\/p>\n\n
Nomes de Cont\u00eainer Gerados por IA no Painel de Estrutura com Elementor AI<\/h3>\n\n
Cada p\u00e1gina do seu site pode ter dezenas de Cont\u00eaineres e widgets dentro dela, e ao adicionar novos Cont\u00eaineres a uma p\u00e1gina, eles ser\u00e3o nomeados no Painel de Estrutura (anteriormente: Navegador) como simplesmente \u201cCont\u00eainer\u201d. Isso pode ser um desafio, pois quanto mais Cont\u00eaineres houver, mais dif\u00edcil \u00e9 manter as coisas organizadas e ter uma vis\u00e3o geral adequada da estrutura da p\u00e1gina. At\u00e9 agora, para ter uma melhor estrutura, voc\u00ea precisaria olhar dentro de cada Cont\u00eainer, criar um nome relevante e depois digit\u00e1-lo no Painel de Estrutura um por um.<\/p>\n\n
Com o poder da IA, esse \u00e9 um problema do passado. O Elementor AI agiliza seu fluxo de trabalho e acelera a entrega do site, mantendo sua orienta\u00e7\u00e3o profissional em destaque. O Elementor 3.24 inclui uma grande atualiza\u00e7\u00e3o para o Elementor AI, com um novo recurso: Nomes de Cont\u00eainer Gerados por IA. Ele cuida dos detalhes, para que voc\u00ea possa se concentrar no panorama geral. Basta clicar em um \u00fanico bot\u00e3o no Painel de Estrutura e, em segundos, todos os seus Cont\u00eaineres s\u00e3o renomeados automaticamente de acordo com o conte\u00fado que incluem.<\/p>\n\n
Descubra o Elementor AI<\/a><\/p>\n\n
![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/Rename-Containers-with-AI-1-1024x538.png\")
<\/figure>\n\nRecursos Adicionais Atualiza\u00e7\u00f5es<\/h2>\n\n
[Pro] Experi\u00eancia de Pesquisa Simplificada<\/h3>\n\n
Na vers\u00e3o 3.24, o Elementor baseia-se no widget de Pesquisa introduzido na vers\u00e3o 3.23, incorporando feedback dos usu\u00e1rios para aprimorar sua funcionalidade. Novas atualiza\u00e7\u00f5es para o Widget de Pesquisa incluem:<\/p>\n\n
- \n
- URLs da p\u00e1gina de resultados significativamente mais curtas para uma experi\u00eancia de visitante simplificada.<\/li>\n\n\n\n
- Um bot\u00e3o direto para o Theme Builder<\/a> para facilitar a cria\u00e7\u00e3o de modelos de loop.<\/li>\n\n\n\n
- Maior controle sobre a largura do dropdown de resultados e a visibilidade e design do carregador de pesquisa.<\/li>\n\n\n\n
- O widget de Pesquisa \u00e9 uma parte nativa do Editor, n\u00e3o exigindo mais ativa\u00e7\u00e3o manual.<\/li>\n<\/ul>\n\n
Obtenha o Elementor <\/a>Pro<\/a><\/p>\n\n
Obtenha o Elementor <\/a>Pro<\/a><\/p>\n\n
Atualize Sua Assinatura Pro<\/a><\/p>\n\n
![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/09\/Additional-Updates-1-1024x538.png\")
<\/figure>\n\n<\/p>\n\n
Op\u00e7\u00e3o de Exclus\u00e3o para Elementor AI<\/h3>\n\n
As ferramentas do Elementor AI agilizam seu fluxo de trabalho e aceleram a entrega do site, mantendo sua orienta\u00e7\u00e3o profissional em destaque. Agora voc\u00ea pode desativar facilmente os recursos de IA ao entregar o site aos clientes, garantindo que eles vejam apenas o produto final, polido, sem quaisquer elementos de IA. A capacidade de desativar notifica\u00e7\u00f5es de IA tamb\u00e9m \u00e9 \u00fatil para qualquer pessoa que n\u00e3o esteja interessada em usar o Elementor AI e queira limpar seu espa\u00e7o de trabalho. Para desativar o Elementor AI, v\u00e1 para o Painel do WP Usu\u00e1rios Perfil e desmarque a caixa para \u201cHabilitar Funcionalidade de IA\u201d.<\/p>\n\n
Atualiza\u00e7\u00f5es Futuras<\/h3>\n\n
- \n
- Filtro de Taxonomia, Link na Bio e Bot\u00f5es de Contato Flutuantes agora fazem parte nativa do Editor e n\u00e3o est\u00e3o mais na p\u00e1gina de Recursos.<\/li>\n\n\n\n
- Elementos Aninhados agora est\u00e3o ativos por padr\u00e3o para novos sites.<\/li>\n\n\n\n
- Imagens de Fundo com Carregamento Pregui\u00e7oso foram mescladas e movidas para as Configura\u00e7\u00f5es de Desempenho.<\/li>\n\n\n\n
- Acessibilidade – Nova capacidade de nomear seus widgets Off-Canvas.<\/li>\n<\/ul>\n\n
Desbloqueie Novas Possibilidades com o Elementor 3.24<\/h2>\n\n
O Elementor 3.24 est\u00e1 repleto de recursos e melhorias que tornam mais f\u00e1cil do que nunca criar sites impressionantes e de alto desempenho. Seja voc\u00ea entusiasmado com as possibilidades de design com Fontes Vari\u00e1veis, o potencial estrat\u00e9gico das Barras Flutuantes ou os aumentos de desempenho com o Carregamento Condicional de CSS, esta atualiza\u00e7\u00e3o tem algo para todos. Incentivamos voc\u00ea a atualizar para o Elementor 3.24 hoje e explorar todas as novas possibilidades que ele oferece.<\/p>\n\n
Obtenha o Elementor <\/a>Pro<\/a><\/p>\n\n