Voltar ao Painel

Documentação

Aprenda a usar o Asyntai

Cartões de Produto

Exiba cartões visuais de produtos nas suas conversas de chat

Gerenciar Produtos
Planos Standard e Pro

Visão Geral

Os Cartões de Produto permitem que sua IA exiba informações visuais de produtos diretamente no chat. Quando um visitante pergunta sobre produtos ou quando é relevante para a conversa, a IA pode mostrar cartões interativos com imagens, preços, descrições e botões de ação.

Isso é diferente da sua Base de Conhecimento - enquanto a Base de Conhecimento ajuda sua IA a responder perguntas, os Cartões de Produto são elementos visuais que aparecem na conversa para ajudar os visitantes a descobrir e comprar seus produtos.

Como Funciona

  1. Você adiciona produtos com nomes, imagens, preços e descrições
  2. Você escreve uma Descrição para a IA dizendo à IA quando mostrar cada produto
  3. O visitante faz uma pergunta que corresponde à sua Descrição para a IA
  4. A IA mostra o cartão do produto com imagem, preço e botões de ação
Assistente IA
Me mostre fones de ouvido abaixo de $200
Aqui estão duas ótimas opções! O AudioElite X1 tem excelentes avaliações dos nossos clientes.
Headphones
SoundMax Pro
$149
Adicionar ao carrinho
Headphones
AudioElite X1
$179
Adicionar ao carrinho

Importar de URL

Em vez de inserir manualmente os detalhes do produto, você pode importá-los automaticamente de qualquer página de produto:

  1. Clique no botão "Importar de URL" no cabeçalho do formulário
  2. Cole a URL da sua página de produto
  3. Click Import - AI will extract the product information
  4. Review the auto-filled fields and make any adjustments
  5. Clique em Adicionar Produto para salvar

A IA extrai automaticamente:

  • Nome e preço do produto
  • Descrição do produto
  • Imagem principal do produto
  • Texto sugerido para o botão (ex.: "Comprar Agora", "Assinar")
  • Descrição para a IA de quando mostrar o produto

Dica: A URL da página do produto é usada automaticamente para ambos os links dos botões, para que os visitantes possam clicar para comprar. Você pode alterar esses links se tiver URLs específicas de carrinho ou checkout.

Adicionando Produtos Manualmente

Cada produto possui os seguintes campos:

Campos Obrigatórios

Nome do Produto Obrigatório

O nome exibido no cartão. Máximo de 30 caracteres.

Exemplo: "Premium Wireless Headphones"
Descrição para a IA Obrigatório

Diga à IA quando mostrar este produto. Escreva em linguagem natural descrevendo as situações em que este produto é relevante.

Exemplo: "Mostrar quando o usuário perguntar sobre fones de ouvido, equipamentos de áudio ou dispositivos para ouvir música abaixo de $200"

Campos Opcionais

Preço Opcional

Aceita qualquer formato de texto - você pode usar símbolos de moeda, faixas ou texto personalizado.

Exemplos: "$29.99" • "A partir de $19/mês" • "Free" • "Consulte o preço"
Descrição do Produto Opcional

Uma breve descrição das funcionalidades e benefícios do seu produto. Exibida abaixo do preço no cartão.

URL da Imagem Opcional

URL direta da imagem do seu produto. Suporta formatos JPG, PNG e WebP. Para melhores resultados, use imagens com pelo menos 300px de largura.

Exemplo: https://yoursite.com/images/product.jpg

Dica: As imagens dos produtos são vinculadas por URL, não enviadas por upload. Você pode usar imagens hospedadas no seu site, em uma CDN ou em serviços de hospedagem de imagens.

Configurando Botões

Cada cartão de produto tem dois botões configuráveis:

Botão Principal

Texto do Botão Opcional

O rótulo no botão de ação principal. Padrão: "Adicionar ao carrinho"

Exemplos: "Comprar Agora" • "Começar" • "Agendar uma Demo" • "Assinar"
Link do Botão Obrigatório se o Texto do Botão estiver definido

Para onde o botão leva os visitantes ao clicar - seu carrinho de compras, página de checkout, formulário de reserva ou URL da página do produto.

Exemplo: https://yoursite.com/cart?add=product-123

Botão Secundário

Texto do Botão de Detalhes Opcional

O rótulo do botão secundário. Padrão: "Mais detalhes"

Exemplos: "Saiba mais" • "Ver especificações" • "Ver detalhes"
Link da Página do Produto Opcional

Link to the full product page with specifications and more information.

Exemplo: https://yoursite.com/products/premium-headphones

Escrevendo Boas Descrições para a IA

A Descrição para a IA é crucial - ela determina quando seu produto aparece nas conversas. Escreva descrições claras das situações em que o produto é relevante:

Bons Exemplos
  • "Mostrar quando alguém perguntar sobre laptops para estudantes ou mencionar que precisa de um computador para a escola"
  • "Exibir quando o visitante mencionar restrições de orçamento ou perguntar sobre opções acessíveis"
  • "Mostrar quando o usuário perguntar sobre recursos premium, planos de preços ou ferramentas profissionais"
Maus Exemplos
  • "Laptop" - Muito vago, não corresponderá a perguntas naturais
  • "Mostrar sempre" - Vai poluir as conversas
  • "Melhor produto" - Não descreve quando mostrá-lo

Gerenciando Produtos

  • Ativar/Desativar: Alterne produtos sem excluí-los - útil para itens sazonais ou produtos fora de estoque
  • Posição: Defina a ordem de exibição quando vários produtos são mostrados (números menores aparecem primeiro)
  • Visualização ao Vivo: Veja como seu cartão ficará enquanto preenche os campos

Nota: Changes take effect immediately - no need to republish your widget.

Produtos Dinâmicos a partir de Dados em Tempo Real

Tem produtos que mudam frequentemente? Em vez de gerenciar produtos manualmente aqui, você pode exibir cartões de produtos dinamicamente a partir do seu Feed de Dados em Tempo Real.

Cartões de Produto Estáticos
  • Adicione produtos manualmente aqui
  • Ideal para inventário estável
  • Controle total sobre cada produto
  • Defina descrições personalizadas para a IA
Cartões de Produto Dinâmicos
  • Gerados automaticamente a partir do seu feed de dados
  • Perfeito para inventário variável
  • Preços/estoque sempre atualizados
  • Sem necessidade de manutenção manual

Para ativar cartões de produto dinâmicos:

  1. Configure um Feed de Dados em Tempo Real com os dados dos seus produtos
  2. Ative "Ativar Cartões de Produto Dinâmicos"
  3. Inclua campos de produto no seu feed: name, price, image_url, button_link

Dica: Você pode usar ambos! Produtos estáticos para itens em destaque e produtos dinâmicos para inventário ao vivo. Saiba mais na documentação do Feed de Dados em Tempo Real.