Integración de Plataforma
Integra Minimal con tu plataforma en minutos. Compatible con todas las principales tecnologías web.
Plataformas Soportadas
React
Integración perfecta con aplicaciones React usando nuestra biblioteca de componentes oficial.
Angular
Módulo nativo Angular con soporte TypeScript e inyección de dependencias.
Vue.js
Plugin Vue 3 con soporte composition API y gestión de estado reactivo.
Next.js
Optimizado para Next.js con soporte SSR y división automática de código.
WordPress
Plugin simple de WordPress - instala y configura en tu panel de administración.
Shopify
Integración de aplicación Shopify para tiendas de comercio electrónico con seguimiento de carrito.
Instalación Universal
Funciona con cualquier sitio web independientemente del stack tecnológico:
Sitios Web HTML
Añade antes de la etiqueta de cierre </body>:
<script src="https://minimal.lat/embed.js" data-site-id="your-site-id"></script>Aplicaciones React
Instala vía npm y usa como componente:
npm install @minimal/react
import { MinimalChat } from '@minimal/react';
function App() {
return (
<div>
<MinimalChat siteId="your-site-id" />
</div>
);
}Aplicaciones Angular
Instala vía npm e importa en tu módulo:
npm install @minimal/angular
import { MinimalModule } from '@minimal/angular';
@NgModule({
imports: [
MinimalModule.forRoot({ siteId: 'your-site-id' })
]
})
export class AppModule { }Aplicaciones Vue.js
Instala vía npm y usa como plugin:
npm install @minimal/vue
import { createApp } from 'vue';
import MinimalPlugin from '@minimal/vue';
const app = createApp(App);
app.use(MinimalPlugin, { siteId: 'your-site-id' });Aplicaciones Next.js
Instala vía npm y añade a tu layout o componente app:
npm install @minimal/react
// app/layout.tsx (App Router)
import { MinimalChat } from '@minimal/react';
export default function RootLayout({ children }) {
return (
<html>
<body>
{children}
<MinimalChat siteId="your-site-id" />
</body>
</html>
);
}WordPress
Instala el plugin y configura en Ajustes → Minimal:
- ✓ Descarga el plugin Minimal desde el repositorio de WordPress
- ✓ Sube y activa en Plugins → Añadir Nuevo
- ✓ Navega a Ajustes → Minimal
- ✓ Ingresa tu ID de Sitio y personaliza la apariencia
- ✓ Guarda los cambios - el widget aparece automáticamente
Tiendas Shopify
Instala desde la Tienda de Aplicaciones de Shopify:
- ✓ Visita la Tienda de Aplicaciones de Shopify y busca Minimal
- ✓ Haz clic en Instalar Aplicación y autoriza los permisos
- ✓ Ingresa tu ID de Sitio en la configuración de la aplicación
- ✓ Personaliza la apariencia del widget
- ✓ El widget aparece automáticamente en todas las páginas
Configuración Avanzada
Disparadores Personalizados
Abre el widget basado en acciones del usuario:
// Open after time delay
setTimeout(() => {
Minimal.open();
}, 30000); // 30 seconds
// Open on exit intent
document.addEventListener('mouseout', (e) => {
if (e.clientY < 0) {
Minimal.open();
}
});
// Open on scroll depth
window.addEventListener('scroll', () => {
const scrolled = (window.scrollY / document.body.scrollHeight) * 100;
if (scrolled > 50 && !Minimal.isOpen()) {
Minimal.open();
}
});Seguimiento de Comercio Electrónico
Envía datos de carrito y producto a la IA:
// Track product views
Minimal.trackEvent('product_view', {
productId: '12345',
productName: 'Premium Widget',
price: 99.99
});
// Track cart updates
Minimal.trackEvent('add_to_cart', {
items: cartItems,
total: cartTotal
});
// Pre-fill checkout questions
Minimal.setContext({
cartValue: 299.99,
items: ['Widget A', 'Widget B']
});Identificación de Usuario
Identifica usuarios recurrentes:
// Set user information
Minimal.identify({
userId: 'user_123',
email: 'john@example.com',
name: 'John Doe',
plan: 'premium',
customAttributes: {
signupDate: '2024-01-15',
lastPurchase: '2024-03-20'
}
});¿Necesitas Ayuda con la Integración?
Nuestro equipo puede ayudar con integraciones personalizadas y configuración técnica.