📞 Phone Widget

Servidor de distribución

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 widget
  • index.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 Access-Control-Allow-Origin
❓ ¿Widget no aparece?
Abre la consola del navegador (F12 → Console) y busca mensajes [PhoneWidget] para diagnosticar el problema.