Prueba Gratis

Guías y Mejores Prácticas

Aprende a maximizar el potencial de Minimal con nuestras guías detalladas, casos de uso y mejores prácticas probadas en producción.

🚀
Implementación
🎨
Diseño y UX
📊
Analytics y Datos
🔧
Casos de Uso
⚡
Optimización
🔒
Seguridad

Guía de Inicio Rápido

Implementa Minimal en tu sitio web en menos de 5 minutos con esta guía paso a paso.

Obtén tu API Key

Regístrate en nuestra plataforma y recibe tu clave de API única por email.

💡 Consejo

Guarda tu API key en un lugar seguro. La necesitarás para toda la configuración.

Agrega el Script a tu Sitio

Copia este código y pégalo justo antes del tag </body> en tu HTML:

<script src="https://cdn.minimal.ai/v1/minimal.js" data-api-key="TU_API_KEY"></script>

Personaliza la Configuración

Opcionalmente, personaliza colores y comportamiento:

<script src="https://cdn.minimal.ai/v1/minimal.js" data-api-key="TU_API_KEY" data-primary-color="#2196F3" data-welcome-message="¡Hola! ¿En qué puedo ayudarte?"> </script>

Verifica la Instalación

Refresca tu sitio web y busca el ícono de chat en la esquina inferior derecha. ¡Ya tienes Minimal funcionando!

⚠️ Nota

El chat puede tardar 2-3 minutos en aparecer la primera vez mientras indexamos tu contenido.

Optimización de Contenido

📝
Estructura tu Contenido

Usa headings (H1, H2, H3) de manera jerárquica para que la IA comprenda mejor la estructura de tu información.

  • Un solo H1 por página
  • H2 para secciones principales
  • H3 para subsecciones
  • Párrafos cortos y enfocados
🔍
Meta Descripciones

Agrega meta descripciones claras a todas tus páginas. La IA las utiliza para entender el contexto y propósito de cada página.

<meta name="description" content="Descripción clara y concisa de la página">
📋
FAQs Estructuradas

Crea secciones de preguntas frecuentes bien estructuradas. Usa schema markup cuando sea posible.

<div itemscope itemtype="https://schema.org/FAQPage"> <div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <h3 itemprop="name">¿Cómo funciona Minimal?</h3> <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text">Minimal transforma tu sitio web...</p> </div> </div> </div>

Diseño Conversacional

💬
Mensajes de Bienvenida Efectivos

El primer mensaje es crucial para el engagement:

  • Específico: "¿Buscas información sobre nuestros productos?"
  • Accionable: "¿En qué puedo ayudarte hoy?"
  • Amigable: Usa el tono de tu marca

Ejemplos por Industria:

  • E-commerce: "¿Buscas algo en particular? ¡Te ayudo a encontrarlo!"
  • SaaS: "¿Tienes preguntas sobre nuestro producto?"
  • Servicios: "¿Necesitas información sobre nuestros servicios?"
🎯
Sugerencias Inteligentes

Configura sugerencias que guíen a los usuarios hacia información importante:

  • "Ver precios y planes"
  • "¿Cómo empiezo?"
  • "Hablar con ventas"
  • "Soporte técnico"
🔄
Flujos de Conversación

Diseña flujos que capturen leads de manera natural:

  1. Pregunta inicial del usuario
  2. Respuesta útil con información relevante
  3. Pregunta de seguimiento para calificar
  4. Oferta de contacto directo si corresponde

Métricas Clave (KPIs)

Métricas de Engagement

  • Tasa de Interacción: % visitantes que abren el chat
  • Mensajes por Sesión: Profundidad de las conversaciones
  • Tiempo de Sesión: Duración promedio de las conversaciones
  • Tasa de Retorno: Usuarios que vuelven a usar el chat

Métricas de Efectividad

  • Tasa de Resolución: % de consultas resueltas satisfactoriamente
  • Precisión de Respuestas: Calidad de la información proporcionada
  • Satisfacción del Usuario: Ratings y feedback

Métricas de Negocio

  • Generación de Leads: Contactos capturados a través del chat
  • Conversión: % de conversations que resultan en conversión
  • Valor por Conversación: ROI atribuible al chat
  • Reducción de Soporte: Menor carga en canales tradicionales
📊 Tip para Analytics

Establece objetivos específicos para cada métrica y revísalos mensualmente. Una tasa de interacción del 15-25% es excelente para la mayoría de sitios web.

Configuración Avanzada

Configuración Programática

Para mayor control sobre el comportamiento del chat:

window.MinimalConfig = { // Configuración básica apiKey: 'TU_API_KEY', // Configuración de UI ui: { position: 'bottom-right', theme: 'auto', // 'light' | 'dark' | 'auto' primaryColor: '#2196F3', accentColor: '#3F51B5', borderRadius: '12px', fontSize: '14px', fontFamily: 'inherit' }, // Comportamiento behavior: { autoOpen: false, autoOpenDelay: 5000, enableTyping: true, enableSuggestions: true, enableFileUpload: false, maxMessageLength: 1000, enableEmojis: true }, // Contenido content: { language: 'es', welcomeMessage: 'Mensaje personalizado', placeholder: 'Escribe aquí...', offlineMessage: 'Temporalmente no disponible', errorMessage: 'Error, inténtalo de nuevo' }, // Analytics y integración analytics: { enableGoogleAnalytics: true, enableFacebookPixel: true, customEvents: true }, // Configuración avanzada advanced: { enableA11y: true, enableSSL: true, cacheContent: true, prefetchResponse: true, enableDebug: false } };

Eventos y Callbacks

Escucha eventos para integrar con tu sistema:

// Event listeners window.addEventListener('minimal:ready', () => { console.log('Minimal chat ready'); }); window.addEventListener('minimal:opened', () => { // Track engagement gtag('event', 'chat_opened'); }); window.addEventListener('minimal:message:sent', (event) => { // Track user messages console.log('Message:', event.detail.message); }); window.addEventListener('minimal:lead:captured', (event) => { // Send to CRM sendToCRM(event.detail.leadData); }); // Programmatic control function openChat() { MinimalChat.open(); } function sendMessage(msg) { MinimalChat.sendMessage(msg); }

¿Necesitas Ayuda Personalizada?

Nuestro equipo puede ayudarte a implementar estas mejores prácticas específicamente para tu sitio web y industria.


Solicitar Consultoría