O que são blocos WooCommerce? Como usá-los efetivamente em 2023

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 WooCommerce permitam que você adicione todos esses recursos (e 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 com mais eficiência e gere mais vendas, tudo sem usar códigos de acesso WooCommerce como você precisaria no passado.

Nesta postagem, 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ê crie 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 editor de blocos nativo do WordPress (também conhecido como 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 do mais, esses blocos substituem muitos dos shortcodes WooCommerce que você tinha que usar no passado, o que lhe dá 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 post 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. Debaixo de Blocos guia, role para baixo até o WooCommerce seção:

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 fazer upload de 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 Todos os produtos quadra
2. o Produtos mais votados quadra
3. o Filtrar produtos por preço quadra
4. o Pesquisa de produtos quadra
5. o Todas as avaliações quadra
6. o Produto em destaque quadra

1. O Todos os produtos quadra

o Todos os produtos bloco é 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 catálogo de produtos.

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

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 fazer 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 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 sumario de produtos ou Classificação do produto. Além do mais, 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 Adicionar ao carrinho botão. 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 Produtos mais votados quadra

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

o Produtos mais votados bloco permite mostrar os produtos com o maior número de avaliações positivas:

As avaliaçõ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 Produtos mais votados bloqueie em um lugar de destaque em seu site. Por exemplo, você pode querer adicioná-lo à sua página inicial ou à barra lateral das páginas do seu produto.

Quando se trata de personalizar o Produtos mais votados bloco, 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 determinada categoria, como roupas.

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

Outra característica semelhante é a Produtos mais recentes quadra. Como o nome sugere, isso permite que você promova suas adições mais recentes.

3. O Filtrar produtos por preço quadra

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

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

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

o Filtrar produtos por preço bloco é simples de usar. No entanto, você pode tornar as coisas ainda mais fáceis 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. Debaixo Faixa de preçoselecione os Editável opção:

Juntamente com a filtragem de 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 Filtrar produtos por atributo bloquear junto com o Todos os produtos quadra:

Outro recurso útil é o Filtros ativos quadra. Quando você adicionar isso à sua página, os usuários poderão ver uma lista de seus filtros atuais.

4. O Pesquisa de produtos quadra

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

Felizmente, o WooCommerce oferece uma Pesquisa de produtos quadra:

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

o Pesquisa de produtos O bloco 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 Todas as avaliações quadra

Como mencionamos anteriormente, a exibição de avaliações pode incentivar os visitantes de primeira viagem a experimentar seus produtos. Na verdade, 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 Todas as avaliações O bloco permite que você mostre todos os comentários de seus clientes em um só lugar:

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

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 ordenar as avaliações por data de postagem, 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 querer combinar o Todas as avaliações bloco com dois outros recursos relacionados: Comentários por produto e Comentários por categoria. Esses blocos permitem que você exiba avaliações e avaliações de clientes para determinados itens e categorias.

6. O Produto em destaque quadra

Se você deseja gerar interesse em um determinado item, o Produto em destaque bloqueio pode ser muito eficaz. Você pode destacar qualquer produto que desejar, em qualquer página ou postagem em seu site.

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

Você pode 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 o que você precisa fazer é clicar nele e obterá 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 os 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 a exibição de 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 Categoria em destaque quadra. 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 WooCommerce mais essenciais. Por exemplo, o Todos os produtos O bloco permite que você exiba todo o seu catálogo de produtos em uma grade profissional. Enquanto isso, recursos como Produtos mais votados e Todas as avaliações pode ajudá-lo a gerar mais vendas.