Añade soporte a tu web
en una línea de código

El widget de Klara Automation permite que los visitantes de tu web envíen tickets de soporte directamente a tu panel. Sin servidores propios, sin configuración compleja.

¿Cómo funciona?

El visitante envía un ticket

Rellena nombre, email, asunto y descripción desde tu web.

Llega a tu dashboard

El ticket aparece en tiempo real en Klara Automation con estado "Abierto".

Conversación por email

Tu equipo responde y el cliente recibe un hilo permanente por email.

Instalación paso a paso

1

Obtén tu token de integración

Accede a tu panel de Klara → sección Tickets & Proyectos. Verás el snippet con tu token único ya incluido.

El token identifica tu empresa. No lo compartas públicamente en repositorios abiertos.
2

Modo flotante — botón en la esquina inferior derecha

Pega este script antes del cierre de </body>. Aparecerá un botón morado flotante que abre un formulario al hacer clic.

<script
  src="https://klara-automation.com/widget.js"
  data-klara-token="TU_TOKEN_AQUI"
  data-klara-mode="float">
</script>
3

Modo embed — formulario dentro de tu página

Inserta el formulario en cualquier elemento de tu web usando el atributo data-klara-target con un selector CSS.

<!-- En tu HTML, donde quieres el formulario -->
<div id="soporte-klara"></div>

<!-- Antes del cierre de </body> -->
<script
  src="https://klara-automation.com/widget.js"
  data-klara-token="TU_TOKEN_AQUI"
  data-klara-mode="embed"
  data-klara-target="#soporte-klara">
</script>

Si omites data-klara-target, el formulario se inserta automáticamente justo antes del script.

Atributos disponibles

AtributoValoresDescripción
data-klara-tokenstring (requerido)Tu token único de empresa.
data-klara-modefloat · embedfloat = botón flotante, embed = formulario fijo.
data-klara-targetselector CSSSolo en modo embed. Ej: "#mi-div", ".soporte".

Flujo de comunicación

Sistema → Cliente

Email de confirmación con enlace permanente al ticket.

Agente → Cliente

Cada respuesta desde el dashboard llega al email del cliente.

Cliente → Agente

El cliente puede responder desde su email o desde la página del ticket.

Ejemplo completo

Página HTML mínima con el widget flotante activo:

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <title>Mi Web</title>
</head>
<body>
  <h1>Bienvenido</h1>
  <p>Si tienes alguna duda, haz clic en el botón de soporte.</p>

  <script
    src="https://klara-automation.com/widget.js"
    data-klara-token="TU_TOKEN_AQUI"
    data-klara-mode="float">
  </script>
</body>
</html>

¿Aún no tienes acceso?

El widget de soporte está disponible para empresas del plan Empresa Tech. Solicita acceso y lo tenemos listo en el mismo día.

Solicitar acceso a Klara Automation