Widgets do Site

Esta pagina documenta os widgets publicos disponiveis hoje no frontend da Sendeasy.

Status atual

Ativos em producao:

Chat Widget
Live Chat
WhatsApp Flutuante

Em planejamento (nao ativos no 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 lead e inicia conversa com fluxo guiado
Live Chat	`window.liveChatConfig`	`https://widget.sendeasy.pro/widget-live-chat.js`	Chat bidirecional em tempo real com abertura de ticket
WhatsApp Flutuante	`window.sendeasyWhatsApp`	`https://widget.sendeasy.pro/whatsapp-floating.js`	Botao flutuante para abrir WhatsApp com mensagem inicial

Use quando voce precisa capturar dados do visitante e direcionar para sua operacao (tokens de envio e contato).

Campos principais:

sendToken: token do canal de envio
contactToken: token do projeto de contatos
defaultCountry: pais padrao (BR, US, etc.)
sector: setor/fila de destino (opcional)
captureEmail, hidePoweredBy, autoOpen
languages: textos por pais/idioma

Exemplo:

<script>
  window.sendeasyConfig = {
    sendToken: "SEU_SEND_TOKEN",
    contactToken: "SEU_CONTACT_TOKEN",
    defaultCountry: "BR",
    captureEmail: true,
    hidePoweredBy: false,
    autoOpen: false,
    chatButtonColor: "#000000",
    chatButtonTextColor: "#FFFFFF",
    sendButtonColor: "#58BE55",
    sector: "ID_DA_FILA",
    languages: {
      BR: {
        questions: [
          "Ola, como podemos ajudar hoje?",
          "Qual e o seu nome?",
          "Qual e o seu email?",
          "E por ultimo, qual e seu numero de WhatsApp?",
        ],
        finish: "Obrigado! Entraremos em contato em breve.",
        thanksMessage: "{name}, recebemos sua mensagem e responderemos em breve.",
        chatButton: "Chat",
        chatPlaceholder: "Digite sua mensagem...",
        closeChatButton: "Fechar Chat",
      },
    },
  };
</script>
<script src="https://widget.sendeasy.pro/sendeasy-widget-chat-dev.js" defer></script>

2) Live Chat

Use para chat online em tempo real no site, com configuracao visual, fila e textos por idioma (pt, en, es).

Campos principais:

token: token do site/widget gerado no painel
backendUrl: URL publica do backend
primaryColor, secondaryColor, textColor
position: left ou right
title, subtitle (opcional)
queueId (opcional)
languages (opcional, sobrescritas por idioma)

Exemplo:

<script>
  window.liveChatConfig = {
    token: "SEU_SITE_TOKEN",
    backendUrl: "https://api.sendeasy.app",
    primaryColor: "#4F46E5",
    secondaryColor: "#ffffff",
    textColor: "#ffffff",
    position: "right",
    title: "Suporte",
    subtitle: "Respondemos em minutos",
    queueId: 10,
    languages: {
      pt: {
        title: "Suporte",
        subtitle: "Respondemos em minutos",
        namePlaceholder: "Seu nome *",
        emailPlaceholder: "Seu e-mail (opcional)",
        startButton: "Iniciar conversa",
        messagePlaceholder: "Digite sua mensagem...",
        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",
      },
      es: {
        title: "Soporte",
        subtitle: "Respondemos en minutos",
        namePlaceholder: "Tu nombre *",
        emailPlaceholder: "Tu correo (opcional)",
        startButton: "Iniciar chat",
        messagePlaceholder: "Escribe tu mensaje...",
        sendButton: "Enviar",
      },
    },
  };
</script>
<script src="https://widget.sendeasy.pro/widget-live-chat.js" defer></script>

3) WhatsApp Flutuante

Use para abrir rapidamente uma conversa no WhatsApp com CTA fixo no canto da tela.

Campos principais:

phoneNumber: numero em formato internacional (ex.: 5511999999999)
message: mensagem inicial
position: left ou right
delay: atraso em segundos para exibir
showBadge, badgeText
backgroundColor, textColor

Exemplo:

<script>
  window.sendeasyWhatsApp = {
    phoneNumber: "5511999999999",
    message: "Ola! Gostaria de mais informacoes.",
    position: "right",
    delay: 5,
    showBadge: true,
    badgeText: "Precisa de ajuda?",
    backgroundColor: "#25D366",
    textColor: "#ffffff",
  };
</script>
<script src="https://widget.sendeasy.pro/whatsapp-floating.js" defer></script>

Boas praticas para producao

Configure dominios permitidos para reduzir uso indevido de token.
Nao publique tokens em repositorios publicos.
Versione seu snippet e valide em ambiente de homologacao antes de publicar.
Revise periodicamente fila/setor, textos e idioma padrao.

Widgets do Site

Status atual

Matriz rapida

1) Chat Widget

2) Live Chat

3) WhatsApp Flutuante

Boas praticas para producao