Ir al contenido
Dialog Docs

Elige tu vía de instalación

Instalar Dialog implica dos preocupaciones distintas, que no siempre viven en el mismo sitio:

  • Ingestión de data — subir tu catálogo de productos (y opcionalmente blog / pages) para que el asistente responda con precisión.
  • Integración frontend — embedder el widget asistente en tu storefront para que los visitantes puedan usarlo.

Algunas vías cubren ambas a la vez (app Shopify, módulo Prestashop). Otros stacks requieren combinar (ej. Shopify headless: la app gestiona la ingestión, tú embeds el frontend).

Elige según tu stack

Sección titulada «Elige según tu stack»

Encuentra tu stack abajo. Cada tarjeta enlaza con las dos páginas que vas a seguir: una para la ingestión de data y otra para el embed frontend.

Quién hace el trabajo, y cuánto

Sección titulada «Quién hace el trabajo, y cuánto»

Lo que tu equipo tiene que hacer depende de la vía:

  • Merchant Shopify o Prestashop → instalas la app o el módulo tú mismo desde el back office. Sin necesidad de developer para un setup estándar; unos minutos de clicks. Tu catálogo se sincroniza automáticamente.
  • Theme Shopify legacy (< 2.0) → misma instalación, pero un developer (tuyo o de tu agencia) tiene que pegar unos snippets en tu theme — normalmente menos de una hora.
  • Shopify headless, o cualquier storefront custom con developers frontend → tus developers integran Dialog en el código de tu storefront. Tienen control total sobre cómo el asistente se conecta a tu carrito y a tus páginas de producto, así que encaja limpiamente en tu checkout actual. Cuenta unas horas o un día de trabajo frontend.
  • No Shopify / no Prestashop, sin developers frontend disponibles → usa Google Tag Manager. Lo configuras desde tu cuenta GTM, sin tocar código. Trade-off: el widget se carga después del resto de la página, así que los visitantes tienen un retraso y un layout shift, y no encaja del todo con el look de tu sitio. Vía de último recurso — úsala solo cuando una instalación SDK no es posible.

Opciones de integración frontend para stacks custom o headless

Sección titulada «Opciones de integración frontend para stacks custom o headless»

Si tu ingestión de data está gestionada pero queda embedder el asistente en un frontend custom, comparte esto con tus developers:

  • React → @askdialog/dialog-react — DialogProductBlock y DialogInput drop-in.
  • Vue 3 → @askdialog/dialog-vue — mismos componentes, sabor Vue.
  • Otros frameworks JS (Svelte, SolidJS, Lit, vanilla, templating server-side tipo Twig / Blade / ERB) → @askdialog/dialog-sdk — SDK vanilla, el equipo construye el UI shell alrededor.

Lo único que toda install necesita verificar

Sección titulada «Lo único que toda install necesita verificar»

El refresh de la UI del carrito (icono, burbuja, mini-cart, drawer) es el problema más común, en todas las plataformas. Después de instalar Dialog, abre el asistente en una página de producto, añade un producto y verifica que tu UI de carrito se actualiza sin recargar la página. Si no, ver Problemas al añadir al carrito — la solución depende de la vía de instalación.

Lo que toda vía necesita

Sección titulada «Lo que toda vía necesita»