[Versão 6.1] Complementos essenciais x WooCommerce: explore novos widgets para personalizar a página de produto único do WooCommerce
Publicados: 2025-01-15Complementos essenciais - o complemento Eelementor nº 1 em que mais de 2 milhões de usuários em todo o mundo confiam, continua trazendo widgets e extensões para tornar sua construção na web mais fácil e rápida. Com isso dito, o lançamento mais recente do Essential Addons apresenta 5 widgets poderosos que personalizam facilmente páginas de produtos únicos do WooCommerce. A edição de uma página de produto único WooCommerce tem dependências PRO, mas agora, com esses novos widgets Essential Addons, você pode obter os mesmos resultados GRATUITAMENTE.
Neste blog, exploraremos as últimas adições aos complementos essenciais para Elementor e veremos como esses widgets podem transformar a página de seu único produto - sem custar um centavo. Vamos mergulhar.
Uma visão geral de todos os novos widgets de complementos essenciais para Elementor
A cada atualização, Essential Addons for Elementor está redefinindo o processo de construção da web e as últimas adições à sua biblioteca de widgets não são exceção. Desta vez, tudo está focado na página de produto único do WooCommerce. Esses widgets oferecem flexibilidade e opções de personalização incomparáveis.
Para usar esses widgets, certifique-se de ter outro plugin, Templately, instalado em seu site . Apresentar produtos WooCommerce de uma forma impressionante e totalmente personalizável nunca foi tão fácil.
1. Imagens de produtos Woo: exiba seus produtos com estilo
Cativar clientes para seus produtos online depende muito de como você exibe a imagem do seu produto com cada detalhe. Com as imagens de produto Woo da Essential Addons, você pode destacar sua página de produto único WooCommerce e ir além do básico. O elemento foi especialmente projetado e desenvolvido para criar galerias interativas impressionantes com efeitos de zoom, animações flutuantes e layouts personalizados para sua marca.
Esteja você exibindo uma obra de arte ou gadgets de alta tecnologia, esse widget garante que cada imagem apareça em telas de todos os tamanhos, proporcionando uma experiência de compra incomparável que aumenta o envolvimento do cliente e impulsiona as vendas.
2. Preço do produto Woo: preço perfeito
O preço é o fator chave na decisão de compra dos compradores. É por isso que é importante a forma como você exibe esses preços em sua loja WooCommerce pode fazer toda a diferença. Essential Addons traz para você o widget Woo Product Price , projetado para fornecer controle total sobre a aparência do preço do produto - sem complicações.
Este widget garante que você não coloque apenas números em uma página, mas sim personalize tudo, desde estilos de fonte, tamanhos, cores e muito mais. Isso garante que seus preços correspondam à marca da sua loja e chamem a atenção dos clientes. Você pode destacar seu preço de venda junto com o preço original, fazendo com que seu preço pareça mais profissional e sofisticado, o que ajuda a atrair clientes.
3. Woo Adicionar ao carrinho: simplifique as experiências de compra
Antes dos clientes prosseguirem para a finalização da compra, o ponto de verificação final é a funcionalidade do carrinho. Para qualquer loja de comércio eletrônico, tornar isso fácil e contínuo é vital. Com o widget Woo Add To Cart , você pode elevar a interface do carrinho da sua loja e criar uma experiência de compra perfeita que gera conversões.
No entanto, este elemento poderoso oferece uma gama de recursos projetados para otimizar o envolvimento do usuário e aprimorar a funcionalidade. Adicione um toque de dinamismo à sua loja com botões de adição rápida ao carrinho, completos com animações suaves que criam uma interação agradável para os compradores.
4. Woo Product Rating: Construa confiança por meio de avaliações
Ajudando os usuários a tomar decisões de compra, as avaliações e classificações dos clientes sempre desempenham um papel fundamental. Com a ajuda de avaliações e classificações, você pode fornecer informações valiosas sobre a qualidade do produto e a satisfação do usuário a compradores em potencial. Com o widget Woo Product Rating , você pode exibir essas classificações de uma forma visualmente atraente e altamente personalizável, aumentando a credibilidade de sua loja WooCommerce.
Este widget permite exibir avaliações com estrelas com tamanhos e cores ajustáveis. Isso garante que eles se alinhem perfeitamente com a estética da sua marca. As opções de alinhamento perfeito facilitam a integração natural das classificações nas páginas dos produtos, mantendo um design limpo e profissional.
5. Breadcrumbs: navegue com facilidade
A nova adição de complementos essenciais, Breadcrumbs, pode ajudá-lo a melhorar a navegação e a experiência do usuário em sua loja. Esta ferramenta poderosa não apenas ajuda os usuários a rastrear facilmente seu caminho de navegação, mas também melhora o desempenho de SEO do seu site. Ao criar trilhas de navegação visualmente atraentes e funcionais, você pode tornar a navegação mais intuitiva e acessível para seus clientes.
O elemento oferece várias opções personalizáveis que ajudam você a adaptar o estilo, a exibição da hierarquia e os separadores para combinar perfeitamente com o design do seu site. Sua marcação amigável para SEO garante melhores classificações nos mecanismos de pesquisa, tornando-o uma adição valiosa a qualquer site.
Como personalizar a página de produto único do WooCommerce usando esses widgets?
Todos esses widgets permitem que você crie sua página de produto único WooCommerce de forma mais interativa com recursos como controles deslizantes, layouts responsivos e muito mais. Vamos seguir o guia passo a passo abaixo para aprender como usar este elemento WooCommerce.
Nota: Antes de começar a configurar o elemento Essential Addons Woo Product Images, certifique-se de ter o plugin WooCommerce e um tema ou plugin disponível para edição completa do site instalado e ativado em seu site. Estamos usando o Templately aqui para acesso gratuito ao FSE.
Para mostrar um exemplo de como você destaca sua página de produto único WooCommerce, vamos usar a configuração do widget Woo Product Images aqui. O mesmo processo também pode ser aplicado a outros widgets.
Como ativar imagens de produtos EA Woo?
Para ativar as imagens do produto EA Woo, navegue até 'Complementos essenciais' → 'Elementos' e selecione a guia 'Elementos WooCommerce' no painel de administração. Em seguida, ative para ativar o elemento ‘Woo Product Images’. O elemento será ativado instantaneamente assim que você clicar no botão ‘Salvar configurações’.
Como adicionar o widget de imagens de produtos EA Woo em uma página de produto único usando o modelo?
Para configurar imagens de produtos Woo em complementos essenciais para Elementor, você precisará ter funcionalidade completa de edição de site em seu site WordPress por meio de um plugin ou tema para editar um único modelo de página de produto. Estamos usando o Templately Theme Builder para FSE.
Navegue até Templately → Theme Builder no menu do painel do WordPress, clique no botão 'Adicionar novo modelo', selecione 'Elementor' e, em seguida, escolha um modelo 'Produto único' no menu suspenso, adicione um nome de modelo e clique no botão 'Criar modelo' . O modelo de página única do seu produto será criado no construtor de temas Templately.
Como configurar imagens de produtos EA Woo em complementos essenciais?
Na página do modelo, para mostrar seus produtos, clique no ícone '+' e pesquise 'Woo Product Images' no diretório e arraste e solte o widget na seção da página. Agora você pode configurar suas imagens de produtos individuais nas configurações do widget em diferentes guias.
Contente
Na guia ‘Conteúdo’ você verá várias opções como Resolução de Imagem, Efeitos, botão de alternância Mostrar/Ocultar para Paginação, Navegação, Miniatura e outras. Você pode definir essas configurações para personalizar o conteúdo de suas imagens de produtos Woo como desejar.
Estilo
Depois de configurar o conteúdo da seção Woo Product Images, é hora de estilizá-lo. Clique na guia 'Estilo' para personalizar diferentes áreas das imagens do seu produto. Estilize diferentes aspectos das imagens do seu produto, como Sale Flash, sua cor, imagem, pop-up de imagem, miniaturas e navegações, conforme necessário.
Avançado
Na guia Avançado, você pode aplicar alterações no layout da seção de imagens do produto, além de aplicar recursos como proteção de conteúdo, dica de ferramenta avançada, exibição condicional e muito mais, de acordo com suas necessidades.
Depois de configurar o widget EA Woo Product Images no modelo de imagens de produtos únicos, agora é hora de colocá-lo no ar e apresentar a página ao WordPress como a página padrão de imagens de produtos únicos.
Clique no botão 'Publicar' e clique no botão Adicionar nova condição para configurar esta página como página de modelo de produto único padrão. Defina a condição nesta ordem, incluindo singular, produto e tudo. Depois de definir a condição, clique no botão ‘Salvar e Fechar’.
É assim que você pode adicionar e configurar facilmente imagens de produtos EA Woo e exibir imagens de produtos atraentes para aumentar as conversões de sua loja WooCommerce. Seguindo etapas semelhantes, você pode usar outros widgets para criar uma página de produto que atraia visitantes e aumente suas vendas no WooCommerce.
Transforme sua loja WooCommerce com complementos essenciais
Os elementos que os complementos essenciais trazem para a mesa mudam o jogo para personalizar sua página de produto único WooCommerce. Se você deseja criar galerias de produtos impressionantes, exibir preços profissionalmente, simplificar a experiência de compra, construir confiança com classificações ou melhorar a navegação com localização atual, esses widgets fornecem a solução definitiva - tudo de graça.
Aqui está a sua página de produto único WooCommerce mais personalizável e traz conversas e vendas. Para saber sobre as próximas atualizações e lançamentos, não se esqueça de assinar nosso blog e participar de nossa amigável comunidade no Facebook .