Personal Shopper

Personal Shopper es un flow de descubrimiento de producto guiado. Un visitante clica un botón en tu sitio, responde a una serie corta de preguntas generadas por la IA (con una foto opcional), y recibe una shortlist personalizada con una explicación corta de por qué se eligió cada producto.

Es la experiencia del asesor en tienda, online — y un driver de conversión mucho más afilado que un quiz estático o una search bar.

Cómo funciona la activación

Vinculas un Personal Shopper a un selector CSS de tu sitio. Cuando un visitante clica cualquier elemento que matchea ese selector, el Personal Shopper correspondiente se abre. Puedes correr múltiples Personal Shoppers en paralelo en la misma tienda, cada uno con su selector, persona, prompts y collections — por ej. uno para recomendaciones de rutina skincare en la homepage, otro para descubrimiento de regalos en la nav.

Un Personal Shopper sin cssSelector no se dispara nunca.

Dónde se configura

Todo es self-serve desde el dashboard Dialog, en:

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

Desde ahí creas Personal Shoppers, editas su contenido, configuras la integración CRM y publicas. No hay nada que pedir al soporte para el setup.

Workflow de status

Un Personal Shopper pasa por tres estados:

• Draft — visible solo en tu dashboard, no expuesto a visitantes.
• Published — live en el storefront, disparable desde su selector CSS.
• Archived — tomado offline, guardado para referencia.

Solo los Personal Shoppers published son fetched por el widget.

Campos de configuración

Identificación

• Name — etiqueta interna para tu equipo.
• CSS selector — el selector en tu sitio cuyos clicks disparan este Personal Shopper.

Introducción

• Introduction text — lo que el asistente dice cuando se abre la conversación. Por locale.

Preguntas

• Min / max number of AI questions — limita cuánto dura la calificación antes de las recomendaciones.

Photo capture (opcional)

Puedes pedir una foto al visitante (skincare, pelo, ajuste de prenda, etc.) para informar las recomendaciones.

• Photo enabled — on / off.
• Default camera view — front o back.
• Photo capture guidelines — instrucciones por locale mostradas al visitante (ej. “Toma la foto con luz natural, sin maquillaje”).

Email collection (opcional)

• Email collection enabled — on / off.
• Placement — cuándo se pide el email:
  • onStart — antes de que la calificación empiece.
  • beforeDiagnostic — después de la calificación, antes de las recomendaciones.
  • onCompletion — después de las recomendaciones.
• Email message — prompt por locale mostrado junto al input.

Marketing opt-in (opcional)

• Marketing opt-in enabled — muestra una checkbox de consentimiento junto al email.
• Marketing opt-in label — texto por locale. Mantenlo conforme a tus regulaciones locales.

AI prompts (avanzado)

Tres prompts pilotan el comportamiento de la IA. El dashboard genera defaults apropiados por locale; sobreescríbelos cuando quieras un tono específico o restricciones (ej. “preguntar siempre sobre sensibilidad de piel antes de recomendar”).

• Information collection prompt — guía cómo el asistente hace las preguntas de calificación.
• Results prompt — guía cómo explica los productos elegidos.
• Photo analysis prompt (solo usado si la foto está activada) — guía cómo el asistente interpreta la imagen subida.

Scope de las collections

Restringe — o impulsa — el catálogo a partir del cual el Personal Shopper recomienda. Cada collection Shopify vinculada a un Personal Shopper tiene un scope:

• Included — solo los productos de estas collections son recomendables.
• Excluded — los productos en estas collections nunca se recomiendan.
• Promoted — los productos en estas collections se favorecen cuando son relevantes.

Ejemplo: un Personal Shopper “Gift Guide” puede tener included: ["Gift collection"] para quedarse on-topic.

CRM tags (Klaviyo / Yotpo)

Cada Personal Shopper puede llevar una lista de CRM tags (un tagName y una descripción opcional). Cuando el visitante termina el flow y somete su email, los tags se atan al perfil enviado a tu CRM. Úsalos para drive flows de marketing aguas abajo (“toda persona tageada skincare-dry-skin recibe la secuencia nurture de piel seca”).

Integración Klaviyo

Klaviyo es la plataforma CRM soportada out of the box (Yotpo también está conectado pero con menos polish day-one).

Qué envía Dialog a Klaviyo para Personal Shopper:

• Un evento de perfil cuando el visitante somete su email durante el flow — para que Klaviyo sepa que se engagó y tenga su dirección.
• Un evento de perfil cuando el visitante completa el Personal Shopper — para que puedas ramificar un flow en él.
• Los CRM tags configurados en el Personal Shopper se atan al perfil.

Esa es toda la mecánica Klaviyo — no necesitas un setup de métrica separado, JSON custom ni webhook.

Cómo configurar Klaviyo en tu org:

1. Ve a https://app.askdialog.com/organization/{tu-org-slug}/personal-shoppers.
2. Abre la configuración CRM.
3. Elige Klaviyo como plataforma.
4. Pega tu API key privada de Klaviyo.
5. Guarda. Desde la siguiente completion de un Personal Shopper publicado, los eventos fluyen a Klaviyo.

Para el template de email diagnostic legacy (separado de Personal Shopper), ver Integración Klaviyo.

Dashboard insights

El rendimiento de Personal Shopper aparece en tu dashboard Dialog junto a las otras métricas del asistente. Trackea:

• Completion rate — cuántos visitantes que empiezan llegan a las recomendaciones.
• Email capture rate — cuántos someten su email.
• Click-through a producto — cuántos clican una recomendación.
• Add-to-cart desde Personal Shopper — conversión directa desde el flow.

Si corres múltiples Personal Shoppers, puedes comparar estas cifras entre ellos en el dashboard para ver qué punto de entrada convierte mejor.

Quick checks (debug)

Si configuraste un Personal Shopper y clicar el selector CSS no hace nada:

• ¿Widget cargado en la página? El widget asistente debe estar presente en la página donde vive el trigger. En Shopify y Prestashop esto es automático en las páginas con widget. En instalaciones custom, verifica que tu código storefront carga el SDK en esas páginas.
• ¿El selector matchea realmente? Abre los devtools y haz document.querySelectorAll('TU_SELECTOR') — si devuelve nada, el selector está mal.
• ¿El status del Personal Shopper es published? Los drafts no son fetched por el widget.

Para investigación más profunda, escribe a support@askdialog.com con la URL donde esperas el trigger y el selector configurado.