Personal Shopper

Personal Shopper est un flow de découverte produit guidé, embarqué sur ton storefront. Un visiteur l’ouvre, répond à une série courte de questions générées par l’IA (avec une photo optionnelle), et reçoit une shortlist personnalisée avec une explication courte de pourquoi chaque produit a été choisi.

C’est l’expérience du conseiller en boutique, en ligne — et un driver de conversion bien plus net qu’un quiz statique ou une search bar.

Comment fonctionne l’activation

Un Personal Shopper s’ouvre quand le visiteur clique sur un élément que tu as désigné comme trigger — soit un sélecteur CSS, soit un événement custom que tu dispatches toi-même. Tu peux faire tourner plusieurs Personal Shoppers en parallèle sur le même store, chacun avec son trigger, sa persona, ses prompts et ses collections — par ex. un pour les recommandations de routine skincare en homepage, un autre pour la découverte cadeaux dans la nav.

Un Personal Shopper sans trigger n’est jamais déclenché.

Où ça se configure

Tout est self-serve depuis le dashboard Dialog, à :

https://app.askdialog.com/organization/{ton-org-slug}/personal-shoppers

De là tu crées des Personal Shoppers, édites leur contenu, configures l’intégration CRM et publies. Rien à demander au support pour le setup.

Workflow de statut

Un Personal Shopper passe par trois états :

• Draft — visible uniquement dans ton dashboard, pas exposé aux visiteurs.
• Published — en live sur le storefront, déclenchable.
• Archived — pris offline, gardé pour référence.

Seuls les Personal Shoppers published sont fetchés par le widget.

Features transverses

Ces comportements s’appliquent à chaque étape de la configuration :

• Sélecteur de langue (en haut à droite des General settings) — bascule les champs traduisibles sur la locale choisie.
• Translate to all languages — traduction IA du champ courant dans toutes les locales activées en un clic.
• AI pre-fill — à la création, les prompts et textes traduisibles sont auto-générés en arrière-plan pour partir d’un draft utilisable, pas d’une page blanche.
• Save as draft / Publish — draft = pas live ; publish = live sur le trigger configuré.

La configuration est en deux étapes : Set up (ce que fait le Personal Shopper) et Configuration (comment il est déclenché + comment il tagge les contacts dans ton CRM).

Étape 1 — Set up

1. General settings

Champ	Ce qu’il fait
Introduction text (traduisible)	Premier message affiché à l’ouverture du Personal Shopper.
Enable photo analysis (toggle)	Permet au visiteur d’uploader ou prendre une photo que l’IA peut utiliser pour affiner les recos. Ouvre les settings photo.
Default camera direction (photo only)	Front ou Back — quelle caméra s’ouvre par défaut sur mobile.
Photo capture guidelines (traduisible, photo only)	Instructions montrées au visiteur avant la prise de photo (lumière, cadrage, distance…).
Photo analysis prompt (photo only)	Prompt IA interne qui dit au modèle quoi détecter dans la photo. Pas montré aux utilisateurs finaux.

La photo est un signal puissant pour les verticals où ce à quoi le client ressemble, possède, ou veut matcher compte — skincare, cheveux, fit, déco.

2. Information collection

Champ	Ce qu’il fait
What type of info you want to get from your customers?	Prompt IA qui pilote quelle info les questions de qualification doivent collecter (budget, use case, préférences, contraintes…).
AI Questions Quantity (slider 2–10)	Nombre min et max de questions que l’IA peut poser avant les recommandations.

Garde le nombre de questions serré — 3 à 6 est le sweet spot. Au-delà, le completion rate chute.

3. Results & recommendations

Champ	Ce qu’il fait
What kind of products should we retrieve?	Prompt IA qui pilote quels produits remonter dans la shortlist.
Advanced settings → Include collections	Whitelist. L’IA ne peut recommander qu’à partir de ces collections. Laisse vide pour garder tout le catalogue éligible.
Advanced settings → Exclude collections	Blacklist. Les produits dans ces collections ne sont jamais recommandés.
Advanced settings → Boost collections	Poussés dans le ranking quand pertinent.
Enable email collection (toggle)	Demande l’email au visiteur pendant le flow. Ouvre les settings CRM.
CRM settings → Platform	Klaviyo, Yotpo, ou Request a new platform.
Email message (traduisible, email only)	Message affiché quand on demande l’email au visiteur.
Email collection placement (email only)	On start — tout au début du flow. Before results — juste avant les recommandations. After results — après les recommandations.
Marketing opt-in checkbox (toggle, email only)	Ajoute une checkbox de consentement à côté du champ email.
Marketing opt-in checkbox label (traduisible, opt-in only)	Texte affiché à côté de la checkbox. Garde-le conforme à tes régulations locales.

Étape 2 — Configuration

4. Trigger configuration

L’une, l’autre, ou les deux méthodes peuvent être utilisées.

Champ	Ce qu’il fait
Manual JS integration	Snippet copy-paste qui dispatch enableDialogAssistantEvent avec le slug du Personal Shopper. Wire-le à n’importe quel bouton, lien ou event custom de ton storefront.
CSS selector trigger	Le Personal Shopper s’ouvre quand un visiteur clique un élément qui match ce sélecteur. Inspecte ton storefront pour trouver la bonne classe ou le bon id.

Utilise le sélecteur CSS pour les installs plug-and-play (boutons existants, liens du thème). Utilise l’intégration JS quand tu as besoin de précision — par ex. ouvrir depuis un composant React custom, après la fermeture d’une modale, ou sur un état de page spécifique.

5. CRM tagging

Le CRM tagging permet à l’IA d’attacher des tags au contact envoyé à ton CRM, en fonction de ce que le visiteur a dit pendant le flow.

Champ	Ce qu’il fait
Tag name	Valeur littérale du tag envoyé au CRM. snake_case recommandé.
Description	Règle en langage naturel qui dit à l’IA quand appliquer le tag (ex. “Le visiteur a les cheveux bouclés”).

Les tags drivent les flows marketing en aval : toute personne taggée skincare_dry_skin reçoit la séquence nurture peau sèche, toute personne taggée gift_under_50 atterrit dans une campagne cadeau, etc.

Nécessite l’email collection activée et une plateforme CRM configurée. Sans email, pas de contact à tagger.

Écrire des prompts efficaces

Plusieurs champs du Personal Shopper sont des prompts IA : Photo analysis prompt, What type of info you want to get from your customers?, What kind of products should we retrieve?, et les Descriptions des CRM tags.

Ces prompts pilotent le comportement de l’IA mais ne le programment pas de manière déterministe — suis les guidelines ci-dessous pour des résultats consistants.

Garde les prompts courts et focalisés

• Vise 2–5 phrases par prompt. Les prompts longs diluent le signal et l’IA a plus de chance de drop ou re-pondérer des bouts.
• Un prompt = un job. Si tu mélanges “trouver des produits dans la catégorie X” et “toujours upseller les accessoires” et “éviter les out-of-stock”, split l’intention dans les bons champs (ex. utilise Exclude collections pour les contraintes hard plutôt que de les caser dans le prompt produit).
• Préfère un langage simple et direct au copy marketing. L’IA n’a pas besoin d’être “vendue” sur le brief.

Sois spécifique, pas générique

• ❌ “Recommande des produits sympas qui conviennent au client.”
• ✅ “Recommande des chaussures de running adaptées à la pace, au mileage hebdo et au terrain de l’utilisateur. Privilégie les modèles neutres sauf si l’utilisateur mentionne une overpronation.”

Les attributs concrets (pace, terrain, type de peau, taille de pièce…) donnent à l’IA quelque chose sur quoi s’ancrer. Les adjectifs vagues (“sympa”, “premium”, “tendance”) ne font presque rien.

Traite les prompts comme une guidance, pas une garantie

Les prompts modèlent le comportement de l’IA de manière probabiliste. Même un prompt bien écrit ne sera pas suivi à 100% :

• L’IA peut ignorer une instruction, surtout si elle entre en conflit avec les réponses du visiteur ou le catalogue.
• Les edge cases (photos atypiques, questions off-topic, catalogue clairsemé) peuvent pousser le modèle en dehors du brief.
• Le même prompt peut produire des sorties légèrement différentes d’une session à l’autre — c’est attendu.

Quand quelque chose cloche, resserre le prompt, sors les contraintes hard du prompt pour les mettre dans des champs structurés (collections, toggles), et re-teste sur quelques vrais flows visiteur.

Intégration Klaviyo

Klaviyo est la plateforme CRM supportée out of the box (Yotpo est aussi câblé mais avec moins de polish day-one).

Ce que Dialog envoie à Klaviyo pour Personal Shopper :

• Un event profil quand le visiteur soumet son email pendant le flow — pour que Klaviyo sache qu’il s’est engagé et ait son adresse.
• Un event profil quand le visiteur termine le Personal Shopper — pour que tu puisses brancher un flow dessus.
• Les CRM tags configurés sur le Personal Shopper sont attachés au profil.

C’est toute la mécanique Klaviyo — pas besoin de setup de métrique séparé, JSON custom ou webhook.

Comment configurer Klaviyo sur ton org :

1. Va sur https://app.askdialog.com/organization/{ton-org-slug}/personal-shoppers.
2. Ouvre la config CRM.
3. Choisis Klaviyo comme plateforme.
4. Colle ta clé API privée Klaviyo.
5. Sauvegarde. Dès la prochaine completion d’un Personal Shopper publié, les events partent vers Klaviyo.

Pour le template email diagnostic legacy (séparé de Personal Shopper), voir Intégration Klaviyo.

Dashboard insights

Les perfs Personal Shopper apparaissent dans ton dashboard Dialog à côté des autres métriques assistant. Suivre :

• Completion rate — combien de visiteurs qui démarrent atteignent les recommandations.
• Email capture rate — combien soumettent leur email.
• Click-through vers produit — combien cliquent sur une recommandation.
• Add-to-cart depuis Personal Shopper — conversion directe depuis le flow.

Si tu fais tourner plusieurs Personal Shoppers, tu peux comparer ces chiffres entre eux dans le dashboard pour voir quel point d’entrée convertit le mieux.

Quick checks (debug)

Si tu as configuré un Personal Shopper et qu’au click sur le trigger rien ne se passe :

• Widget chargé sur la page ? Le widget assistant doit être présent sur la page où vit le trigger. Sur Shopify et Prestashop c’est automatique sur les pages qui ont le widget. Sur les installs custom, vérifie que ton code storefront charge bien le SDK sur ces pages.
• Le sélecteur match vraiment ? Ouvre les devtools et fais document.querySelectorAll('TON_SELECTEUR') — s’il renvoie rien, le sélecteur est faux.
• Event JS bien dispatché ? Si tu utilises l’intégration manuelle, vérifie que le slug dans le payload de l’event matche exactement le slug du Personal Shopper.
• Le statut du Personal Shopper est published ? Les drafts ne sont pas fetchés par le widget.

Pour une investigation plus poussée, voir Avant de contacter le support, puis écrivez à paul@askdialog.com avec l’URL où vous attendez le trigger et le sélecteur ou event configuré.