FAQ: Este artigo fornece instruções passo a passo sobre criar vitrines compre junto no cms vtex.
Criando vitrines Compre Junto
A funcionalidade Compre Junto é ideal para ajudar a aumentar o ticket médio dos pedidos e impulsionar a venda de itens complementares.
Ela sugere combinações de produtos relevantes diretamente na página do produto (PDP). O objetivo é tornar a experiência de compra mais conveniente e personalizada para o seu cliente, incentivando que ele adicione mais itens ao carrinho de uma forma super fluida!
Criando Vitrines de "Compre Junto"
Para configurar essa funcionalidade, siga o passo a passo abaixo:
Faça o login no painel administrativo da VTEX e acesse o espaço destinado ao seu app.
No menu lateral, vá até o módulo Storefront e clique na opção Headless CMS.
Clique no botão Criar Documento e selecione a opção Buy Together
Ao abrir a página de configuração, clique no ícone de adição (+) para adicionar uma nova seção e selecione a opção de adicionar um Slot.
Nota: Cada Slot representa uma sugestão dentro da vitrine.
Entendendo os Slots: Cada slot pode exibir até 3 sugestões de produtos. Você pode definir essas sugestões de duas maneiras:
A partir de uma coleção específica.
A partir de uma lista manual de SKUs.
Atenção: Independentemente da forma escolhida, utilize sempre o ID do SKU, e não o ID do produto principal. O limite máximo de sugestões exibidas por slot será sempre de até 3 itens.
Configurando os detalhes da Vitrine
Ainda na página de configurações, você precisará preencher algumas informações importantes:
Defina o título da vitrine: Este será o título que vai aparecer para o cliente final lá no componente (ex: "Aproveite e compre junto").
Escolha o tipo de associação: Você precisa definir em qual contexto essa vitrine vai aparecer. Existem duas opções:
Coleção: A vitrine vai aparecer para todos os produtos que fazem parte de uma determinada coleção.
SKU específico: A vitrine vai aparecer apenas quando o cliente acessar um SKU específico.
Informe o ID de referência: Dependendo do que você escolheu no passo anterior, preencha o ID correspondente:
Para Coleções, informe o ID da coleção.
Para SKU, informe o ID do SKU (lembrando: use o ID do SKU, e não do produto principal).
Personalize os textos do componente: Todos os campos de texto aqui são obrigatórios.
Dica de ouro: No texto do botão habilitado, se você quiser mostrar automaticamente a quantidade de itens que o cliente selecionou, basta inserir o caractere # onde o número deve aparecer.
Exemplo: Se você digitar
Adicionar à sacola (# itens), o app mostrará algo como "Adicionar à sacola (2 itens)".
Por fim, ao terminar de configurar tudo, não se esqueça de clicar em Salvar e, em seguida, em Publicar! Isso garante que todas as suas alterações sejam armazenadas com sucesso e o conteúdo já fique disponível no aplicativo.