Toutes les bannières IA, en direct sur une page

Les bannières IA, en direct sur cette page

Rien ici n'est une capture d'écran. Chaque bannière ci-dessous est le widget sommelier.bot en direct, qui lit cette page et ce visiteur, avec juste en dessous la ligne de code exacte qui l'a produite.

Démarrer le mois offert Tester la boutique de démo

Une ligne de code · tout CMS · sans développeur · le catalogue de démo est le nôtre

En direct : cette bannière lit la page sur laquelle vous êtes

Comment lire cette page

Une démo qui fonctionne, pas une galerie

Trois choses à savoir avant de faire défiler.

Tout est en direct

Chaque bannière ci-dessous est générée par le vrai widget à partir de notre catalogue de démo. Rechargez la page et le texte change, car il est créé pour la page et le visiteur, pas stocké.

Toutes lisent la même page

Le widget transmet l'URL, le titre, la meta description, les titres H1 et H2 et les données structurées. Toutes les bannières d'une page partagent donc le même contexte, et aucune n'a besoin d'être configurée page par page.

Le code, c'est toute l'intégration

Le snippet sous chaque bannière est complet. Remplacez sommelierbot par votre propre clé marchand et il fonctionne sur votre site, avec tout CMS, sans plugin ni développeur.

Le contexte que lisent les bannières

La bouteille que démontre cette page : Chablis Premier Cru Montée de Tonnerre 2021

Certaines bannières travaillent au niveau de la page, d'autres au niveau de la bouteille. Pour que les deux aient de la matière réelle, cette page contient un vin de référence dans ses données structurées.

Bouteille de Chablis Premier Cru Montée de Tonnerre de Samuel Billaud — Sur la photo : Samuel Billaud, Chablis Premier Cru Montée de Tonnerre

La bouteille de référence

Chablis Premier Cru Montée de Tonnerre 2021

Chardonnay sec et minéral du nord de la Bourgogne. Acidité élevée, coquille d'huître et silex, citron et fleurs blanches. Le grand classique avec les huîtres, et un bon test, car sa structure est si précise qu'une mauvaise recommandation saute aux yeux.

ChardonnayChablis 1er CruSecAcidité élevéeFrance

Et le reste de la page

Vin, spiritueux et service client dans la même conversation

Le vin n'est pas le seul sujet de l'agent. Demandez-lui un single malt tourbé, ce qu'il faut servir avec les huîtres, ou posez-lui une question de service sur la livraison. Il répond aux trois dans la même conversation, car celle-ci n'est jamais limitée à la bannière depuis laquelle vous l'avez ouverte.

Single maltAccords mets et vinsLivraisonService client

Le format phare

La bannière en grille

Elle lit la page puis s'ouvre sur six entrées visuelles au lieu d'un champ de saisie vide, c'est pourquoi on la touche là où une bulle de chat est ignorée.

Ce dont elle a besoin Seulement du contexte de la page. Elle fonctionne avec un nouveau visiteur anonyme, dès la première impression.

banner-layout="grid" donne le format large à six vignettes. Sans l'attribut, vous obtenez la version sur une ligne, juste en dessous. banner-id choisit laquelle de vos bannières configurées s'affiche, ainsi le même snippet peut s'ouvrir sous un autre angle sur une page catégorie et dans un article.

Afficher le code

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

La version discrète

La bannière texte

La même accroche contextuelle, écrite en une seule ligne éditoriale, pour les endroits d'un article où une grille de six vignettes serait trop voyante.

Ce dont elle a besoin Seulement du contexte de la page.

Même moteur, même conversation. Seul l'affichage change : vous pouvez placer la grille en haut de page et la version texte au milieu d'un article sans scinder le visiteur en deux sessions.

Afficher le code

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

Classée pour ce visiteur

Sélection personnalisée

Elle comprend le sujet de la page, classe le catalogue selon le profil de goût de ce visiteur et montre les bouteilles qui lui correspondent vraiment, pas les meilleures ventes.

Ce dont elle a besoin Le contexte de la page, puis le profil du visiteur dès qu'il existe.

Lors de la première visite, le classement vient de la page seule. Touchez deux ou trois éléments n'importe où sur cette page, rechargez, et la sélection change : le profil de goût se construit dès le premier geste, sans compte ni connexion.

Afficher le code

<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="picks"></script>

Une vente croisée qui ne repose pas sur les mots-clés

Produits similaires

Trouve de vrais équivalents à la bouteille de la page, selon l'appellation, le cépage et la structure, et non selon les mots du nom du produit.

Ce dont elle a besoin Une bouteille dans le contexte de la page. Sur une fiche produit, c'est automatique.

C'est celle qui révèle si un moteur de recommandation comprend le vin. Un système à mots-clés répond à un Chablis par un autre vin qui porte « Chablis » dans son nom. La comparaison par attributs répond par une autre appellation qui se boit de la même façon.

Afficher le code

<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="similar"></script>

Le visiteur face à la bouteille

Score d'affinité

Compare la bouteille de la page au palais de ce visiteur et explique le score en une phrase, pour que le chiffre ne soit jamais une boîte noire.

Ce dont elle a besoin Une bouteille dans le contexte de la page, et un profil visiteur pour le score lui-même.

Tant que le visiteur n'a interagi avec rien, il n'y a pas de palais à comparer : la bannière affiche la description du vin et attend. Après trois à cinq gestes, elle dispose d'un profil et commence à noter. C'est le comportement honnête : elle n'invente pas un pourcentage pour quelqu'un qu'elle ne connaît pas.

Afficher le code

<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="match"></script>

Quatre échelles, sans jargon

Profil de goût en curseurs

Place le style, le corps, la sucrosité et l'acidité de la bouteille sur quatre échelles et y superpose le palais du visiteur.

Ce dont elle a besoin Une bouteille dans le contexte de la page.

C'est la bannière qui apprend en vendant. Un visiteur qui ne sait pas dire ce qu'il aime voit qu'il choisit toujours une acidité élevée, et chaque réglage qu'il fait enrichit son profil.

Afficher le code

<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="taste"></script>

La question la plus difficile pour une boutique

Reconnaissance photo

Déposez la photo d'une étiquette, d'un rayon ou du dîner de ce soir, et l'agent répond à partir du stock réel.

Ce dont elle a besoin Rien. Elle fonctionne sur n'importe quelle page.

Formats PNG, JPEG et WebP. Photographiez une bouteille que vous avez déjà et demandez quelque chose de proche que vous pouvez acheter, ou photographiez une assiette et laissez-la proposer un accord avec ce qui est en stock.

Afficher le code

<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="dropzone"></script>

Conseil et premier niveau de support

La conversation complète, dans la page

Place toute la conversation avec le sommelier directement dans la page, pour une page de conseil, un centre d'aide ou une carte des vins.

Ce dont elle a besoin Rien. C'est le mode par défaut si vous omettez l'attribut mode.

Toutes les bannières plus haut sur cette page ouvrent cette même conversation. Ce que vous y avez touché s'y trouve déjà, et elle ne vous le redemandera pas. Demandez-lui un single malt tourbé, ce qui va avec le Chablis ou une question sur la livraison : c'est le même agent.

Afficher le code

<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="embed"></script>

Pour tout le site

Le lanceur d'angle

Un lanceur flottant qui ouvre la même conversation sur toutes les pages du site, pour les visiteurs qui arrivent sans bannière devant eux.

Où le placer Dans le pied de page du site ou dans le modèle du thème, une seule fois. Jamais deux fois sur la même page.

C'est le seul format que nous n'avons volontairement pas activé sur cette page, car un lanceur appartient à tout le site et non à une page, et deux lanceurs se disputeraient le même coin. popup-position accepte left ou right, et popup-x et popup-y l'éloignent du bord, en pixels.

Afficher le code

<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="popup"
  popup-position="right"
  popup-x="20"
  popup-y="20"></script>

Toute l'API

Tous les attributs acceptés par le snippet

Pas de fichier de configuration, pas d'étape dans le tableau de bord avant l'affichage d'une bannière. Ce tableau, c'est toute l'intégration.

Attribut	Par défaut	Rôle
`merchant`	obligatoire	Votre clé marchand. `sommelierbot` est notre catalogue de démo public, utilisé par tous les snippets de cette page.
`mode`	embed	Le format à afficher : embed, banner, popup, similar, picks, match, taste ou dropzone. Sans lui, vous obtenez la conversation dans la page.
`banner-id`	votre valeur par défaut	Laquelle de vos bannières configurées afficher. S'applique seulement à `mode="banner"`.
`banner-layout`	text	grid pour le format à six vignettes, text pour la ligne unique. S'applique seulement à `mode="banner"`.
`theme`	votre réglage	dark ou light. Par défaut, les couleurs définies sur votre compte.
`lang`	langue de la page	en, de, fr, es, it, pt, nl, zh, ja, ru ou hi. Lu dans votre attribut `<html lang>` si vous ne le précisez pas.
`popup-position`	right	left ou right. S'applique seulement à `mode="popup"`.
`popup-x / popup-y`	20	Distance au bord en pixels. S'applique seulement à `mode="popup"`.

Tous les attributs fonctionnent aussi avec le préfixe data-, pour les CMS et constructeurs de pages qui suppriment les attributs inconnus des balises script : data-merchant, data-mode, data-banner-id, etc.

Où chacune est rentable

Partout où le visiteur hésite

Les emplacements sont illimités dans toutes les offres payantes. Voici ceux qui sont rentabilisés en premier.

Page d'accueil

Bannière en grille en haut de page. C'est le seul format qui ouvre une conversation avant que le visiteur ait choisi quoi que ce soit.

Page catégorie

Sélection. La catégorie est le contexte, et le classement fait la valeur.

Fiche produit

Produits similaires, score d'affinité et curseurs de goût. Les trois lisent la bouteille directement dans le balisage de votre produit.

Article ou blog

Bannière texte au milieu de l'article, bannière en grille à la fin. Elle lit l'article lui-même, donc les contenus intemporels ne demandent aucun entretien.

Page d'aide ou de conseil

La conversation dans la page, pour le conseil et le premier niveau de support, dans le même fil que tout le reste.

Newsletter ou landing page

Bannière en grille. Le même snippet, et la même conversation que le lecteur a eue sur votre site.

Votre catalogue, vos bannières

Placez-les sur vos propres pages

Envoyez-nous le lien de votre boutique. Les bannières sont en ligne en un jour, le premier mois est offert et vous pouvez résilier chaque mois.

Démarrer le mois offert Réserver une démo

Vous voulez des agents IA sur mesure pour votre entreprise ?

Vous voulez une démo personnalisée, un agent sur mesure ou un projet IA qui ne figure pas sur cette page ? Nous travaillons avec le machine learning et l'IA pour le commerce du vin depuis 2019.

Parlez-nous