O que são blocos WooCommerce? Como usá-los de forma eficaz

Existem muitos componentes que compõem uma loja de comércio eletrônico bem-sucedida, desde catálogos de produtos e análises de clientes até funções de pesquisa e filtragem fáceis de usar. Embora os blocos do WooCommerce permitam adicionar todos esses recursos (e muito mais), juntar esses elementos pode parecer assustador.

Felizmente, os blocos WooCommerce são projetados para ajudar os usuários do WordPress a criar lojas online com facilidade. Além disso, eles permitem que você promova seus produtos de forma mais eficaz e gere mais vendas, tudo sem usar códigos de acesso WooCommerce como você precisava no passado.

Neste post, veremos mais de perto os blocos WooCommerce e como acessá-los no WordPress. Em seguida, examinaremos seis blocos que você pode adicionar à sua loja para aumentar sua taxa de conversão. Vamos começar!

O que são blocos WooCommerce? Uma breve introdução

WooCommerce é uma das ferramentas de comércio eletrônico mais populares para WordPress. Essa plataforma gratuita e de código aberto permite que você construa uma loja online sem investir muito tempo ou dinheiro nela.

Além disso, o WooCommerce vem com uma ampla variedade de blocos que você pode acessar no WordPress Block Editor nativo (AKA Gutenberg). Com esses blocos, você pode listar alguns ou todos os seus produtos, exibir filtros de produtos, adicionar uma caixa de pesquisa de produtos e muito mais.

Além disso, esses blocos substituem muitos dos códigos de acesso do WooCommerce que você precisava usar no passado, o que oferece uma experiência mais simples e visual ao trabalhar no editor.

Você pode usar esses blocos WooCommerce da mesma forma que faria com qualquer outro bloco.

Abra a página ou postagem em que deseja trabalhar, clique no sinal de mais (+) e procure o bloco desejado:

Você também pode ver uma lista completa de blocos WooCommerce disponíveis clicando no botão de adição (+) no canto superior esquerdo da tela. Na guia Blocos , role para baixo até a seção WooCommerce :

Observe que, para acessar os blocos WooCommerce, primeiro você precisa instalar e ativar o WooCommerce em seu site. Além disso, se você ainda estiver usando o Classic Editor, precisará alternar para o Block Editor.

Melhores blocos WooCommerce (e como usá-los)

Depois de instalar o WooCommerce e carregar seus produtos, você pode começar a adicionar novos recursos e funções à sua loja. Vamos explorar seis blocos úteis do WooCommerce e como usá-los efetivamente em seu site WordPress.

1. O bloco Todos os produtos
2. O bloco de produtos mais votados
3. O bloco Filtrar produtos por preço
4. O bloco de pesquisa de produtos
5. O bloco Todas as revisões
6. O bloco do produto em destaque

1. O bloco Todos os produtos

O bloco Todos os produtos é um dos elementos mais essenciais para qualquer loja. Ele permite que você exiba todos os seus produtos em uma grade organizada:

Por padrão, o bloco exibe o nome, preço e classificação por estrelas de cada produto, bem como um botão de chamada para ação (CTA). Ele também vem com opções de paginação e classificação, facilitando a navegação dos usuários pelo seu catálogo de produtos.

Como na maioria dos blocos WooCommerce, você pode personalizar o recurso Todos os produtos para atender às suas necessidades. Se você clicar no bloco, obterá uma seleção de configurações no painel do lado direito:

Lá, você pode editar o layout da sua grade. Por exemplo, você pode alterar o número de linhas e colunas por página. Você também tem a opção de ocultar o menu de classificação ou escolher outra opção padrão para solicitar produtos.

Além disso, você pode editar os itens dentro da grade. Para isso, selecione o bloco e clique no ícone de lápis na barra de ferramentas:

Na visualização, você pode editar elementos individuais, como imagem, nome do produto e botão de CTA:

Você pode reorganizar esses itens usando as setas para cima e para baixo em suas barras de ferramentas individuais. Você também pode remover elementos ou adicionar outros blocos de produtos, como Resumo do produto ou Classificação do produto . Além disso, essas alterações serão aplicadas a todos os produtos em sua grade, para que você não precise editar cada um individualmente.

Recomendamos que você mantenha os detalhes do produto no mínimo, para evitar sobrecarregar os compradores com muitas informações. Na mesma nota, você pode querer exibir apenas alguns itens por página.

Também é melhor incluir um botão Adicionar ao carrinho . Dessa forma, os usuários interessados ​​em um determinado produto podem adicioná-lo facilmente aos seus pedidos sem precisar sair da página.

2. O bloco de produtos mais votados

Receber críticas positivas dos compradores pode ser altamente recompensador. Melhor ainda, você pode aproveitar essas classificações para aumentar suas vendas.

O bloco Produtos mais votados permite que você mostre os produtos com o maior número de avaliações positivas:

As classificações desempenham um papel vital no sucesso da sua loja. Eles servem como prova para os visitantes de primeira viagem de que seus produtos são de alta qualidade, o que pode ajudá-lo a gerar mais conversões.

Portanto, recomendamos que você use o bloco Produtos mais votados em um local de destaque em seu site. Por exemplo, você pode querer adicioná-lo à sua página inicial ou à barra lateral das suas páginas de produtos.

Quando se trata de personalizar o bloco de produtos mais votados, você tem várias opções. Por exemplo, você pode ajustar o número de produtos que deseja exibir:

Você também pode ocultar detalhes específicos sobre os produtos, como seus preços. Além disso, você pode optar por exibir apenas os itens com melhor classificação em uma categoria específica, como roupas.

Se você ainda não tem muitos comentários para mostrar, talvez queira usar o bloco Produtos mais vendidos . Isso exibe os itens mais populares em seu site de acordo com o número de vendas realizadas.

Outro recurso semelhante é o bloco de produtos mais recentes . Como o nome sugere, isso permite que você promova suas adições mais recentes.

3. O bloco Filtrar Produtos por Preço

A funcionalidade de filtragem torna mais fácil para os usuários encontrarem o que estão procurando. Isso pode ser particularmente útil quando um comprador tem um orçamento definido.

O bloco Filtrar produtos por preço permite que os usuários definam um preço mínimo e máximo usando um simples controle deslizante:

Este bloco funciona em conjunto com o bloco Todos os produtos que apresentamos anteriormente. Depois que um usuário define uma faixa de preço específica, o WooCommerce atualizará automaticamente a lista de produtos para exibir apenas os itens que se enquadram nesse orçamento:

O bloco Filtrar Produtos por Preço é simples de usar. No entanto, você pode facilitar ainda mais as coisas para seus usuários, permitindo que eles insiram valores específicos. Para fazer isso, selecione o bloco e navegue até o painel de configurações. Em Faixa de preço , selecione a opção Editável :

Além de filtrar produtos por preço, você também pode permitir que os compradores pesquisem itens de acordo com os atributos do produto, como tamanho e cor. Para fazer isso, você pode usar o bloco Filtrar Produtos por Atributo junto com o bloco Todos os Produtos :

Outro recurso útil é o bloco Filtros Ativos . Ao adicionar isso à sua página, os usuários poderão ver uma lista de seus filtros atuais.

4. O bloco de pesquisa de produtos

Uma maneira poderosa de melhorar a experiência do usuário (UX) do seu site é adicionar a funcionalidade de pesquisa. Isso permitirá que os usuários pesquisem rapidamente qualquer item específico que tenham em mente, em vez de precisar navegar pelo seu catálogo até encontrar o que estão procurando.

Felizmente, o WooCommerce oferece um bloco de pesquisa de produtos :

Você pode colocar a barra de pesquisa em qualquer lugar que desejar em seu site. No entanto, recomendamos que você o coloque logo acima das grades do produto, onde os usuários podem vê-lo facilmente:

O bloco Product Search não oferece muitas opções de personalização. No entanto, você tem a opção de ocultar o rótulo do campo de pesquisa, para que apenas a barra de pesquisa fique visível.

5. O bloco Todas as revisões

Como mencionamos anteriormente, exibir avaliações pode incentivar os visitantes de primeira viagem a experimentar seus produtos. De fato, um estudo recente mostrou que quase todos os compradores consultam as avaliações dos clientes antes de fazer uma compra [1] .

Como o nome sugere, o bloco Todas as avaliações permite que você mostre todos os comentários de seus clientes em um só lugar:

Você também tem algum controle sobre o layout e o conteúdo de suas avaliações. Por exemplo, você pode ocultar determinadas informações, como os nomes dos revisores e os dados das revisões.

Você também pode substituir as fotos do avaliador por imagens do produto e selecionar o número de avaliações que deseja exibir por vez. Enquanto isso, os usuários poderão solicitar avaliações por data de publicação, classificação mais alta e classificação mais baixa.

Existem várias maneiras de exibir seus comentários. Por exemplo, você pode colocá-los em sua página inicial para aumentar sua visibilidade ou adicioná-los novamente em sua página Sobre.

Você também pode combinar o bloco Todas as avaliações com dois outros recursos relacionados: Avaliações por produto e Avaliações por categoria . Esses blocos permitem que você exiba avaliações e avaliações de clientes para itens e categorias específicos.

6. O bloco do produto em destaque

Se você deseja gerar interesse em um determinado item, o bloco Featured Product pode ser muito eficaz. Você pode destacar qualquer produto que desejar, em qualquer página ou post em seu site.

Além disso, você pode criar vários blocos de produtos em destaque para diferentes itens. Ao adicionar este bloco à sua página, você será solicitado a selecionar um produto:

Você pode então personalizar o layout do seu produto em destaque:

Por exemplo, você pode ocultar a descrição e o preço do produto e escolher uma cor de sobreposição diferente. Há também um seletor de ponto focal, que permite mudar a posição do objeto principal em sua imagem.

Além disso, você pode editar o botão CTA dentro do bloco. Tudo que você precisa fazer é clicar nele, e você terá uma seleção de opções. Por exemplo, você pode atualizar o link e personalizar a cor e a tipografia do botão:

Quaisquer que sejam suas preferências, é importante garantir que elementos essenciais, como o nome do produto e o CTA, estejam claramente visíveis. Você também deve garantir que o botão esteja vinculado à página correta.

Para maior visibilidade, recomendamos exibir produtos em destaque em sua página inicial ou em uma página de loja dedicada. No entanto, você também pode usar esse bloco em postagens de blog para chamar a atenção para produtos específicos.

Você também pode querer verificar o bloco Categoria em destaque . Esse recurso pode ser muito útil se você estiver tentando aumentar as vendas em determinadas categorias de produtos.

Comece hoje mesmo com os blocos WooCommerce

Neste post, analisamos alguns dos blocos mais essenciais do WooCommerce. Por exemplo, o bloco Todos os produtos permite exibir todo o seu catálogo de produtos em uma grade profissional. Enquanto isso, recursos como Produtos mais votados e Todas as avaliações podem ajudar você a gerar mais vendas.

Você tem alguma dúvida sobre o uso de blocos WooCommerce? Deixe-nos saber na seção de comentários abaixo!