Chatbot de soporte — Academia Alex Pinilla (demo)

Pruébalo

Abajo a la derecha verás la burbuja de ayuda magenta. Púlsala para abrir el asistente, elige uno de los 6 flujos (o «Otra cosa · Hablar con una persona») y sigue los pasos numerados.

Busca la burbuja → abajo a la derecha

Candado de sesión: esta demo lleva class="logged-in" en el <body> para que se vea. En la web real, el botón solo aparece para clientes con la sesión iniciada; los visitantes anónimos no ven nada.

Qué hace

Solo se monta para clientes logueados (clase logged-in del <body>).
Va dentro de un Shadow DOM: el CSS del tema de WordPress no lo deforma.
Botón flotante fijo en la esquina inferior derecha.
Pantalla inicial con saludo + 6 botones grandes y un botón extra para hablar con una persona.
Pasos numerados en lenguaje llano, con Volver y salida a soporte en cada flujo (sin caminos sin salida).
Recuerda el último flujo abierto entre recargas (localStorage con try/catch).
Fuentes del sistema, 0 llamadas de red (sin Google Fonts).

Para pegarlo en WordPress

Sube embed.js (por Cloudflare o al hosting) y enlázalo en el footer:

<script src="/ruta/embed.js" defer></script>

El widget solo se pinta si el cliente está logueado. Los pasos completos (con las 2 vías, sin Code Snippets ni plugins) están en INTEGRACION.md. Este mismo widget es el que corre en esta demo.

Chatbot de soporte de la academia

Pruébalo

Qué hace

Para pegarlo en WordPress