Crie um catálogo interativo de produtos

Ajude visitantes a explorar detalhes, escolher variações e comparar opções antes de decidir.

Imagine uma fabricante de roupa de cama preparando um novo jogo de lençóis. Os clientes perguntam se ele cabe em um colchão alto, qual a diferença entre as cores e o que muda entre Queen e King. Uma fotografia e um preço deixam as três perguntas sem resposta.

Um catálogo interativo funciona quando as pessoas precisam explorar um item e escolher opções antes de entrar em contato ou fazer uma solicitação. Mesmo com um só produto, o catálogo é útil quando mostra o efeito de cada escolha: a foto, as medidas e o preço corretos ao lado da variação selecionada.

Resumo

Liste variações, fotografias, medidas e preços de exemplo. Peça seletores que atualizem o produto exibido e seu resumo. Teste mudar tamanho e quantidade e confira a sacola de exemplo. Compare todas as variações com seus dados de origem antes de compartilhar o app.

Comece pelas decisões do visitante

Liste as variações e seus dados antes de pedir o app. Separe preços exibidos de promessas sobre pagamento ou estoque. Na primeira versão, use valores de exemplo explícitos:

Markdown
Crie um catálogo interativo para um jogo de lençóis de linho fictício.
Ofereça as cores Aveia e Argila, Queen por US$ 140 e King por US$ 160.
Identifique claramente fotografias e preços de exemplo. Mostre medidas,
um guia de encaixe para colchão de 38 cm, materiais e cuidados. Permita
escolher cor, tamanho e quantidade e adicionar a seleção a uma sacola
de teste com total discriminado. Adicione avaliações claramente fictícias
e um filtro para avaliações com fotos. Este app serve para explorar o
produto; não inclua finalização de compra nem afirme mostrar estoque em tempo real.

Substitua todos os dados de exemplo pelas informações do seu catálogo antes de usar o resultado publicamente. Consulte Crie um app interativo no seu canvas para criar, compartilhar e configurar os dados salvos. O exemplo abaixo é uma ilustração interativa; seu layout e seus produtos não são um resultado garantido do pedido.

Teste o exemplo dos lençóis

A página da Slowfield reúne fotografias, opções de cor e tamanho, quantidade, sacola e filtros de avaliações em uma experiência de produto.

Abrir em nova aba
Uma página de lençóis de linho com cores, tamanhos, sacola de teste e filtros de avaliações

Este exemplo usa dados de demonstração. Ao recarregar, suas alterações são redefinidas.

Faça estas duas comparações:

  1. Alterne entre Queen e King, mude a quantidade e confira o valor no botão de adicionar à sacola. Adicione uma seleção e abra Bag para revisá-la.
  2. Filtre as avaliações para mostrar apenas as que têm fotos. Compare as evidências dessas avaliações com as fotografias de estúdio acima.

A prévia usa dados de teste descartáveis. Seleções e alterações são desfeitas ao recarregar. Adicionar algo à sacola não cria uma compra real, reserva estoque nem recebe pagamentos.

Responda à pergunta que ainda falta

Depois que alguém testar sua versão inicial, pergunte o que essa pessoa ainda não conseguiu decidir. Transforme a resposta em uma revisão específica:

Markdown
Adicione ao lado do seletor de tamanho uma comparação com o conteúdo e
as medidas exatas dos jogos Queen e King. Mantenha visível o tamanho
selecionado enquanto a comparação estiver aberta. Preserve os itens
atuais da sacola.

Antes de compartilhar seu catálogo, confira todas as variações com a lista de origem, incluindo fotos, unidades, preços e combinações indisponíveis. Teste mudar a quantidade depois de trocar a variação e confirme que o resumo ainda descreve a seleção corretamente. Identifique avaliações ilustrativas para que não pareçam depoimentos de clientes. Se o próximo passo for receber uma solicitação personalizada, siga para um formulário de pedidos e defina exatamente qual compromisso o visitante assume ao enviá-lo.

Enviar feedback

Este artigo foi útil?