Criando vitrines Compre Junto no CMS VTEX

O objetivo da funcionalidade Compre Junto é aumentar o ticket médio dos pedidos e impulsionar a venda de itens complementares, sugerindo combinações de produtos relevantes diretamente na página de produto (PDP). A funcionalidade visa tornar a experiência de compra mais conveniente e personalizada, incentivando o usuário a adicionar mais itens ao carrinho de forma fluida.

Criando Vitrines

1. Realize o login no painel administrativo da VTEX e entre no espaço destinado ao app. Exemplo:
   
                                               

   

2. Vá no módulo "Storefront" e clique na função "Headless CMS"
    

3. Clique em "Criar Documento" e selecione a opção "Buy Together"
   
                          

   

4. Ao abrir a página de configuração, clique no símbolo de "+" (adicionar seção) e selecione a opção para adição de um slot. Cada Slot representa uma sugestão da vitrine:                                   

   

   
   O slot pode exibir até 3 sugestões de produtos, que podem ser definidas de duas formas:

   1. A partir de uma coleção específica;
   2. A partir de uma lista manual de SKUs.

   Importante: Utilize sempre o ID do SKU, e não o ID do produto principal.
   Independente da abordagem adotada, o limite de sugestões exibidas por slot é sempre de até 3 itens.
    

5. Ao abrir a página de configurações:

   1. Defina o título da vitrine
      Esse será o título exibido no componente.

   2. Escolha o tipo de associação
      A vitrine pode ser exibida em dois contextos:

      1. Coleção: será exibida para todos os produtos pertencentes.
      2. SKU específico: será exibida apenas em um SKU específico.

   3. Informe o ID de referência
      De acordo com o tipo de associação escolhido:

      1. Para coleções, informe o ID da coleção.
      2. Para SKU, informe o ID do SKU, e não o ID do produto principal.

   4. Personalize os textos exibidos no componente

      1. Todos os campos de texto são obrigatórios.

      2. Texto para botão habilitado: Para exibir dinamicamente a quantidade de itens selecionados em um botão, insira o caractere # no local desejado. Exemplo: Adicionar à sacola (# itens)

         

6. Ao finalizar a criação, lembre-se de clicar em "Salvar" e depois em "Publicar" para garantir que as alterações sejam armazenadas e o conteúdo seja disponibilizado no app

Caso fique com alguma dúvida, você pode enviar um e-mail para [e-mail].