Blocos de Produto

Um Bloco de Produto exibe um item da loja do seu site em outras páginas ou publicações. É uma ótima maneira de promover produtos em todo o site ou criar um layout diferente da página de destino integrada da sua loja.

Dica: para saber mais sobre as diferenças entre as páginas da loja e os blocos de produtos, visite as páginas da loja versus blocos de produtos. 

Antes de começar

• Para usar Blocos de Produtos, você precisa de uma Página de Armazenamento contendo o produto que deseja exibir.
• A Página de Armazenamento que contém o produto deve estar ativada. Se você desativá-la, o produto não aparecerá nos carrinhos de compras quando adicionado por meio de Blocos de Produtos.
• O produto deve ser publicado e deve estar visível.

Adicionar o Bloco de Produto

Para adicionar um Bloco de Produtos:

1. Edite uma página ou publicação, clique em Adicionar bloco ou Num ponto de inserção e, em seguida, clique em Produto. Para ajuda, confira Adição de conteúdo com blocos.
2. No campo Adicionar um produto, procure o produto que você quer expor. Para adicioná-lo, clique nele nos resultados da busca. A busca mostra até sete produtos.
3. Para acessar seu inventário e fazer alterações nos produtos, clique em Editar produtos e clique em Salvar e continuar. Tenha em mente que isso fecha a página atual.
4. Clique na guia Design para personalizar quais detalhes do produto são exibidos.

Dica: os Blocos de Produto exibem um produto de cada vez. Para exibir mais de um produto em uma página, use vários Blocos de Produto ou exiba uma coleção de produtos usando Blocos de Sumário.

Promover produtos fechados

Se você assina o recurso Áreas de Membros e tem uma loja on-line em uma área de membros, os visitantes do site precisarão se assinar para poder comprar nessa loja. Para dar acesso a não membros, adicione Blocos de Produto ao site principal e use a barra de busca Localizar um produto para selecionar os produtos da loja fechada.

Adicionar detalhes do produto

Para personalizar o Bloco de Produto, clique na guia Design. Aqui, você pode definir o alinhamento do bloco para esquerda, centro ou direita. Você também pode personalizar quais detalhes do produto serão exibidos ativando ou desativando as alternâncias:

• Imagem - Exibe a imagem em destaque do produto
• Título - Exibe o título do produto
• Preço - Exibe o preço do produto
• Descrição - Exibe a descrição do produto
• Botão Adicionar ao carrinho - Exibe um botão Adicionar ao carrinho
• Visualização rápida do produto - Permite visualização rápida

Para alterar qualquer um desses detalhes, edite o produto.

Estilo do Bloco de Produto

Você pode estilizar o Bloco de Produto e personalizar o botão Adicionar ao carrinho.

Texto do botão

Por padrão, o texto do botão Bloco de Produto é Adicionar ao Carrinho. Você pode alterar esse texto e utilizar outro, como Comprar Agora.

1. Abra a Página de Armazenamento que contém o produto exibido no seu Bloco de Produto.
2. Clique duas vezes no produto para abrir o editor do produto.
3. Na guia Opções, insira o novo texto do botão.

Design de botões

A maneira de alterar o design do botão depende da versão do seu site.

Texto e fonte do Bloco de Produtos

A forma como você estilizar o título, o preço e a descrição do Bloco de Produto depende da versão do seu site. 

Tamanho e forma do Bloco de Produto

Quando você adicionar o bloco pela primeira vez, ele preencherá toda a largura da área de conteúdo se não houver outros blocos ao lado dele. Para ajuda no redimensionamento dos blocos, confira Redimensionamento de bloco e Movendo blocos para personalizar o layout.

Na forma do bloco, a proporção do bloco de produto corresponde à taxa de proporção original da imagem em destaque do produto. Para que o bloco de produto tenha uma proporção específica, recorte a imagem antes de enviá-la ao editor do produto; ou use o editor de imagens no editor de produto.

Dicas de pesquisa do Bloco de Produtos

Ao procurar um produto a ser exibido no bloco, os resultados da pesquisa são baseados nas seguintes informações:

• Títulos
• Descrições
• Tags
• Categorias
• Blocos de texto nas informações adicionais do produto

A busca mostra até sete resultados. Se houver produtos com nomes semelhantes, use o título exato na busca. Novos produtos podem não aparecer imediatamente na busca.

Personalize sua loja online

Embora deva usar uma página de loja para adicionar produtos ao seu site, você pode usar Blocos de Produtos para criar um layout de loja on-line personalizado em uma página diferente. Depois de criar e personalizar sua loja, você pode ocultar a página da loja movendo-a para a seção Não vinculada do painel de páginas. Isso remove a página da loja dos menus de navegação enquanto a mantém ativada.

Resolução de problemas

Meu Bloco de Produto mostra a imagem errada

Os Blocos de produtos exibem a imagem em destaque do produto. Essa imagem pode ser diferente da primeira imagem definida no editor do produto. Para alterar a imagem no bloco do produto, altere a imagem em destaque do produto.

No Bloco de Produto, o produto não é adicionado ao carrinho de compras.

Se um clique em um botão Adicionar ao Carrinho do Bloco de Produto não adicionar o produto ao carrinho de compras, a Página de Armazenamento vinculada poderá estar desativada. Os produtos de Páginas de Armazenamento desativados podem ser exibidos nos Blocos de Produtos, mas não podem ser adicionados aos carrinhos. Para resolver esse problema, ative a Página de Armazenamento.