Revo ChatRevo Chat
Prueba gratis

Primeros pasos

Añade el widget a tu sitio, adáptalo a tu marca y da la bienvenida a tu primer visitante.

Añadir el widget a tu sitio

Pega una línea de código en tu sitio; la instalación se verifica automáticamente.

Copia el código de Configuración → Instalación en tu panel y pégalo justo antes de la etiqueta </body> en todas las páginas de tu sitio. El script se carga de forma asíncrona, así que no ralentiza tus páginas.

HTML
<script src="https://revochat.app/widget.js"
        data-revo-chat="YOUR_SITE_KEY" async></script>

Después de pegar el código, abre tu sitio una vez: la primera vez que el widget se conecta desde tu dominio, el paso de la pantalla de Configuración inicial se completa solo. No hay que pulsar ningún botón.

Abrir la página de chat que alojamos nosotros (revochat.app/chat/…) no cuenta como instalación: ese paso solo confirma que el widget funciona de verdad en tu propio sitio.
  • WordPress: Apariencia → Editor de archivos del tema → footer.php, o cualquier plugin para “insertar código en cabecera/pie”.
  • Shopify: Tienda online → Temas → Editar código → theme.liquid, antes de </body>.
  • Wix / Squarespace: el campo de “código personalizado” en la configuración de tu sitio, aplicado a todas las páginas.
  • Next.js / React: como <script> en tu layout raíz, con defer/async.

Por privacidad (KVKK/RGPD), el widget no registra nada hasta que el visitante abre la burbuja de chat: no aparece en la lista de visitantes en vivo, no se siguen sus páginas vistas y no se guarda ningún ID persistente en el navegador. La burbuja sigue visible y el chat empieza con normalidad en cuanto el visitante la abre.

Si usas una herramienta de consentimiento de cookies (Cookiebot, CookieYes, Google Consent Mode…), haz la llamada de abajo cuando el visitante dé su consentimiento; para quienes consientan, el seguimiento y los mensajes proactivos funcionan incluso antes de iniciar un chat. Si se retira el consentimiento, consent(false) elimina el ID persistente.

JavaScript
RevoChat.consent(true);   // consentimiento otorgado
RevoChat.consent(false);  // consentimiento retirado

Si identificas a tus miembros con RevoChat.identify, activa la verificación de identidad: crea un secreto en Configuración → Instalación → Verificación de identidad, guárdalo solo en tu servidor y firma allí el correo. Un correo firmado muestra un check verde en el panel, y los webhooks incluyen visitorEmailVerified: true. Un correo sin firmar (incluido el que escribe el propio visitante) se guarda, pero se trata como no verificado.

Node.js
const hash = crypto.createHmac("sha256", IDENTITY_SECRET).update(member.email).digest("hex");
// en la página:
RevoChat.identify({ email: member.email, name: member.name, hash });
En las páginas en las que ya tienes el consentimiento (p. ej., después de que un miembro inicie sesión), puedes añadir data-consent="granted" a la etiqueta del script. Si prefieres seguir a todos sin esperar el consentimiento, tienes la opción “Seguir a los visitantes antes de que inicien un chat” en Configuración → Horario y enrutamiento → Privacidad; en ese caso, el aviso de cookies de tu sitio debe cubrirlo.

Personalizar la apariencia del widget

Color, posición, mensaje de bienvenida, idioma y preguntas frecuentes.

En Configuración → Apariencia puedes adaptar todo el widget a tu marca. Los cambios se publican en cuanto guardas: no hace falta volver a pegar el código.

  • Color de marca: para que la burbuja y los globos de mensaje vayan a juego con tu marca.
  • Posición de la burbuja: abajo a la derecha (predeterminado) o abajo a la izquierda, si ya hay otro elemento en la esquina inferior derecha de tu sitio.
  • Mensaje de bienvenida: la primera línea que ven los visitantes al abrir el chat.
  • Mensaje fuera de línea: se muestra cuando no hay ningún agente disponible y el asistente de IA está desactivado.
  • Idioma del widget: automático, según el idioma del navegador del visitante, o fijo (inglés, turco, español, portugués, alemán, francés, italiano, neerlandés, ruso).
  • Preguntas frecuentes: aparecen como botones en la pantalla de bienvenida; cuando un visitante pulsa una, el chat empieza con esa pregunta.
Para fijar el idioma en una sola página, añade data-lang="es" a la etiqueta del script.

Evitar que otros usen tu widget en su sitio

Limita tu clave de inserción a tus propios sitios con la lista de dominios permitidos.

Tu clave de inserción es visible para cualquiera en el código fuente de la página: es normal y no está pensada para ser secreta. Pero si no quieres que alguien copie la clave y la use en su propio sitio, completa Configuración → Instalación → Dominios permitidos.

  • Mientras la lista esté vacía, no hay ninguna restricción (la función es opcional).
  • Sepáralos con comas: site.com, shop.site.com
  • Se admiten comodines: *.site.com cubre todos los subdominios y también site.com.
  • Se rechazan las conexiones desde direcciones que no están en la lista; el visitante no ve ningún error, simplemente el widget no se muestra.

Una página de chat lista para usar si no tienes sitio web

Ofrece soporte mediante un enlace para compartir, sin pegar ningún código.

Cada sitio tiene su propia página de chat independiente. Pon el enlace en tu perfil de redes sociales, en tu firma de correo o en un código QR; cuando un visitante hace clic, se abre un chat a pantalla completa y la conversación llega a la misma bandeja de entrada.

Enlace
https://revochat.app/chat/YOUR_SITE_KEY

Otros temas