Personal Shopper

Personal Shopper est un flow de découverte produit guidé. Un visiteur clique sur un bouton de ton site, 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

Tu rattaches un Personal Shopper à un sélecteur CSS de ton site. Quand un visiteur clique sur n’importe quel élément qui match ce sélecteur, le Personal Shopper correspondant s’ouvre. Tu peux faire tourner plusieurs Personal Shoppers en parallèle sur le même store, chacun avec son sélecteur, 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 cssSelector 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 depuis son sélecteur CSS.
• Archived — pris offline, gardé pour référence.

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

Champs de configuration

Identification

• Name — label interne pour ton équipe.
• CSS selector — le sélecteur sur ton site dont les clics déclenchent ce Personal Shopper.

Introduction

• Introduction text — ce que l’assistant dit quand la conversation s’ouvre. Par locale.

Questions

• Min / max number of AI questions — borne combien de temps la qualification tourne avant les recommandations.

Photo capture (optionnel)

Tu peux demander une photo au visiteur (skincare, cheveux, ajustement d’un vêtement, etc.) pour informer les recommandations.

• Photo enabled — on / off.
• Default camera view — front ou back.
• Photo capture guidelines — instructions par locale montrées au visiteur (ex. “Prends la photo en lumière naturelle, sans maquillage”).

Email collection (optionnel)

• Email collection enabled — on / off.
• Placement — quand l’email est demandé :
  • onStart — avant que la qualification commence.
  • beforeDiagnostic — après la qualification, avant les recommandations.
  • onCompletion — après les recommandations.
• Email message — prompt par locale montré à côté de l’input.

Marketing opt-in (optionnel)

• Marketing opt-in enabled — affiche une checkbox de consentement à côté de l’email.
• Marketing opt-in label — texte par locale. Garde-le conforme à tes régulations locales.

AI prompts (avancé)

Trois prompts pilotent le comportement de l’IA. Le dashboard génère des defaults adaptés à chaque locale ; override-les quand tu veux un ton spécifique ou des contraintes (ex. “toujours demander la sensibilité de la peau avant de recommander”).

• Information collection prompt — guide comment l’assistant pose les questions de qualification.
• Results prompt — guide comment il explique les produits choisis.
• Photo analysis prompt (utilisé seulement si la photo est activée) — guide comment l’assistant interprète l’image uploadée.

Scope des collections

Restreins — ou booste — le catalogue à partir duquel le Personal Shopper recommande. Chaque collection Shopify rattachée à un Personal Shopper a un scope :

• Included — seuls les produits de ces collections sont recommandables.
• Excluded — les produits dans ces collections ne sont jamais recommandés.
• Promoted — les produits dans ces collections sont mis en avant quand pertinent.

Exemple : un Personal Shopper “Gift Guide” peut avoir included: ["Gift collection"] pour rester on-topic.

CRM tags (Klaviyo / Yotpo)

Chaque Personal Shopper peut porter une liste de CRM tags (un tagName et une description optionnelle). Quand le visiteur termine le flow et soumet son email, les tags sont attachés au profil envoyé à ton CRM. Sert-t’en pour driver les flows marketing en aval (“toute personne taggée skincare-dry-skin reçoit la séquence nurture peau sèche”).

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 sélecteur CSS 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.
• Le statut du Personal Shopper est published ? Les drafts ne sont pas fetchés par le widget.

Pour une investigation plus poussée, écris à support@askdialog.com avec l’URL où tu attends le trigger et le sélecteur configuré.