Skip to main content

Todos os banners com IA, ao vivo em uma página

Os banners com IA, rodando nesta página agora mesmo

Nada aqui é captura de tela. Cada banner abaixo é o widget do sommelier.bot ao vivo, lendo esta página e este visitante, com a linha de código exata que o gerou logo abaixo.

Começar o mês grátisTestar a loja de demonstração

Uma linha de código · qualquer CMS · sem desenvolvedor · o catálogo de demonstração é o nosso

Ao vivo: este banner está lendo a página em que você está

Como ler esta página

Uma demo que funciona, não uma galeria

Três coisas que vale saber antes de rolar a página.

Tudo está ao vivo

Cada banner abaixo é gerado pelo widget real a partir do nosso catálogo de demonstração. Recarregue a página e o texto muda, porque é criado para a página e para o visitante, não armazenado.

Todos leem a mesma página

O widget envia a URL, o título, a meta descrição, os títulos H1 e H2 e os dados estruturados. Por isso todos os banners de uma página compartilham o mesmo contexto, e nenhum precisa de configuração por página.

O código é a integração inteira

O snippet abaixo de cada banner está completo. Troque sommelierbot pela sua própria chave de comerciante e ele roda no seu site, em qualquer CMS, sem plugin e sem desenvolvedor.

O contexto que os banners leem

A garrafa que esta página demonstra: Chablis Premier Cru Montée de Tonnerre 2021

Alguns banners trabalham no nível da página e outros no nível da garrafa. Para que os dois tipos tenham algo real para analisar, esta página traz um vinho de referência nos seus dados estruturados.

Garrafa de Chablis Premier Cru Montée de Tonnerre de Samuel Billaud
Na foto: Samuel Billaud, Chablis Premier Cru Montée de Tonnerre

A garrafa de referência

Chablis Premier Cru Montée de Tonnerre 2021

Chardonnay seco e mineral do norte da Borgonha. Acidez alta, concha de ostra e sílex, limão e flores brancas. O vinho clássico para ostras, e um bom teste, porque a estrutura é tão precisa que uma recomendação errada fica evidente.

ChardonnayChablis 1er CruSecoAcidez altaFrança

E o resto da página

Vinho, destilados e atendimento na mesma conversa

O vinho não é a única coisa que o agente resolve. Peça um single malt turfado, pergunte o que servir com as ostras ou faça uma pergunta de atendimento sobre a entrega. Ele responde as três na mesma conversa, porque a conversa nunca fica presa ao banner de onde você a abriu.

Single maltHarmonizaçãoEntregaAtendimento ao cliente

O formato principal

O banner em grade

Lê a página e abre com seis caminhos visuais em vez de um campo de texto vazio, e é por isso que recebe toques onde um balão de chat é ignorado.

Do que precisa Só do contexto da página. Funciona com um visitante anônimo novo, na primeira impressão.

banner-layout="grid" gera o formato largo de seis blocos. Sem o atributo, você tem a versão de uma linha, logo abaixo. banner-id escolhe qual dos seus banners configurados aparece, então o mesmo snippet pode abrir com outro ângulo numa página de categoria e num artigo.

Mostrar o código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="banner"
  banner-id="5"
  banner-layout="grid"></script>

A versão discreta

O banner de texto

A mesma abertura contextual escrita como uma única linha editorial, para pontos de um artigo onde uma grade de seis blocos chamaria atenção demais.

Do que precisa Só do contexto da página.

Mesmo motor, mesma conversa. Só a apresentação muda, então você pode usar a grade no topo da página e a versão de texto no meio do artigo sem dividir o visitante em duas sessões.

Mostrar o código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="banner"
  banner-id="5"></script>

Ordenado para este visitante

Destaques personalizados

Entende do que a página trata, ordena o catálogo pelo perfil de sabor deste visitante e mostra as garrafas que realmente combinam, não os mais vendidos.

Do que precisa Contexto da página e, quando existir, o perfil do visitante.

Na primeira visita, a ordem vem só da página. Toque em duas ou três coisas em qualquer lugar desta página, recarregue, e a seleção muda: o perfil de sabor começa no primeiro toque, sem conta e sem login.

Mostrar o código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="picks"></script>

Venda cruzada que não é busca por palavra-chave

Produtos semelhantes

Encontra equivalentes de verdade para a garrafa da página, pela denominação, pela uva e pela estrutura, não por palavras no nome do produto.

Do que precisa Uma garrafa no contexto da página. Numa página de produto, isso é automático.

É este que mostra se um motor de recomendação entende de vinho. Um sistema de palavras-chave responde a um Chablis com outro vinho que tem "Chablis" no nome. A comparação por atributos responde com outra denominação que se bebe do mesmo jeito.

Mostrar o código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="similar"></script>

O visitante diante da garrafa

Pontuação de compatibilidade

Compara a garrafa da página com o paladar deste visitante e explica a nota em uma frase, para que o número nunca seja uma caixa-preta.

Do que precisa Uma garrafa no contexto da página e, para a nota, um perfil do visitante.

Antes de o visitante interagir com algo, não há paladar para comparar, então o banner mostra a descrição do vinho e espera. Depois de três a cinco toques, ele tem um perfil e começa a pontuar. Esse é o comportamento honesto: ele não inventa uma porcentagem para alguém que nunca viu.

Mostrar o código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="match"></script>

Quatro escalas, sem jargão

Perfil de sabor em escalas

Coloca o estilo, o corpo, a doçura e a acidez da garrafa em quatro escalas e sobrepõe o paladar do visitante.

Do que precisa Uma garrafa no contexto da página.

É o banner que ensina enquanto vende. Um visitante que não sabe dizer do que gosta consegue ver que sempre escolhe acidez alta, e cada ajuste que faz volta para o perfil.

Mostrar o código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="taste"></script>

A pergunta mais difícil que uma loja recebe

Reconhecimento de fotos

Envie uma foto de um rótulo, de uma prateleira ou do jantar de hoje, e o agente responde com o estoque real.

Do que precisa Nada. Funciona em qualquer página.

Aceita PNG, JPEG e WebP. Fotografe uma garrafa que você já tem e peça algo parecido que dê para comprar, ou fotografe um prato e deixe que ele harmonize com o que está em estoque.

Mostrar o código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="dropzone"></script>

Consultoria e primeiro atendimento

A conversa completa, na página

Coloca a conversa inteira com o sommelier direto na página, para uma página de consultoria, uma central de ajuda ou uma carta de vinhos.

Do que precisa Nada. Este é o modo padrão se você omitir o atributo mode.

Todos os banners acima nesta página abrem esta mesma conversa. O que você tocou lá em cima já está aqui, e ele não vai perguntar de novo. Peça um single malt turfado, pergunte o que combina com o Chablis ou faça uma pergunta sobre a entrega: é o mesmo agente.

Mostrar o código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="embed"></script>

Toda a API

Todos os atributos que o snippet aceita

Não há arquivo de configuração nem etapa no painel antes de um banner aparecer. Esta tabela é a integração inteira.

AtributoPadrãoO que faz
merchantobrigatórioA sua chave de comerciante. sommelierbot é o nosso catálogo de demonstração público, usado em todos os snippets desta página.
modeembedQual formato exibir: embed, banner, popup, similar, picks, match, taste ou dropzone. Sem ele, você tem a conversa na página.
banner-ido seu padrãoQual dos seus banners configurados exibir. Só vale para mode="banner".
banner-layouttextgrid para o formato de seis blocos, text para a linha única. Só vale para mode="banner".
themea sua configuraçãodark ou light. Por padrão, o esquema de cores definido na sua conta.
langidioma da páginaen, de, fr, es, it, pt, nl, zh, ja, ru ou hi. Lido do atributo <html lang> se você não o informar.
popup-positionrightleft ou right. Só vale para mode="popup".
popup-x / popup-y20Distância da borda em pixels. Só vale para mode="popup".

Todos os atributos também funcionam com o prefixo data-, para CMS e construtores de página que removem atributos desconhecidos das tags de script: data-merchant, data-mode, data-banner-id e assim por diante.

Onde cada um vale a pena

Onde quer que o visitante hesite

Os posicionamentos são ilimitados em todos os planos pagos. Estes são os que se pagam primeiro.

Página inicial

Banner em grade no topo da página. É o único formato que abre uma conversa antes de o visitante escolher qualquer coisa.

Página de categoria

Destaques. A categoria é o contexto, e a ordem é o valor.

Página de produto

Produtos semelhantes, pontuação de compatibilidade e as escalas de sabor. Os três leem a garrafa direto da marcação do seu produto.

Artigo ou blog

Banner de texto no meio do artigo, banner em grade no final. Ele lê o próprio artigo, então posts perenes não precisam de manutenção.

Página de ajuda ou consultoria

A conversa na página, para consultoria e primeiro atendimento na mesma conversa de todo o resto.

Newsletter ou landing page

Banner em grade. O mesmo snippet e a mesma conversa que o leitor teve no seu site.

O seu catálogo, os seus banners

Coloque estes banners nas suas páginas

Envie o link da sua loja. Os banners ficam no ar em um dia, o primeiro mês é grátis e você pode cancelar em qualquer mês.

Começar o mês grátisAgendar uma demo

Quer agentes de IA sob medida para o seu negócio?

Quer uma demo personalizada, um agente sob medida ou um trabalho com IA que não está nesta página? Construímos com machine learning e IA para o comércio de vinhos desde 2019.

Fale com a gente