Visita minimal.lat y crea una cuenta gratuita. Una vez que hayas iniciado sesión, haz clic en "Agregar Nuevo Sitio" e ingresa la URL de tu sitio web. Recibirás instantáneamente un ID de Sitio único.

Paso 2: Instala el Script

Copia el script de instalación de tu panel de control y pégalo antes de la etiqueta de cierre </body> en tu sitio web:

<script src="https://minimal.lat/embed.js" data-site-id="your-site-id"></script>

Paso 3: Personaliza y Lanza

¡El widget aparece automáticamente! Personaliza su apariencia, mensaje de bienvenida y comportamiento desde tu panel de control. Todos los cambios se aplican instantáneamente sin tocar tu código.

Opciones de Personalización

Personaliza Minimal para que coincida perfectamente con tu marca:

Configuración Básica

Configura Minimal directamente en la etiqueta del script usando atributos de datos:

<script
  src="https://minimal.lat/embed.js"
  data-site-id="your-site-id"
  data-position="bottom-right"
  data-theme="auto"
  data-primary-color="#10b981"
></script>

Configuración Avanzada de JavaScript

Para más control, usa la API de JavaScript:

window.MinimalConfig = {
  siteId: 'your-site-id',
  position: 'bottom-right',
  theme: 'auto',
  greeting: '¡Hola! ¿Cómo podemos ayudarte hoy?',
  placeholder: 'Escribe tu mensaje...',

  // Personalización visual
  customColors: {
    primary: '#10b981',
    background: '#ffffff',
    text: '#1f2937'
  },

  // Opciones de comportamiento
  autoOpen: false,
  autoOpenDelay: 5000,
  hideOnPages: ['/checkout'],
  collectEmail: true
};

Escribir Conversaciones Efectivas

Crea mensajes que involucren a los usuarios e impulsen conversiones:

Mejores Prácticas

✓ Mantén los saludos cálidos y conversacionales, no corporativos
✓ Haz preguntas abiertas para entender las necesidades del usuario
✓ Proporciona respuestas rápidas para preguntas comunes
✓ Usa la voz y personalidad de tu marca
✓ Establece expectativas sobre los tiempos de respuesta

Qué Evitar

✗ Saludos genéricos como "Hola" o "Bienvenido"
✗ Lenguaje demasiado formal o robótico
✗ Solicitar información que ya tienes
✗ Demasiados mensajes a la vez (abrumar a los usuarios)
✗ Llamados a la acción poco claros

Diseño de Conversación

Diseña flujos de conversación que se sientan naturales y guíen a los usuarios hacia sus objetivos.

Flujo Natural

Mantén las conversaciones sintiéndose humanas y útiles. Usa mensajes cortos, haz una pregunta a la vez y reconoce las respuestas del usuario antes de avanzar.

Respuestas Rápidas

Ofrece respuestas sugeridas para preguntas comunes. Esto acelera las interacciones y ayuda a los usuarios que no están seguros de qué preguntar.

Enrutamiento Inteligente

Guía a los usuarios hacia la información correcta basándote en sus preguntas. Usa el contexto de mensajes anteriores para proporcionar seguimientos relevantes.

CTAs Claros

Cada conversación debe tener un propósito. Facilita a los usuarios dar el siguiente paso con sugerencias claras y accionables.

Seguimiento de Métricas Clave

Monitorea estos KPIs esenciales para medir el éxito:

Tasa de Interacción

Porcentaje de visitantes que interactúan con el widget

15-25%

Referencia de la industria

Calidad de Conversación

Promedio de mensajes por conversación

4-6

Rango óptimo

Captura de Leads

Porcentaje de conversaciones que recopilan información de contacto

30-40%

Buen rendimiento

Satisfacción del Usuario

Puntuaciones de calificación post-conversación

4.5+

De 5 estrellas

Integración Avanzada

Desbloquea características poderosas con la API de JavaScript:

Métodos de Control del Widget

Controla el widget programáticamente:

// Abrir el widget
Minimal.open();

// Cerrar el widget
Minimal.close();

// Alternar el estado del widget
Minimal.toggle();

// Verificar si el widget está abierto
const isOpen = Minimal.isOpen(); // devuelve boolean

Seguimiento de Eventos

Rastrea eventos personalizados y establece el contexto del usuario:

// Rastrear eventos personalizados
Minimal.trackEvent('event_name', {
  customData: 'value',
  userId: '12345'
});

// Establecer contexto de usuario
Minimal.setContext({
  userId: 'user_123',
  email: 'user@example.com',
  plan: 'premium'
});

// Identificar usuario
Minimal.identify({
  userId: 'user_123',
  name: 'John Doe',
  email: 'john@example.com'
});

Escuchadores de Eventos

Escucha eventos del widget en tu aplicación:

// Escuchar apertura del widget
window.addEventListener('minimal:open', () => {
  console.log('Widget abierto');
  gtag('event', 'chat_opened');
});

// Escuchar cierre del widget
window.addEventListener('minimal:close', () => {
  console.log('Widget cerrado');
});

// Escuchar mensajes
window.addEventListener('minimal:message', (event) => {
  console.log('Mensaje enviado:', event.detail);
});

// Widget listo
window.addEventListener('minimal:ready', () => {
  console.log('Widget inicializado');
});

¿Necesitas Más Ayuda?

Nuestra documentación cubre todo, desde la configuración básica hasta integraciones avanzadas.

Visitar Centro de Ayuda Contactar Soporte