Backend y cuentas
Chat en vivo de Tawk.to
Configuración del chat en vivo dentro de la app
1Crea una cuenta de Tawk.to#
Regístrate en una cuenta gratuita de Tawk.to. Tawk.to ofrece chat en vivo totalmente gratis con chats y agentes ilimitados.
2Crea una propiedad (Property)#
Después de iniciar sesión:
- Haz clic en 'Add Property' (arriba a la derecha o desde el panel)
- Escribe el nombre de tu propiedad/sitio web
- Escribe la URL de tu sitio web
- Haz clic en 'Create Property'
Una propiedad representa tu sitio web o app.
3Obtén el código de inserción del widget#
En tu panel de Tawk.to:
- Ve a Administration (icono de engranaje ⚙️)
- Selecciona tu propiedad
- Haz clic en 'Chat Widget'
- Baja hasta la sección 'Direct Chat Link' o 'Widget Code'
- Haz clic en 'Get Widget Code'
- Copia el fragmento completo de JavaScript que se muestra
Example embed code format:
<script type="text/javascript">
var Tawk_API=Tawk_API||{};
(function(){
var s1=document.createElement("script");
s1.src='https://embed.tawk.to/PROPERTY_ID/WIDGET_ID';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
document.head.appendChild(s1);
})();</script>4Configuración en Web2APK Generator#
En la app del generador (requiere Premium):
- Activa el interruptor 'Live Chat' en el Paso 3
- Pega el fragmento COMPLETO de JavaScript en el campo 'Tawk Widget Code'
- El botón de chat aparecerá en el menú lateral de tu app
- Los usuarios lo tocan para abrir un cuadro de chat en vivo
⚠️ Nota: Live Chat es una función Premium. Las cuentas gratuitas no pueden activarla.
5Prueba el chat en vivo#
Después de instalar tu app generada:
- Abre la app y busca el icono de chat en el menú lateral
- Tócalo para abrir el cuadro de chat
- En el panel de Tawk.to, ve a 'Conversations' para ver los chats entrantes
- Puedes responder desde el panel o desde la app móvil de agente de Tawk.to
💡 Consejo profesional: Instala la app de Tawk.to en tu teléfono para responder a los clientes sobre la marcha.
6Personaliza el widget#
En Tawk.to Administration > Chat Widget:
- Cambia el color del widget para que combine con tu marca
- Fija horarios de conexión/desconexión
- Añade un formulario previo al chat (recoge nombre/correo antes del chat)
- Configura saludos automáticos
- Configura respuestas predefinidas para contestar rápido
✅ Todo gratis: no hace falta suscripción para las funciones básicas