Empresa que faz siteMarcação

Elementor 3.10 – Novos elementos aninhados! 

Você que utiliza o Elementor como editor em seu site WordPress, não pode deixar de conferir as novidades da última atualização.

Vale lembrar que a versão PRO do plugin conta com muito mais funcionalidades que a versão gratuita.

Novidades

O Elementor 3.10 vem com recursos altamente esperados que irão elevar o design do seu site. Esta versão inclui o primeiro elemento aninhado – guias, opções de unidade personalizada, nova biblioteca de contêineres e muito mais.

O Elementor e o Elementor Pro 3.10 incluem novos recursos de design que abrirão todo um novo mundo de criatividade quando se trata de projetar seus sites com Nested Elements e introduz uma nova unidade personalizada nos controles de dimensionamento que permitirão que você alcance um nível mais alto de precisão ao se trata de projetar seus sites. Essas versões também incluem uma nova biblioteca baseada em contêiner e melhorias de desempenho.

Novos elementos aninhados que irão elevar o design do seu site

O Nested Elements desbloqueia uma maneira totalmente nova de conceituar o design do seu site. Com elementos aninhados, você pode colocar qualquer elemento dentro de outro, aproveitando o poder dos contêineres Flexbox. Semelhante a como você pode colocar um Container dentro de outro, e aninha-los infinitamente, com Nested Elements, você pode colocar qualquer elemento (widget ou container), dentro de outro. 

Como os Flexbox Containers são oficialmente estáveis, nos próximos lançamentos, introduziremos o recurso Nesting em vários widgets existentes, como Carrossel, Acordeão, Guias e muito mais. Também apresentaremos widgets aninhados totalmente novos, como o Mega Menu.

Apresentando o widget Renewed Tabs – O primeiro widget aninhado Elementor, desbloqueando a flexibilidade do design

Com o novo widget Tabs, você poderá liberar sua criatividade de design e atingir um alto nível de sofisticação. O novo widget Tabs é baseado em contêiner e inclui três melhorias principais, em comparação com o widget Tabs original: 

• Abas e Títulos – Usando o novo widget Abas, você poderá ajustar o layout e o posicionamento das abas para determinar onde elas estão localizadas em relação ao conteúdo da aba – na parte superior, inferior ou em um de seus lados. Além disso, você terá mais opções de estilo, incluindo a capacidade de adicionar ícones ao título da guia. 
• Nova área de conteúdo – Com o poder dos Flexbox Containers, a área de conteúdo de cada guia se tornará um contêiner principal, no qual você pode colocar qualquer elemento, ajustar seu layout e apresentar qualquer conteúdo que desejar – assim como a tela em branco do Editor.
• Nova configuração responsiva – Para melhorar o design e a experiência do usuário por tamanho de dispositivo, você pode escolher o ponto de interrupção no qual a guia será exibida automaticamente como um acordeão. Isso significa que você não precisa criar conteúdo diferente para cada dispositivo, o que também melhora o desempenho. 

Como o widget Tabs é baseado em contêiner, para usá-lo em seu site, você precisará garantir que os experimentos Flexbox Container e Nested Elements estejam ativados. Uma vez ativado, o novo widget de guias substituirá automaticamente o existente no painel de widgets (isso não afetará o design das guias existentes em seu site).

Novas unidades personalizadas – Escolha qualquer unidade que desejar, incluindo funções matemáticas CSS

Os controles numéricos no Editor estão sendo atualizados e agora você pode escolher qualquer unidade que desejar, misturar unidades numéricas e executar cálculos de função CSS dentro delas. Muitos elementos no Editor incluem opções de dimensionamento, como preenchimento e margens, tamanho da fonte e muito mais. Usar essas unidades de dimensionamento com sabedoria pode ter um impacto positivo na precisão do design e na capacidade de resposta do site. 

Anteriormente, se você estivesse ajustando o preenchimento ou as margens, por exemplo, deveria escolher um dos seguintes tipos de unidades: PX, EM, REM, % ou VW. Com esta atualização, você também poderá escolher a opção personalizada, para ser mais específico com suas escolhas de unidades. Por exemplo, você pode escolher o PX para os lados e % para a parte superior e inferior. Além disso, com esta atualização, os rótulos das unidades foram movidos para uma lista suspensa para acomodar a nova opção personalizada. 

Escolher a opção Personalizado também permitirá que você execute cálculos para a medição de um valor dentro do campo de entrada de valor, dessa forma, você pode obter maior precisão de design e suporte responsivo. 

Por exemplo, ao escolher a opção personalizada nos controles de tamanho de tipografia, você poderá usar a função CSS `clamp()` para ajustar o tamanho da tipografia a diferentes tamanhos de dispositivos, ou a função CSS `calc()` para calcular e defina um valor que misture unidades e muito mais. 

Como parte desta versão, os seguintes controles de dimensionamento terão opções personalizadas: 

• Contêineres, seções e colunas – em todos os lugares possíveis, incluindo largura personalizada, borda etc. 
• Controles de tipografia – altura da linha, espaçamento entre letras e entre palavras.

Áreas adicionais também serão atualizadas no futuro.

Kits, modelos e blocos de sites completos baseados em contêiner

Com o Flexbox Containers marcado como beta, tornando-o estável e pronto para uso, era importante fornecer a você kits e modelos completos de sites baseados em contêineres. Nas últimas semanas, a equipe da Biblioteca trabalhou para criar uma biblioteca completa baseada em contêiner, para que você possa iniciar o processo de criação e design do seu site, ao habilitar o experimento Flexbox Container, usando as tendências de design mais atualizadas . 

Agora, ao ativar o experimento Flexbox Container em seu site, você terá um kit e uma biblioteca de modelos totalmente novos. As atualizações também incluem dezenas dos mais populares kits completos de sites e modelos de página que foram convertidos do layout baseado em seção para Flexbox Containers, bem como novos kits de sites e modelos de página. 

Com a nova biblioteca, há duas atualizações adicionais dignas de nota. A primeira é que introduzimos algumas mini-lojas, um kit de site completo de uma página para sites de comércio eletrônico, incluindo botões PayPal e Stripe para cobrança de pagamentos. A segunda é que todos os Blocos anteriores (como Contato, 404, etc.) foram substituídos por designs completamente novos.

[Pro] Data de vencimento dinâmica no widget de contagem regressiva

O Widget de contagem regressiva, uma ótima ferramenta para criar FOMO e impulsionar a conversão, agora possui um controle dinâmico de tags na data de vencimento. Com esta atualização, você poderá usar campos personalizados nativos do WordPress, bem como campos personalizados do ACF e PODS para preencher dinamicamente a data de vencimento em cada página. 

Com os novos controles dinâmicos de tags, você poderá usar o widget Countdown no modelo Single Post, por exemplo, e adicionar um campo personalizado no WordPress a cada um dos seus posts que inclui a data de vencimento que você deseja incluir em cada post. Isso também permitirá que você entregue um site a um cliente, permitindo que ele atualize a data de vencimento no WordPress, sem enviá-lo ao Editor, onde poderá alterar seu design.

Novidade: desativar totalmente as fontes do Google

As fontes do Google, uma popular biblioteca de fontes on-line, permitem que você use uma variedade de fontes em seu site. No entanto, em eventos recentes, descobriu-se que o Google Fonts violava o GDPR e os regulamentos de privacidade. 

Para eliminar esse risco, o Elementor permite que você remova todas as fontes do Google do seu site. Ao desativar as fontes do Google, você não poderá mais usar a biblioteca de fontes on-line do Google no Editor, o que reduzirá o número de fontes disponíveis para você no Editor para 7 fontes. Se você já usou uma fonte do Google em seu site, mas optou por desativar as fontes do Google com esta atualização, todas as fontes em seu site serão padronizadas para uma das fontes disponíveis em seu site. Para continuar usando suas fontes favoritas, você pode carregar fontes hospedadas localmente no Elementor usando o recurso Fontes personalizadas , disponível para usuários do Elementor Pro.

Melhorias de desempenho e acessibilidade

No Elementor 3.10, continuamos a introduzir melhorias de desempenho e acessibilidade. Esta atualização inclui três novas atualizações de melhoria de desempenho e duas atualizações de melhoria de acessibilidade. 

Carga lenta do Google Maps 

O widget Google Maps da Elementor permite que você coloque um mapa em qualquer lugar do seu site, o widget perfeito para usar quando você deseja compartilhar um local específico com os visitantes do seu site. Com esta atualização, você poderá fazer o carregamento lento de iframes do Google Maps, o que acelera o carregamento inicial da página.

Carregamento lento de imagens com tamanhos personalizados

O tamanho da imagem que você usa pode ter um impacto significativo no desempenho do seu site. Nas atualizações anteriores, adicionamos a capacidade de carregar lentamente quase todas as imagens carregadas na biblioteca de mídia. Com o Elementor 3.10, você também poderá carregar lentamente imagens de tamanho personalizado. 

Controlando o pré-carregamento de vídeos auto-hospedados

Semelhante às imagens, os vídeos também afetam a velocidade e o desempenho do seu site, com os vídeos auto-hospedados geralmente tendo mais impacto do que os vídeos hospedados no YouTube, por exemplo, que aplicam técnicas de otimização. Com esta atualização, em vez de carregar vídeos auto-hospedados durante o carregamento inicial da página, você pode escolher se deseja pré-carregar o vídeo, os metadados do vídeo ou não pré-carregar nenhum conteúdo antes que o visitante clique em reproduzir.

Melhorias de acessibilidade para navegação na página

O widget Block Quote e o widget Post Comments, dois widgets do Elementor Pro, receberam atualizações de marcação para torná-los ainda mais acessíveis para pessoas com deficiência que usam tecnologias assistivas para navegar pela página.

Desfrute de mais opções de design, mais capacidade de resposta e melhor desempenho 

O Elementor 3.10 desbloqueia uma variedade de novas oportunidades de design para você usar em seu site. A introdução do novo widget Tabs, a primeira atualização que aproveita o recurso Nested Elements, permitirá que você crie layouts altamente avançados e criativos usando todos os widgets do Elementor, de uma maneira familiar de arrastar e soltar. Ao habilitar o Flexbox Containers para usar esse novo widget, você também será exposto a um kit totalmente novo baseado em contêiner e a uma biblioteca de modelos para iniciar seu processo criativo.  

Elementor 3.9

Você que utiliza o Elementor como editor em seu site WordPress, não pode deixar de conferir as novidades da última atualização.

Vale lembrar que a versão PRO do plugin conta com muito mais funcionalidades que a versão gratuita.

Novidades

O Elementor 3.9 inclui a nova opção Salvar como padrão, amplia os recursos do Loop Builder para oferecer suporte ao WooCommerce e ao layout baseado em seção e vários recursos adicionais que melhoram o design do seu site e a experiência do usuário.

O Elementor 3.9 inclui a nova opção Salvar como padrão, amplia os recursos do Loop Builder para oferecer suporte ao WooCommerce e ao layout baseado em seção e vários recursos adicionais que melhoram o design do seu site e a experiência do usuário.

Novo: Salvar como padrão
Com o Elementor 3.9, você pode aproveitar o novo recurso Salvar como padrão para melhorar seu fluxo de trabalho de design e personalizar totalmente a maneira como os elementos aparecem em seu site ao serem arrastados para o Editor.

Com esta atualização, você poderá ajustar todas as configurações padrão de cada elemento e personalizá-lo ao seu gosto. Você pode substituir a imagem do espaço reservado por qualquer imagem de sua preferência – como seu logotipo, ajustar o texto do espaço reservado e substituir as cores e fontes pelas de sua preferência. Em seguida, salve-o como padrão clicando com o botão esquerdo no elemento e salvando-o. Seguindo esta ação, sempre que você arrastar um novo widget que você ajustou, ele exibirá as novas configurações padrão que você configurou para ele. Para melhorar seu fluxo de trabalho e acelerar o processo de criação de seu site, todas as novas configurações padrão também podem ser transportadas para qualquer kit ou modelo que você importar/exportar.

Cada elemento Elementor inclui estilo padrão pré-configurado e configurações avançadas. Isso inclui imagens de espaço reservado, ícones ou textos, cores e fontes padrão ou associação com cores e fontes globais específicas. Significado – se tomarmos o widget Botão como exemplo, toda vez que você arrastá-lo para o Editor a partir do painel do widget, o plano de fundo adotará a cor de destaque configurada em suas Cores globais, a cor do texto será branca, etc.

Como o novo recurso Salvar como padrão salvará todas as alterações feitas nos elementos antes de salvá-los, é importante prestar atenção especial para não incluir informações confidenciais antes de salvar como um novo padrão. Por exemplo, não é recomendável incluir o endereço de e-mail da sua conta do PayPal antes de salvar o botão do PayPal como um novo widget. O mesmo se aplica a qualquer informação confidencial, incluindo CSS ID, API Keys e assim por diante.

Abaixo estão três (de muitos) exemplos de como você pode usar o novo recurso Salvar como padrão:

Atualize as cores ou fontes de um elemento, para serem associadas a diferentes cores ou fontes globais (como primária em vez de secundária)
Defina um novo preenchimento padrão e as margens de um widget, como um botão.
Inclua um logotipo, imagem ou instruções específicas como espaço reservado de imagem para widgets de imagem ou espaços reservados de texto para widgets textuais. Dessa forma, você pode promover continuamente seu negócio como criador da Web para seus clientes e auxiliá-los na atualização do site.

[PRO] Loop Builder estendido para oferecer suporte a WooCommerce e seções
Após o lançamento do Loop Builder no Elementor 3.8 , esta versão amplia os recursos do Loop Builder para oferecer suporte ao WooCommerce. Com esta atualização, você poderá criar seu próprio modelo personalizado para listas de produtos para que possa liberar sua criatividade ao projetar seus sites de comércio eletrônico.

Agora, ao usar o Loop Builder, você começará escolhendo o tipo de modelo que deseja criar, para WooCommerce, escolherá Produtos. Em seguida, o painel de widgets recomendará widgets WooCommerce na parte superior, mas você pode usar qualquer widget, bem como qualquer tag de conteúdo dinâmico para exibir conteúdo WooCommerce adicional em seu modelo de item principal.

Depois de finalizar o design do seu modelo, você poderá usá-lo em qualquer página, ajustar seu layout, paginação e estilo e exibir seus produtos da maneira que melhor se adequar ao seu design e marca.

O Elementor 3.9 também apresenta suporte para o layout de coluna de seção, portanto, se você ainda não estiver pronto para começar a usar o Flexbox Containers, ainda poderá usar o Loop Builder para criar listagens personalizadas usando o layout de coluna de seção.

[Pro] Regra avançada de pop-up aprimorada – Mostrar até X vezes persistente ou por sessão / dia / semana / mês
Uma das solicitações mais populares para Elementor Popups foi aprimorar a regra avançada que determina quantas vezes um pop-up aparece. Até agora, você poderia fazer com que o pop-up aparecesse X vezes, mas o intervalo de tempo em que eles apareceriam não seria especificado. Portanto, se você definir um pop-up para aparecer 3 vezes, ele aparecerá nas próximas 3 vezes que o visitante visitar seu site, independentemente da frequência de visita.

Com esta regra avançada atualizada, você poderá definir o número de vezes que deseja que o pop-up apareça – persistentemente ou dentro de um período de tempo específico de – uma sessão, um dia, uma semana ou um mês. Dessa forma, você pode entregar seus pop-ups na frequência desejada, melhorar a experiência do usuário e alcançar o resultado desejado do pop-up.

Melhorias de desempenho

Estamos continuamente procurando maneiras de melhorar o desempenho do seu website e, recentemente, estabelecemos uma parceria com o Chrome para identificar áreas de oportunidade juntos. A Elementor utilizou as ferramentas do Google, incluindo o Relatório de experiência do usuário do Chrome e o Relatório de tecnologia das principais métricas da Web , enquanto recebia consultoria técnica de um especialista em Chrome. O Elementor 3.9 apresenta várias melhorias de desempenho que podem ter um impacto significativo no desempenho do seu site, incluindo:

Experiência alfa de carga lenta de imagens de fundo
As imagens de plano de fundo são parte integrante do design de um site, mas podem ter um impacto negativo no desempenho e na pontuação do Largest Contentful Paint (LCP). Otimizar o desempenho do seu site e a pontuação LCP é importante para otimizar a experiência de seus visitantes ao visitar seu site, além de melhorar sua capacidade de descoberta nos resultados dos mecanismos de pesquisa.

Ao adicionar o Lazy Load às imagens de fundo, você pode melhorar o desempenho do seu site e a pontuação LCP, sem comprometer a aparência do seu site.

Ativar esta experiência aplicará carregamento lento a todas as imagens de plano de fundo abaixo da dobra, nas seguintes áreas:

Seção – plano de fundo da seção e sobreposição do plano de fundo da seção
Coluna – fundo da coluna
Container – plano de fundo do contêiner e sobreposição de plano de fundo do contêiner
Plano de fundo do widget genérico – acessado na guia Avançado.
Elementor agora compatível com o Performance Lab para “WebP Uploads”
Ao ativar o plug-in Performance Lab , as imagens que você enviar como JPEGs serão automaticamente convertidas para WebP. Se o plug-in do Performance Lab não conseguir converter o formato de imagem para WebP, o site mostrará o JPEG padrão. Além disso, apenas as imagens JPEG carregadas após a ativação do plug-in Performance Lab serão convertidas para o formato WebP, todas as imagens carregadas antes disso manterão seu formato JPEG.

Mais personalização, mais design, mais da Elementor
O Elementor 3.9 visa capacitá-lo a alcançar mais com seus sites, de uma maneira mais conveniente. Com a nova capacidade de Salvar como padrão, você pode personalizar o ponto de partida de cada elemento de acordo com as necessidades do seu site e acelerar o processo de criação. Esta atualização também inclui aprimoramentos no Loop Builder, para que você personalize ainda mais o design de seus sites, bem como uma abundância de recursos de melhoria de desempenho – para que você não precise escolher entre a aparência de seu site e sua atuação.

Experimente os novos recursos do Elementor 3.9 e informe-nos como você usará esses novos recursos em seu site na seção de comentários.

Elementor 3.8

Você que utiliza o Elementor como editor em seu site WordPress, não pode deixar de conferir as novidades da última atualização.

Vale lembrar que a versão PRO do plugin conta com muito mais funcionalidades que a versão gratuita.

Novidades

O Elementor 3.8 inclui alguns recursos altamente antecipados, incluindo a primeira fase do Loop Builder, com funções e recursos adicionais adicionados nas próximas versões. Com o Loop Builder, você ganha mais liberdade criativa para criar suas postagens e listagens, para que possa projetá-las da maneira que desejar. Além disso, este lançamento é o primeiro a seguir um novo mecanismo de lançamento, o que tornará nossos lançamentos futuros muito mais previsíveis e confiáveis.

Apresentando o Loop Builder (Pro)

O Elementor 3.8 Pro apresenta a primeira fase do Loop Builder. O Loop Builder permite que você crie e projete o item principal para repetir o conteúdo (ou seja, loops), como listagens, bem como personalizar seu layout na página. Ao criar você mesmo um modelo de item principal, você obtém muito mais flexibilidade em comparação com o widget de Postagens para projetar suas listagens e incluir conteúdo dinâmico adicional.

A primeira fase do Loop Builder inclui a capacidade de criar um item principal para postagens e tipos de postagem personalizados e incluir conteúdo dinâmico de sua postagem. Dessa forma, você pode projetar facilmente a exibição de suas postagens, portfólios, listagens e muito mais. As atualizações futuras incluirão suporte completo ao WooCommerce para que você possa personalizar totalmente a aparência de todos os seus arquivos de produtos e recursos adicionais que aprimorarão o design do seu site.

Projetando o modelo para seu item principal

Há duas maneiras de criar seu modelo de item principal:

Edição no local – disponível arrastando o widget Loop Grid para uma página e clicando no botão ‘Criar um modelo’.
Tela em branco – disponível adicionando um novo modelo de item de loop no Theme Builder ou adicionando um novo modelo no menu Modelos no painel do WordPress.

Para projetar seu modelo de item principal, você pode usar praticamente qualquer um dos widgets do Elementor. Cada um dos widgets que você usa, pode ser atribuído a qualquer um dos campos dinâmicos disponíveis em seu site, ou podem ser deixados como estáticos e usados para aprimorar o design do seu item principal.

Escolhendo a fonte do conteúdo a ser exibido

Depois de criar o design do item de loop, é hora de escolher o conteúdo que você deseja exibir na página. Você pode criar um único modelo de Item de Loop e usá-lo em diferentes páginas para exibir conteúdo diferente, ou pode criar modelos diferentes para usar em diferentes tipos de postagem.

Por exemplo, se você estiver criando um site de imóveis, poderá criar um modelo para exibir suas listagens de imóveis e outro modelo para exibir suas postagens de blog. Dessa forma, você pode ter um design exclusivo para cada um e incluir diferentes campos de conteúdo. Em suas listagens de imóveis, você pode querer incluir conteúdo dinâmico de seus campos personalizados para exibir o número de quartos e banheiros em seu modelo de item de loop, enquanto em sua postagem de blog, você pode querer incluir uma indicação de quanto tempo levará para ler cada postagem.

Para exibir conteúdo dinâmico em seu loop, você atribuirá o conteúdo dinâmico que deseja exibir clicando no ícone Conteúdo dinâmico em cada widget no modelo Loop Item e determinando qual campo dinâmico deve ser exibido.

Para escolher a fonte ou o tipo de postagens do conteúdo a ser exibido, você precisará arrastar o widget Loop Grid para o local desejado na página e, na seção de consulta, escolher o tipo de postagem apropriado. Em seguida, você pode escolher se deseja incluir ou excluir conteúdo de um determinado autor, ou que inclua um determinado termo, decidir se deseja exibir as postagens em formato ascendente ou descendente.

Ajustando o layout das listagens em uma página

Os modelos de loop que você cria podem ser usados em qualquer página, usando o widget Loop Grid. Depois de escolher o modelo e o conteúdo que deseja exibir, você pode ajustar o layout e o estilo de sua listagem na página.

Nesta etapa, você decidirá o número de colunas que deseja que sua grade exiba, o intervalo entre um item e outro, bem como se deseja que todas as listagens apareçam em uma página ou as divida em várias páginas. Você também pode adicionar opções de estilo adicionais nesta fase, como imagens de fundo ou efeitos de movimento, etc.

Como parte desta versão, o Loop Builder só pode ser usado com Containers. Portanto, para usar o Loop Builder, você precisará habilitar dois experimentos: Flexbox Containers e o Loop Builder.

Os contêineres Flexbox foram atualizados para o status de experiência beta

Depois de passar por testes extensivos e revisados em várias condições e casos de uso e testados com várias integrações diferentes, os contêineres Flexbox agora são um experimento beta. Isso significa que eles são considerados estáveis e você pode usá-los com confiança em seu próprio site.

No entanto, à medida que os contêineres passam de um experimento Alpha para um beta, se você usou o contêiner em sites ativos, verifique se tudo funciona e se parece com o esperado, pois algumas alterações feitas no contêiner podem afetar a aparência do seu site .

Como para alguns de vocês, o Flexbox Containers exigirá algum aprendizado e se acostumar, por enquanto – será sua decisão quando ativar o experimento e usar Containers em seu site.

Observe que, se você decidir ativar o experimento e projetar layouts usando o Contêiner, mas decidir desativar os experimentos, todas as partes do site criadas com Contêineres poderão desaparecer.

Para saber mais sobre como você pode usar o Flexbox Containers em seu site, você também pode experimentá-lo primeiro no Elementor Flexbox Playground

Novo: Remover Kit – Reverter Kit para seu estado anterior

Os Kits de site são uma ótima maneira de dar um salto inicial em seu site, pois vêm com todas as peças essenciais que um site precisa e os estilos globais associados a ele. Até agora, não havia um único botão simples em que você pudesse clicar para restaurar seu site ao estado anterior, se você perceber que deseja usar um kit diferente ou nenhum.

Com o novo recurso Remover Kit, você pode remover o kit mais recente instalado em seu site e os estilos globais que o acompanham, sem precisar restaurar todo o site para uma versão anterior. Ao baixar qualquer kit após a atualização para esta versão, o novo botão ‘Remover Kit’ aparecerá na guia Importar/Exportar (localizada no painel do WordPress em Configurações do Elementor → Ferramentas). Clicar neste botão restaurará seu site ao estado anterior, antes de aplicar o kit. Enquanto qualquer novo conteúdo que você criar, em uma nova página ou post permanecerá, ele adotará os estilos globais que seu site tinha antes de baixar o kit.

Além disso, todas as páginas, postagens e recursos adicionados ao site como parte do kit serão removidos, o que inclui alterações feitas no conteúdo de qualquer kit. Se você quiser manter as alterações feitas no kit ou o conteúdo adicionado antes de removê-lo, recomendamos criar uma nova página e copiar o conteúdo antes de remover o kit.

Desfrute de mais flexibilidade de design e mostre mais do seu conteúdo dinâmico

O Elementor e o Elementor 3.8 Pro permitem que você crie mais do seu site usando o Elementor. Se você deseja obter mais controle sobre a personalização da aparência e do conteúdo de suas listagens ou obter layouts mais sofisticados com Containers, essas atualizações melhorarão sua capacidade de fazer isso.

Elementor 3.7

Você que utiliza o Elementor como editor em seu site WordPress, não pode deixar de conferir as novidades da última atualização.

Vale lembrar que a versão PRO do plugin conta com muito mais funcionalidades que a versão gratuita.

Novidades

Novo widget de botão Stripe, mais de 100 campos de tags dinâmicas, notas e muito mais

O Elementor Pro 3.7 inclui novos recursos de comércio eletrônico que permitem que você personalize mais de suas lojas online, aprimoramentos de recursos existentes que permitem criar sites de conteúdo rico e Notas – uma nova ferramenta que aumenta seus esforços de colaboração.

Novo widget de botão Stripe – outra maneira de vender itens em seu site

A venda online nem sempre exige a configuração de uma loja WooCommerce inteira, especialmente se você tiver alguns itens para vender. Com o novo widget Stripe Button, você pode integrar seu site Elementor à sua conta Stripe, vender um único item ou vários itens e aceitar pagamentos sem problemas através do Stripe, sem criar uma loja online inteira. 

Para combinar o widget do botão Stripe com a aparência do resto do seu site, arraste o widget para qualquer página e ajuste seu estilo e conteúdo como desejar. Você também pode personalizar a mensagem de erro do Stripe, apenas por precaução, ativando a alternância de mensagem de erro personalizada na guia Estilo e inserindo a mensagem que deseja exibir. Assim que o comprador clicar no botão Stripe, ele será direcionado para concluir sua compra na página de checkout do Stripe. 

Embora a transação seja processada no Stripe, você ainda pode aumentar o reconhecimento da sua marca após uma compra bem-sucedida redirecionando os clientes para uma página de agradecimento personalizada criada no Elementor. Para redirecionar para uma página dedicada após a conclusão da compra, escolha uma página da lista ou insira a URL apropriada nas Opções Adicionais do widget Stripe Button (ao inserir uma URL, você deve incluir o http:// ou https:// do URL para o redirecionamento funcionar).

Expandindo continuamente os recursos do WooCommerce

Para permitir que você personalize ainda mais seu site e crie designs consistentes, adicionamos aprimoramentos aos recursos existentes, conforme mostrado abaixo. 

Crie lojas online elegantes com novos recursos e melhorias do WooCommerce

A Elementor continua a adicionar e melhorar os recursos do WooCommerce, permitindo que você crie com eficiência lojas on-line exclusivas. 

Widgets Transacionais WooCommerce

Crie belos modelos para exibir no estado vazio do carrinho e na guia Painel na página Minha conta para facilitar uma experiência de marca em vez de mostrar as exibições padrão do WooCommerce. Para fazer isso, crie um modelo personalizado para cada uma dessas páginas e escolha o modelo relevante na lista suspensa de modelos nos widgets Carrinho e Minha conta.

Determine onde exibir o campo de código do cupom quando ele estiver ativado nas configurações do WooCommerce: página do carrinho, página de checkout ou ambas. 

Widgets de produtos WooCommerce

Melhore seu fluxo de trabalho de design com três novas consultas no widget Produtos – Produtos relacionados e Upsells, que existiam anteriormente como widgets separados, bem como Cross-Sells – uma nova opção de consulta. Dessa forma, você não precisa projetar a aparência de seu arquivo de produtos, produtos relacionados ou upsells separadamente. Em vez disso, use o widget Produtos para projetar todos esses componentes e ajustar a consulta com base em suas necessidades de negócios.

* Você ainda pode usar os widgets de Produtos Relacionados e Upsells, se desejar.

Crie cartões de produto consistentes com dois novos controles que permitem alinhar o botão ‘Adicionar ao carrinho’ na parte inferior do cartão de produto e controlar a distância entre o botão ‘Adicionar ao carrinho’ e o link ‘Visualizar carrinho’ que aparece após um item é adicionado ao carrinho. 

* Observação: esses controles também foram adicionados aos widgets Produtos relacionados e Upsells, e as opções de alinhamento de botões também foram adicionadas aos widgets Checkout e Carrinho. 

Atualizando recursos existentes para mais opções de personalização de sites

Aproveite o conteúdo dinâmico onde quiser

O Elementor Pro 3.7 apresenta mais de 100 novos campos de tags dinâmicos em 24 widgets, para ampliar ainda mais seus recursos na criação de sites de conteúdo rico. Esses novos Campos de Tag Dinâmicos permitem que você exiba conteúdo de maneira personalizada para os visitantes do seu site, aumente a criatividade do design para uma experiência de usuário mais envolvente e melhore seu fluxo de trabalho. 

Abaixo estão três exemplos de como você pode usar os novos recursos de conteúdo dinâmico:

Formulários – Melhore a experiência do visitante registrado atribuindo Tags Dinâmicas aos campos do seu formulário, para preencher dinamicamente os dados do cliente, como Nome, Sobrenome e Email, entre outros.  

Adicionar ao carrinho – Aumente a flexibilidade do design e crie fluxos adicionais Adicionar ao carrinho de qualquer página usando botões ou links e atribuindo a nova tag WooCommerce ‘Adicionar ao carrinho’ a eles.

Conteúdo do Produto – Acelere seu fluxo de trabalho preenchendo dinamicamente os campos de conteúdo com o Conteúdo do Produto do WooCommerce usando a nova tag dinâmica ‘Conteúdo do Produto’, em vez do widget dedicado ‘Conteúdo do Produto’. 

Aproveite os novos controles para unificar a aparência de suas postagens

Ao projetar seus Posts e Posts de Arquivo, garantir que a aparência visual seja consistente em todas as páginas é fundamental para aumentar a confiança do visitante e facilitar uma experiência positiva com sua marca.

Para unificar a aparência visual de seus posts, esta versão também inclui dois novos controles nos widgets Posts e Arquivar Posts: 

Alinhe o botão “Leia mais” na parte inferior. 

Uma alternância ‘Aplicar ao trecho personalizado’, para aplicar a limitação de comprimento do trecho ao conteúdo extraído do campo de trecho no WordPress. 

Escolha ícones personalizados no widget do menu de navegação

Para personalizar ainda mais o design do seu site, você pode escolher um ícone personalizado no widget Menu de navegação para os estados Normal e Ativo do layout suspenso. Para personalizar o ícone do botão de alternância, carregue um SVG personalizado ou selecione um ícone da biblioteca.

Descubra notas – trabalhe em colaboração com clientes e colegas diretamente no Elementor

Melhore a colaboração e comunique-se efetivamente com seus clientes e colegas fixando o Notes em qualquer elemento Elementor, em qualquer lugar do Editor ou no frontend. Anteriormente, coletar feedback e trabalhar em conjunto seria um desafio – ter que usar vários canais de comunicação ou marcar várias reuniões. Com o Notes, o trabalho colaborativo é trazido diretamente para o Elementor.