Elementor Pro 3.7: novo widget de botão de faixa, mais de 100 campos de tags dinâmicas, notas e muito mais

Uma das primeiras coisas que os visitantes fazem quando chegam a um site é escanear seu design – parece profissional? Consistente? É uma marca em que posso confiar? O que torna importante para você, como Criador da Web, prestar atenção a todos os detalhes de design do seu site, para garantir que seus visitantes tenham a melhor experiência possível. Um design cuidadoso e a experiência do usuário contribuem muito para aumentar o envolvimento e a confiança do usuário e transformá-los em visitantes fiéis que continuam voltando. O Elementor Pro 3.7 inclui atualizações que ajudarão você a criar sites que se destacam pelos motivos certos.

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 restante 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 nas necessidades de seus 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 de forma eficaz 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 teria sido 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.

Personalize mais de seus sites e trabalhe de forma colaborativa e eficaz

À medida que você cria seus sites, é importante considerar como seus visitantes veem seu design e qual experiência eles terão ao navegar por ele. Personalizando e personalizando mais partes do seu site e levando em consideração todas as diferentes páginas que seu visitante pode encontrar, você pode aumentar o envolvimento de seus visitantes e aumentar o reconhecimento da sua marca.

Experimente os novos recursos incluídos no Elementor Pro 3.7 e descubra como eles podem permitir que você obtenha um design de site personalizado mais personalizado. Adoraríamos saber sobre algumas das maneiras pelas quais você planeja incorporar essas atualizações em seus sites nos comentários abaixo.

Junte-se a nós na quinta-feira, 19 de maio, às 11h EDT para obter uma visão geral do Elementor Pro 3.7. Veja alguns exemplos úteis para seus projetos e tire suas dúvidas AO VIVO no estúdio!