Módulo de caixa de compra

Este artigo descreve os módulos de caixa de compra e explica como adicioná-los às páginas do site no Microsoft Dynamics 365 Commerce.

O termo caixa de compra geralmente se refere à área de uma página de detalhes de produto (PDP) que está "na parte superior da página". Ela hospeda todas as informações mais importantes que um cliente precisa para fazer uma compra de produto. Uma área que está na "primeira página" fica visível quando a página é carregada pela primeira vez, para que os usuários não precisem rolar para baixo para vê-la.

Um módulo de caixa de compra é um contêiner especial que hospeda todos os módulos mostrados na área de caixa de compra de uma página de detalhes do produto.

A URL da página de detalhes do produto inclui a ID do produto. A ID do produto fornece todas as informações necessárias para renderizar um módulo de caixa de compra. Se você não fornecer uma ID do produto, o módulo de caixa de compra não será renderizado corretamente em uma página. Portanto, você pode usar um módulo de caixa de compra somente em páginas com contexto de produto. Para usá-lo em uma página que não tenha um contexto de produto (por exemplo, uma página inicial ou uma página de marketing), você deve fazer personalizações adicionais.

A imagem a seguir mostra um exemplo de um módulo de caixa de compra em uma página de detalhes de produtos.

Captura de tela de um módulo Buy Box.

Propriedades e slots do módulo de caixa de compra

Em uma página de detalhes do produto, uma caixa de compra é dividida em duas regiões: uma região de mídia à esquerda e uma região de conteúdo à direita. Por padrão, a razão entre a largura da coluna da região da mídia e a largura da coluna da região do conteúdo é 2:1. Em dispositivos móveis, as duas regiões são empilhadas para que uma região apareça abaixo da outra região. Você pode usar temas para personalizar a largura das colunas e a ordem de empilhamento.

Um módulo de caixa de compra renderiza o título, a descrição, o preço e as classificações de um produto. Ele também permite que os clientes selecionem grades de produtos que têm atributos de produto diferentes, como tamanho, estilo e cor. Quando um cliente seleciona uma variante de produto, o módulo atualiza outras propriedades na caixa de compra (por exemplo, a descrição do produto e as imagens) para refletir as informações variantes.

Um seletor de quantidade é fornecido para que os clientes possam especificar a quantidade de itens a comprar. As configurações do site definem a quantidade máxima que um cliente pode comprar.

Na caixa comprar, os clientes também podem executar ações como adicionar um produto ao carrinho, adicionar um produto à sua lista de desejos e selecionar um local de retirada. Essas ações podem ser executadas em um produto ou em uma grade de produto. Para adicionar um produto a uma lista de desejos, o cliente deve estar conectado.

Você pode usar temas para remover ou alterar a ordem das propriedades do produto da caixa de compra e os controles de ação.

Propriedades do módulo

  • Tag de cabeçalho: Esta propriedade define a tag de cabeçalho para o título do produto. Se a caixa de compra estiver na parte superior da página, defina essa propriedade como h1 para atender aos padrões de acessibilidade.

  • Ative recomendações de "comprar looks semelhantes": Essa propriedade permite que a caixa de compra mostre links para produtos que se parecem com o item visualizado atualmente. Este recurso está disponível nas versões 10.0.13 e posterior do Commerce.

Módulos que você pode usar em um módulo de caixa de compra

  • Galeria de mídia: Use este módulo para mostrar imagens de um produto em uma página de detalhes do produto. Para obter mais informações sobre esse módulo, consulte Módulo de galeria de mídia.
  • Seletor de loja: Use este módulo para mostrar uma lista de lojas próximas onde um item está disponível para retirada. Ele permite que os usuários insiram um local para encontrar lojas próximas. Para obter mais informações sobre esse módulo, consulte Módulo de seletor de loja.
  • Localizador de armazéns e lojas: Em sites B2B, use este módulo para mostrar o estoque de produtos em lojas e armazéns em todas as entidades jurídicas. Para mais informações, veja o módulo de localização de armazém e loja.
  • Compartilhamento social: Adicione este módulo à caixa de compra para permitir que os usuários compartilhem informações de produtos nas redes sociais. Para obter mais informações, consulte Módulo de compartilhamento social.

Configurações do módulo de caixa de compra

Você pode configurar as seguintes configurações do módulo buy box em Configurações do Site>:

  • Limite de quantidade por item no carrinho: Use esta propriedade para especificar o número máximo de cada item que pode ser adicionado ao carrinho. Por exemplo, um varejista pode decidir que apenas 10 de cada produto podem ser vendidos em uma única transação.
  • Inventário: Para informações sobre como aplicar configurações de inventário, veja Aplicar configurações de inventário.
  • Adicionar produto ao carrinho: Para informações sobre como aplicar as configurações Adicionar produto ao carrinho, veja Configurações de Adicionar produto ao carrinho.

Extensões de definição do módulo de caixa de compra no tema Adventure Works

O módulo de caixa de compra que o tema da Adventure Works fornece tem uma extensão de definição de módulo que oferece suporte à implementação de um módulo de especificações de produtos em um módulo acordeão em uma caixa de compra de PDP. Para exibir atributos de especificação de produto em uma caixa de compra de PDP, adicione um módulo de especificação de produto ao slot do módulo acordeão no slot da caixa de compra.

Importante

O tema Adventure Works está disponível a partir da versão 10.0.20 do Dynamics 365 Commerce.

Interação do Commerce Scale Unit

O módulo de caixa de compra obtém informações sobre o produto usando APIs (interfaces de programação de aplicativo) da Unidade de Escala de Comércio. Ele usa a ID do produto da página de detalhes do produto para obter todas as informações do produto.

Adicionar um módulo de caixa de compra a uma página

Para adicionar um módulo de caixa de compra a uma nova página e definir as propriedades necessárias, siga estas etapas:

  1. Acesse Fragmentos e selecione Novo para criar um novo fragmento.
  2. Na caixa de diálogo Novo fragmento, selecione o módulo Caixa de compra.
  3. Em Nome do fragmento, digite o nome Fragmento de caixa de compra e selecione OK.
  4. No slot Galeria de Mídia do módulo de caixa de compra, selecione as reticências (...) e, depois, Adicionar módulo.
  5. Na caixa de diálogo Selecionar módulos, selecione o módulo Galeria de mídia e, depois, OK.
  6. No slot Seletor de loja do módulo de caixa de compra, selecione as reticências (...) e, depois, Adicionar módulo.
  7. Na caixa de diálogo Selecionar módulos, selecione o módulo Seletor de loja e, depois, OK.
  8. Selecione Salvar, Concluir edição para fazer check-in do fragmento e depois selecione Publicar para publicá-lo.
  9. Acesse Modelos e selecione Novo para criar um novo modelo.
  10. Na caixa de diálogo Novo modelo, em Nome do modelo, insira Modelo PDP e selecione OK.
  11. No slot Corpo, selecione as reticências (...) e, depois, Adicionar módulo.
  12. Na caixa de diálogo Selecionar módulos, selecione o módulo Página Padrão e, depois, OK.
  13. No slot Principal da página padrão, selecione as reticências (...) e, em seguida, selecione Adicionar fragmento.
  14. Na caixa de diálogo Selecionar um fragmento, selecione o fragmento Fragmento de caixa de compra criado anteriormente e, depois, selecione OK.
  15. Selecione Salvar, Concluir edição para fazer check-in do modelo e depois selecione Publicar para publicá-lo.
  16. Acesse Páginas e selecione Novo para criar uma nova página.
  17. Na caixa de diálogo Criar uma nova página, em Nome da página, insira uma Página PDP e, depois, selecione Avançar.
  18. Em Escolha um modelo, selecione Modelo de PDP e, depois, Avançar.
  19. Em Escolher um layout, selecione um layout de página (por exemplo, Layout flexível) e selecione Avançar.
  20. Em Revisar e concluir, revise a configuração da página. Se você precisar editar as informações da página, selecione Voltar. Se as informações da página estiverem corretas, selecione Criar página.
  21. No slot Principal da nova página, selecione as reticências (...) e, em seguida, selecione Adicionar fragmento.
  22. Na caixa de diálogo Selecionar um fragmento, selecione o fragmento Fragmento de caixa de compra criado anteriormente e, depois, selecione OK.
  23. Salve e exiba a página. Adicione o parâmetro da sequência de caracteres da consulta ?productid=<product id> à URL da página de exibição. Dessa forma, o contexto do produto é usado para carregar e renderizar a página de exibição.
  24. Selecione Salvar, Concluir edição para fazer check-in da página e depois selecione Publicar para publicá-lo. Uma caixa de compra deve aparecer na página de detalhes do produto.

Adicione um localizador de armazém e loja a uma buy box B2B

Para sites B2B que usam busca de inventário entre entidades jurídicas, adicione o localizador de depósito e loja diretamente ao fragmento da caixa de compra.

  1. Abra o fragmento da caixa de compra usado pelo modelo PDP do site.
  2. Selecione o módulo de buy box.
  3. No slot Warehouse locator, selecione a reticência (...) e depois selecione Adicionar módulo.
  4. Na caixa de diálogo Selecionar módulos, selecione Armazém e localizador de loja, e então selecione OK.
  5. Defina a propriedade do ponto de entrada do módulo como página de detalhes do produto.
  6. Configure as propriedades do localizador e o mapa opcional.
  7. Selecione Salvar, Concluir a edição e depois Publicar.
  • Última atualização em