Um Bloco de Produtos exibe um item da loja do seu site em outras páginas ou publicações. Eles são uma ótima maneira de promover itens em seu site ou de criar um layout diferente do que a página de destino integrada da sua loja. Você pode incluir um botão Adicionar ao carrinho para cada item.
Dica: para saber mais sobre as diferenças entre Blocos de Produtos e Páginas de Armazenamento, acesse Páginas de Armazenamento x 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:
- Edite uma página ou publicação, clique em um ponto de inserção e selecione Produto no menu. Veja ajuda em Adição de conteúdo com blocos.
- Na barra de pesquisa Localizar um produto, pesquise o produto que você deseja exibir. Clique nele nos resultados da pesquisa para adicioná-lo. A pesquisa exibe até 15 produtos.
- Personalize quais detalhes do produto serão exibidos utilizando as caixas de seleção.
- Clique em Apply (Aplicar) para salvar suas alterações.
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ê tiver uma assinatura para Áreas de Membros e configurar uma loja on-line em uma de suas áreas de membros, os visitantes do site precisarão se inscrever para uma assinatura antes que possam comprar produtos daquela loja fechada. Para permitir que não membros comprem esses produtos, adicione Blocos de Produtos ao seu site principal e use a barra de pesquisa Localizar um produto para selecionar produtos da sua loja fechada.
Adicionar detalhes do produto
Use as caixas de seleção no editor de blocos para personalizar quais detalhes do produto são exibidos. Esses detalhes são extraídos das guias Item e Opções no editor de produtos:
- Marque Mostrar imagem para exibir a imagem em miniatura do produto.
- Marque Mostrar título para exibir o título do produto.
- Marque Mostrar Preço para exibir o preço do produto.
- Marque Mostrar descrição para exibir a descrição do produto.
- Marque Mostrar botão Adicionar ao carrinho para exibir um botão Adicionar ao carrinho.
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.
- Abra a Página de Armazenamento que contém o produto exibido no seu Bloco de Produto.
- Clique duas vezes no produto para abrir o editor do produto.
- 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.
- Abra uma página contendo um Bloco de Produto.
- Clique em Editar design, Abra Estilos do Site e, em seguida, clique Botões .
Saiba mais em Edição de estilo dos botões.
- Abra uma página contendo um Bloco de Produto.
- No Menu Inicial, clique em Design e depois em Estilos do Site.
- Role para baixo até os ajustes de estilo dos botões.
Saiba mais em Edição de estilo dos botões.
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.
Para alterar o texto exibido, acesse a Página da Loja e edite as informações do produto.
Altere a fonte, a cor do texto e o tamanho do texto em Estilos do Site.
- Fonte – Segue Parágrafos
- Cor – Segue Parágrafo (Médio)
- Tamanho – Segue Parágrafo 2
O título sempre aparece um pouco maior.
Para alterar o texto exibido, acesse a Página da Loja e edite as informações do produto.
As fontes de detalhes do produto tiram seu estilo de outros estilos de texto em seu site. Na maioria dos modelos:
- Título - Segue a fonte do corpo do texto, porém um pouco maior. A cor segue a cor do link do corpo.
- Preço - Segue a fonte e a cor do texto do corpo, mas um pouco maiores.
- Descrição - Segue a fonte e a cor do texto do corpo.
Há algumas exceções. Nestas famílias de modelos:
| Família de template | Notas |
|
Bedford |
|
|
Brine |
|
|
Farro |
|
|
Skye |
|
| Supply |
|
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.
Para a forma do bloco, a proporção de blocos de produtos corresponde à taxa de proporção original da imagem em miniatura do produto. Para garantir que um Bloco de Produto tenha uma proporção específica, recorte a imagem antes de enviá-la para o editor de produtos 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 pesquisa exibe até 15 correspondências. Se seus produtos tiverem nomes semelhantes, pesquise pelo título exato. Novos produtos podem não ser exibidos imediatamente na pesquisa.
Personalize sua loja online
Embora deva usar uma Página de Produto para adicionar produtos ao seu site, você pode usar Blocos de Produtos para criar um layout de loja on-line personalizado em outra página. Após criar e personalizar sua loja, você pode ocultar a Página de Armazenamento movendo-a para a seção Não vinculada do painel Páginas. Isso remove a Página de Armazenamento dos menus de navegação, mas ela continua ativada.
Resolução de problemas
Meu Bloco de Produto mostra a imagem errada
Os Blocos de Produtos exibem a imagem em miniatura do produto. Essa imagem pode ser diferente da primeira imagem definida na guia Item do editor do produto. Para alterar a imagem no Bloco de produtos, altere a imagem em miniatura 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.