Widgets WooCommerce Elementor: crie sites de comércio criativos com o PowerPack

O Team PowerPack traz para você os novos criativos Elementor WooCommerce Widgets . Se você já tentou criar sites WooCommerce elegantes, sabe que a luta é real. Não é fácil personalizar o layout e as páginas desses sites.

Mas com esses fantásticos Elementor Widgets para WooCommerce, você pode adicionar elementos mais interativos e personalizáveis ​​ao seu site de comércio eletrônico criado com WooCommerce. Assim como todos os nossos widgets elementor existentes , esses widgets oferecem ótimas opções de personalização e funcionalidade para sua loja WooCommerce construída com Elementor .

Usando esses widgets, você pode criar o site de comércio eletrônico dos seus sonhos. A funcionalidade e os recursos avançados dos widgets Woo ajudam você a transformar seus designs criativos em sites ativos. Se você deseja estilizar a página do produto ou adicionar personalizações à página do carrinho, pode fazer tudo com apenas alguns cliques. Nenhuma habilidade de codificação é necessária!

Elementor WooCommerce Widgets

Construir sites WooCommerce com Elementor às vezes pode ser limitante. Embora o Elementor Pro forneça ampla funcionalidade e opções, há certas áreas que permanecem intocadas. Portanto, você precisa procurar complementos do Elementor para estender ainda mais o Elementor.

Os widgets WooCommerce Elementor podem economizar muito tempo e esforço. Esses widgets são usados ​​para aprimorar o design e a funcionalidade de uma loja online construída com WooCommerce. Eles permitem que os usuários adicionem facilmente elementos como listagens de produtos, categorias de produtos, carrinhos de compras e formulários de checkout ao site de comércio eletrônico.

Vamos verificar todos os Widgets WooCommerce :

1. Elementor WooCommerce Products Widget

Agora, com o widget Woo Product Grid, você pode criar uma exibição de produto impressionante em sua página de produtos. Com o poder de personalização dado, você pode exibir seus produtos para seus visitantes com dezenas de designs.

Confira a página de destino dos produtos WooCommerce do PowerPack para ter uma ideia sobre a aparência da página do seu produto com a grade de produtos Woo.

Woo Product Grid Widget oferece a opção de escolher entre o layout Carrossel e Grade, facilitando a alternância entre os layouts quando necessário. Você pode exibir seus produtos em layouts personalizados junto com recursos úteis como Adicionar ao Carrinho, Visualização Rápida e Etiqueta de Vendas.

Juntamente com esses recursos impressionantes, você também pode exibir crachás de produtos personalizados. Ter crachás de produto ajuda a chamar a atenção dos clientes e aumenta as vendas imediatamente.

Recursos do widget Grade de produtos:

• Carrossel e layout de grade
• Opções de pele personalizadas
• Linhas e colunas personalizadas
• Opções ilimitadas de estilo de layout
• Opções avançadas de tipografia estão disponíveis
• Efeitos de foco
• Recurso de visualização rápida
• Sistema de exibição de classificação

Confira a página inicial do widget Woo Product Grid.

2. Widget de categoria Elementor WooCommmerce

Você quer ter aquela página separada que ajudará seus clientes a escolher a categoria de produtos em vez de exibi-los com todos os produtos da sua loja? Por que todo esse trabalho extra quando você pode fazer a mesma coisa com a ajuda do widget Woo Category?

Com o widget PowerPack Woo Category, você pode exibir suas categorias de produtos em layouts elegantes: Grade, Carrossel e Blocos. Você pode escolher qualquer um dos layouts de categoria e criar belas exibições de produtos em seu site.

Além disso, você pode personalizar facilmente os botões de categoria de produto WooCommerce do seu site com o editor Elementor.

Recursos do widget da categoria Woo:

• Vários estilos de layout – Grade, Carrossel, Blocos
• Layouts pré-projetados personalizáveis
• Ativar/desativar título, descrição e contagem de produtos da categoria
• Opções completas de personalização de design
• Contagem de categorias personalizadas
• Opção de colunas personalizadas
• Opção de posição de conteúdo
• Filtragem avançada
• Opção de pedido personalizado

Confira a página inicial do widget Woo Category.

3. Elementor WooCommerce Minha Conta Widget

O primeiro widget Minha conta para Elementor e WooCommerce.

Usando este widget PowerPack Woo, você pode estilizar facilmente a página Minha conta de seus sites de comércio eletrônico criados com WooCommerce.

Naquela época, era impossível personalizar esta parte do site Woo sem código personalizado e CSS. Mas agora você pode estilizar e alterar a página Minha conta da maneira que desejar.

Desde fazer alterações na guia no front-end até estilizar diferentes aspectos da página. você pode fazer tudo isso com apenas alguns cliques.

Recursos do WooCommerce My Account Widget :

• Opções de visualização para guias
• Opção de estilo para tabela, guias e botão
• Layout da guia vertical e horizontal
• Obtenha controle sobre a posição e o alinhamento
• Opções avançadas de personalização

4. Elementor WooCommerce Checkout Widget

O Woo Checkout é o que você estava procurando se tivesse dificuldade em personalizar a página de checkout do seu site.

Com este widget PowerPack, você pode personalizar e personalizar sua página WooCommerce Checkout da maneira que desejar com opções avançadas de personalização e edição.

Recursos do widget Woo Checkout:

• Layout de coluna única e coluna dupla
• Configurações avançadas de estilo
• Configurações personalizadas de tipografia
• Opções de personalização de design
• Opções de estilo para a seção da barra de cupons.

Visualize a página inicial do widget WooCommerce Checkout.

5. Elementor WooCommerce Cart Widget

Você sabia que, em média, mais de 50% dos carrinhos não são processados ​​e nunca passam do caixa? E outra chatice é que, muitas vezes, o motivo do abandono do carrinho são apenas páginas de carrinho complicadas e irritantes.

Para resolver esse problema, criamos o widget Woo Cart para Elementor, que permite criar carrinhos bonitos em seu site para que seus usuários tenham uma experiência de compra agradável.

Recursos do widget Woo Cart:

• Design personalizado simples e elegante
• Poder de personalização e edição de imagens
• Personalização avançada do layout geral
• Personalização de botões
• Ativar/desativar o campo de cupons
• Ativar/desativar vendas cruzadas

Confira a demonstração do widget WooCommerce Cart.

6. Elementor WooCommerce Adicionar ao widget de carrinho

Pessoas e proprietários de sites não dão muita atenção à importância do botão “Adicionar ao carrinho” . A forma como seu botão foi projetado diz muito sobre a probabilidade de seu visitante ou comprador clicar nele. Até agora, não havia muita personalização disponível para este botão.

Mas agora, com o widget Adicionar ao carrinho WooCommerce para Elementor, você pode criar o botão e colocá-lo em qualquer lugar do site.

Recursos do widget Adicionar ao carrinho:

• Opção de seleção de produto personalizado
• Ativar/desativar quantidade
• Opção de redirecionamento automático
• Opção de texto personalizado para botão
• Personalização do botão – alinhamento, tamanho, preenchimento, ícone.
• Personalização do botão – design, cor, tipografia, opções de foco.

Confira a página de destino do widget Adicionar ao carrinho WooCommerce.

7. Carrinho WooCommerce Off Canvas

Melhore o processo de checkout do seu site e melhore a experiência do usuário com o criativo Woo Off Canvas Cart Widget. Este widget permite adicionar painéis deslizantes elegantes para exibir o conteúdo do carrinho em seu site. Você pode exibir menus desdobráveis ​​de qualquer lado da página, seja esquerdo, direito, superior ou inferior.

Embora esse widget venha com opções avançadas de funcionalidade, que oferecem flexibilidade para criar um carrinho fora da tela impressionante sem adicionar nenhum código personalizado, tendo em mente a abordagem do desenvolvedor, também fornecemos a opção de acionar um painel fora da tela com Opções personalizadas de classe e gatilho de ID.

Se você não estiver familiarizado com Classe e ID, poderá exibir um botão ou ícone para abrir o carrinho do painel fora da tela.

Além disso, você pode adicionar animações legais para criar painéis criativos fora da tela em seu site.

Características do carrinho Woo Off Canvas:

• Opções avançadas de gatilho: botão, classe de elemento e ID de elemento
• Opção de exibição criativa para botão
• Exibição e Posicionamento de Conteúdo
• Animações de transição atraentes
• Título e mensagem do carrinho personalizado
• Opções de fechamento do carrinho: clique em sobreposição, Esc para fechar etc.
• Personalizações de botões
• Opções de estilo ilimitadas

Confira a página de destino do WooCommerce Off Canvas Widget.

8. Elementor WooCommerce Mini Cart Widget

O carrinho desempenha um dos papéis mais importantes em uma loja de comércio eletrônico. Ter um carrinho funcional ajuda a melhorar a experiência do usuário e reduz a taxa de abandono do carrinho. Agora, com o widget Woo Mini Cart, você pode exibir um ícone de carrinho no cabeçalho ou no menu do seu site

Este widget é carregado com recursos avançados que permitem personalizar cada elemento e adicionar um mini carrinho em qualquer página do seu site WooCommerce.

Você pode configurá-lo para exibir o conteúdo do carrinho ao passar o mouse ou clicar, pode adicionar títulos e mensagens personalizados ao carrinho e muito mais…

Recursos do Woo Mini Cart Widget:

• Extensas opções de personalização
• Adicionar título e mensagem personalizados ao carrinho
• Recurso de gatilho de carrinho avançado
• Opção de estilo de botão
• Personalização do contador de itens

Veja a página de destino do WooCommerce Mini Cart Widget.

Obtenha Widgets WooCommerce para Elementor!

Agora você pode começar a usar os widgets WooCommerce Elementor Widgets em seu site facilmente com os complementos PowerPack Elementor.

A melhor parte é que você obtém todos esses widgets com os widgets PowerPack existentes sem nenhum custo extra, então você não precisa pagar nada extra para ter acesso a esses incríveis widgets!

Se você possui o PowerPack, pode baixar a versão mais recente na área da conta e começar a usar esses widgets imediatamente!

Se você não possui o PowerPack, pode obtê-lo agora!

Deixe-nos saber o que você acha dos novos widgets comentando abaixo!

Leia mais tutoriais WooCommerce:

1. Como construir uma loja WooCommerce personalizada usando Elementor?
2. Como personalizar a página de checkout do WooCommerce com Elementor?
3. Como criar um carrossel de produtos WooCommerce usando Elementor?
4. Como personalizar a página da minha conta do WooCommerce usando o Elementor?