Widgets del Sitio

Esta pagina documenta los widgets publicos disponibles hoy en el frontend de Sendeasy.

Estado actual

Activos en produccion:

Chat Widget
Live Chat
WhatsApp Flotante

En planificacion (aun no activos en frontend):

Formulario
Pop-up

Matriz rapida

Widget	Objeto global	Script	Uso principal
Chat Widget	`window.sendeasyConfig`	`https://widget.sendeasy.pro/sendeasy-widget-chat-dev.js`	Captura de leads e inicio guiado de conversacion
Live Chat	`window.liveChatConfig`	`https://widget.sendeasy.pro/widget-live-chat.js`	Chat bidireccional en tiempo real con creacion de ticket
WhatsApp Flotante	`window.sendeasyWhatsApp`	`https://widget.sendeasy.pro/whatsapp-floating.js`	Boton flotante de WhatsApp con mensaje inicial

Usalo cuando necesites capturar datos del visitante y enrutar la conversacion hacia tu operacion.

Campos principales:

sendToken: token del canal de envio
contactToken: token del proyecto de contactos
defaultCountry: pais por defecto (BR, US, etc.)
sector: cola/sector de destino (opcional)
captureEmail, hidePoweredBy, autoOpen
languages: textos por pais/idioma

Ejemplo:

<script>
  window.sendeasyConfig = {
    sendToken: "TU_SEND_TOKEN",
    contactToken: "TU_CONTACT_TOKEN",
    defaultCountry: "ES",
    captureEmail: true,
    hidePoweredBy: false,
    autoOpen: false,
    chatButtonColor: "#000000",
    chatButtonTextColor: "#FFFFFF",
    sendButtonColor: "#58BE55",
    sector: "ID_COLA",
    languages: {
      ES: {
        questions: [
          "Hola, como podemos ayudarte hoy?",
          "Cual es tu nombre?",
          "Cual es tu correo?",
          "Por ultimo, cual es tu numero de WhatsApp?",
        ],
        finish: "Gracias! Te contactaremos pronto.",
        thanksMessage: "{name}, recibimos tu mensaje y responderemos pronto.",
        chatButton: "Chat",
        chatPlaceholder: "Escribe tu mensaje...",
        closeChatButton: "Cerrar Chat",
      },
    },
  };
</script>
<script src="https://widget.sendeasy.pro/sendeasy-widget-chat-dev.js" defer></script>

2) Live Chat

Usalo para chat web en tiempo real con personalizacion visual, enrutamiento por cola y traducciones por idioma (pt, en, es).

Campos principales:

token: token del sitio/widget generado en el panel
backendUrl: URL publica del backend
primaryColor, secondaryColor, textColor
position: left o right
title, subtitle (opcional)
queueId (opcional)
languages (opcional, sobrescrituras por idioma)

Ejemplo:

<script>
  window.liveChatConfig = {
    token: "TU_SITE_TOKEN",
    backendUrl: "https://api.sendeasy.app",
    primaryColor: "#4F46E5",
    secondaryColor: "#ffffff",
    textColor: "#ffffff",
    position: "right",
    title: "Soporte",
    subtitle: "Respondemos en minutos",
    queueId: 10,
    languages: {
      es: {
        title: "Soporte",
        subtitle: "Respondemos en minutos",
        namePlaceholder: "Tu nombre *",
        emailPlaceholder: "Tu correo (opcional)",
        startButton: "Iniciar chat",
        messagePlaceholder: "Escribe tu mensaje...",
        sendButton: "Enviar",
      },
      en: {
        title: "Support",
        subtitle: "We reply in minutes",
        namePlaceholder: "Your name *",
        emailPlaceholder: "Your email (optional)",
        startButton: "Start chat",
        messagePlaceholder: "Type your message...",
        sendButton: "Send",
      },
      pt: {
        title: "Suporte",
        subtitle: "Respondemos em minutos",
        namePlaceholder: "Seu nome *",
        emailPlaceholder: "Seu e-mail (opcional)",
        startButton: "Iniciar conversa",
        messagePlaceholder: "Digite sua mensagem...",
        sendButton: "Enviar",
      },
    },
  };
</script>
<script src="https://widget.sendeasy.pro/widget-live-chat.js" defer></script>

3) WhatsApp Flotante

Usalo para mostrar un CTA fijo que abre WhatsApp con un mensaje predefinido.

Campos principales:

phoneNumber: formato internacional (ejemplo: 5511999999999)
message: mensaje inicial
position: left o right
delay: atraso en segundos para mostrar
showBadge, badgeText
backgroundColor, textColor

Ejemplo:

<script>
  window.sendeasyWhatsApp = {
    phoneNumber: "5511999999999",
    message: "Hola! Me gustaria mas informacion.",
    position: "right",
    delay: 5,
    showBadge: true,
    badgeText: "Necesitas ayuda?",
    backgroundColor: "#25D366",
    textColor: "#ffffff",
  };
</script>
<script src="https://widget.sendeasy.pro/whatsapp-floating.js" defer></script>

Buenas practicas para produccion

Restringe origenes permitidos cuando aplique.
No publiques tokens en repositorios publicos.
Valida snippets en staging antes de publicar en produccion.
Revisa periodicamente cola/sector, textos e idioma por defecto.

Widgets del Sitio

Estado actual

Matriz rapida

1) Chat Widget

2) Live Chat

3) WhatsApp Flotante

Buenas practicas para produccion