WooCommerce: Como começar com os blocos WooCommerce – PARTE 2
Publicados: 2022-02-02WooCommerce é uma das principais plataformas de comércio eletrônico marcando seu território na indústria de comércio eletrônico, um site por vez - com mais de 5 milhões de downloads. Oferece uma solução completa de loja online para pequenas e médias empresas e profissionais da web.
E agora, a equipe de desenvolvimento está trabalhando para tornar o WooCommerce totalmente compatível com o Gutenberg. E a primeira fase é sobre a construção de blocos WooCommerce personalizados que podem ser usados no novo editor do WordPress.
Esses blocos são gratuitos e permitem que você personalize e altere a aparência completa da sua loja WooCommerce – sem digitar uma única linha de código. Com uma ferramenta simples de arrastar e soltar - você pode colocar os produtos da sua loja em qualquer lugar do site no formato desejado.
Na parte 1 deste artigo vimos dez blocos WooCommerce e seu significado. Neste artigo, falaremos sobre mais dez blocos que você pode usar para uma loja online interativa. Mas primeiro, vamos aprender como adicionar e editar esses blocos em sua loja.
Como adicionar e editar blocos WooCommerce?
Para adicionar WooCommerce Blocks, primeiro, certifique-se de baixar uma cópia do WooCommerce Blocks Plugin.
Depois de instalá-lo, fica fácil usar os blocos personalizados do WooCommerce em qualquer página/post. Clique no ícone 'adicionar bloco' [+], selecione o Bloco WooCommerce que deseja adicionar e simplesmente arraste e solte em um local adequado em sua página.
Dica profissional: para adicionar blocos à sua loja rapidamente, use o atalho de teclado '/' – que exibirá uma lista de blocos WooCommerce disponíveis.
Ao mesmo tempo, editar blocos também é fácil. Clique no bloco que deseja editar e escolha uma opção de personalização adequada, como ajustar o número de linhas ou colunas – no painel do lado direito do Personalizador de Blocos. As alterações que você fizer atualizarão o bloco.
Agora que você sabe como adicionar e editar blocos, vamos pular para o próximo conjunto de dez blocos WooCommerce que você pode adicionar à sua loja de comércio eletrônico e facilitar a pesquisa de produtos.
Uma lista de blocos essenciais do WooCommerce [Parte 2]
11. Produtos à venda
Usando o Bloco de Produtos à Venda – você pode pegar e exibir todos os produtos que estão à venda em sua loja em uma grade apresentável e padrão.
Você pode modificar o número de linhas e colunas da grade e optar por ocultar ou exibir o título do produto, classificação, preço e um botão de adicionar ao carrinho. Você também pode adicionar um filtro para permitir que seus clientes filtrem os produtos à venda por diferentes categorias.
12. Pesquisa de produtos
O bloco de pesquisa de produtos WooCommerce é um dos blocos mais úteis e exclusivos que adiciona uma caixa de pesquisa em sua loja para permitir que seus clientes insiram palavras-chave específicas e pesquisem os produtos.
Este bloco vem com uma única opção de personalização para exibir ou ocultar o rótulo do campo de pesquisa.
Dica profissional: é recomendável colocar o bloco Pesquisa de produtos na barra lateral ou no cabeçalho da sua loja de comércio eletrônico e não diretamente na página. Isso ocorre porque, se seu cliente pesquisar um produto, a página de resultados do produto não exibirá a caixa de pesquisa se você a colocar dentro da página, resultando em uma experiência ruim para o cliente.
13. Lista de categorias de produtos
Este bloco exibe uma lista de todas as categorias de produtos. Você pode optar por exibir as categorias em uma lista suspensa ou em uma lista. Exemplos de categorias podem ser moletons, camisetas, sapatos ou acessórios.
Você tem a opção de ocultar ou exibir as imagens da categoria, hierarquia de categorias (ou subcategorias), contagem de produtos e categorias vazias (categorias sem produtos atribuídos - o que dificilmente é possível).
A exibição de uma lista de todas as suas categorias de produtos pode facilitar a navegação e a visualização dos diferentes produtos e categorias de produtos que você vende em sua loja WooCommerce.
14. Produtos por Atributo
O bloco Produtos por atributo permite filtrar produtos por atributos, como cor ou tamanho, e exibi-los em uma grade. Este bloco torna mais fácil para os clientes selecionarem atributos de produtos específicos de sua escolha.
Suas opções de personalização são semelhantes a outros blocos do WooCommerce, onde você pode ocultar ou exibir a classificação do produto, título, preço, botão adicionar ao carrinho e ajustar a contagem de linhas e colunas da grade.
15. Produtos por Etiqueta
Este bloco oferece uma opção de filtragem mais fina e granular para seus clientes.
Usando o bloco Produtos por Tag, você pode listar seus produtos com base em determinadas tags. Por exemplo, se o produto for um chapéu – as etiquetas podem ser chapéu de balde, chapéu polo, chapéu de cowboy ou chapéu de velejador. Suas opções de personalização são semelhantes às do Bloco Produtos por Atributo.
16. Revisões por produto
O Reviews By Product é um bloco simples que não vem com muitas opções de personalização.
Este bloco permite exibir todas as resenhas de um produto específico que você escolher na lista. Por exemplo, se você escolher o chapéu do produto – este bloco exibe todas as avaliações recebidas sobre o chapéu do produto em sua loja.
O bloco Comentários por produto desempenha um papel importante na construção da confiança do cliente em seu produto e marca específicos.
17. Comentários por Categoria
O bloco de comentários por categoria é quase semelhante ao bloco 'todas as revisões' que abordamos na parte 1 do artigo. A única diferença é que você pode filtrar e exibir avaliações com base em categorias de produtos específicas neste bloco.
Você pode optar por ocultar ou mostrar o nome do produto, a imagem do produto, a classificação do produto, o nome da resenha, os dados da resenha, o conteúdo da resenha e a fotografia do revisor. Você também pode optar por adicionar o botão adicionar ao carrinho.
Novamente, o bloco de avaliações por categoria permite que seus clientes tomem decisões de compra mais bem informadas, analisando as avaliações de clientes de outros compradores.
18. Produtos mais votados
O bloco de produtos mais votados exibe uma grade de todos os seus produtos com a classificação por estrelas. Se alguns de seus produtos tiverem classificações por estrelas e outros não, ele ordenará a grade pelos produtos mais bem avaliados ou com a melhor classificação e o restante dos produtos pela ordem de classificação padrão.
Suas opções de personalização são semelhantes a outros blocos que exibem produtos em uma grade, como o Bloco de Produtos à Venda. No entanto, ele também vem com um filtro adicional por opção de categoria - permitindo que os clientes filtrem os produtos mais bem avaliados com categorias de sua escolha.
19. Produtos escolhidos a dedo
O bloco Produtos escolhidos a dedo permite que você escolha produtos específicos de sua escolha e os exiba em uma grade de produtos padrão do WooCommerce.
Você pode selecionar quantos produtos quiser para direcionar o máximo de tráfego para eles e aumentar as vendas.
Além disso, você pode personalizar o layout de seus produtos escolhidos a dedo, ocultar/exibir o título do produto, nome do produto, classificação do produto, botão adicionar ao carrinho, definir as opções de filtro e pedido e até definir o número total de colunas do produto.
20. Filtrar Produtos por Estoque
Usando o Bloco Filtrar Produtos por Estoque – você pode exibir os produtos da sua loja com base no status do estoque. Por exemplo, você pode escolher o status entre fora de estoque, em estoque ou pedido pendente.
Você pode escolher o nível de título (H2, H3 ou H4), mostrar ou ocultar a contagem de produtos e adicionar um botão de filtro opcional, como "Ir". Além dessas, não há outras opções de personalização disponíveis neste bloco.
Esse bloco é uma maneira fácil de permitir que seus clientes vejam quais produtos estão em estoque, em espera e fora de estoque – para que possam saber sobre a disponibilidade dos produtos que estão procurando.
Conclusão
Os blocos WooCommerce são excelentes maneiras de criar uma loja de comércio eletrônico estelar e promover produtos em qualquer página da loja ou em uma postagem de blog.
Ao mostrar categorias e produtos em destaque e exibir os produtos mais vendidos e mais recentes, você pode maximizar as conversões e as vendas de produtos específicos. Ao mesmo tempo, exibir comentários de clientes, fornecer opções de filtragem de produtos e uma caixa de pesquisa de produtos – aprimora significativamente a experiência de compra do cliente.
Adicionar esses blocos à sua loja de comércio eletrônico permite que seus clientes encontrem os produtos exatos e as categorias de produtos que estão procurando, ajudando-os a comprar mais rapidamente.
Além disso, adicionar e editar esses blocos é fácil e você pode fazer isso facilmente com opções e configurações simples de personalização.
Assim, certifique-se de aproveitar ao máximo os Blocos WooCommerce mencionados neste artigo para personalizar suas páginas WooCommerce, criar uma experiência rica para seus clientes, promover seus produtos da melhor maneira possível e aumentar as vendas do seu negócio.
Se você perdeu a parte 1 deste artigo, leia aqui para conhecer toda a gama de blocos WooCommerce que você pode usar em sua loja online.