⚡ Instalación rápida
Agrega esta línea de código al final del <body> de tu página HTML:
<script src="https://tudominio.com/widget-loader.js"></script>
✨ El widget se inyectará automáticamente en tu página
✨ Características
🎯 Script único
Una línea de código para todo
⚙️ Auto-inyección
Se agrega al body automáticamente
🔒 Aislado
No interfiere con otros scripts
📱 Responsive
Funciona en cualquier dispositivo
📦 Archivos disponibles
widget-loader.js- Script de inyección (2 KB)widget.js- Bundle Angular compilado (487 KB)styles.css- Estilos del widgetindex.html- Esta página
💡 Consejo: El script detecta automáticamente la URL base desde donde se carga
widget-loader.js, así que no necesitas configurar rutas.
🔗 Ejemplo de uso
Crea un archivo HTML con este contenido:
<!DOCTYPE html>
<html>
<head>
<title>Mi Página</title>
</head>
<body>
<h1>Bienvenido</h1>
<p>Contenido de tu página...</p>
<!-- Widget Phone -->
<script src="https://tudominio.com/widget-loader.js"></script>
</body>
</html>
✅ Listo para usar: El widget estará disponible en la esquina inferior derecha
de tu página, completamente funcional e independiente.
🔧 Solución de problemas
❓ ¿CORS errors?
Si el widget está en un dominio diferente, asegúrate de que tu servidor configure los headers
Si el widget está en un dominio diferente, asegúrate de que tu servidor configure los headers
Access-Control-Allow-Origin
❓ ¿Widget no aparece?
Abre la consola del navegador (F12 → Console) y busca mensajes
Abre la consola del navegador (F12 → Console) y busca mensajes
[PhoneWidget]
para diagnosticar el problema.