Widget
Um widget é um minimódulo integrável num site que entrega uma função autónoma — um botão de live chat, uma subscrição de newsletter, um banner de avaliações. Carrega através de um único fragmento de código e funciona independentemente do resto do site.
O que é um widget?
Um widget é um bloco funcional autónomo que se integra no seu site através de um pequeno fragmento de código (habitualmente 1 a 3 linhas de JavaScript). O widget gere a sua própria renderização, lógica e transporte de dados — não tem de construir os seus próprios componentes.
O termo vem do desenvolvimento de software (pequenos blocos de interface) e hoje refere-se sobretudo a funções externas integráveis na web: live chat, banners de cookies, formulários de newsletter, carrosséis de avaliações, calendários de reserva.
Tipos de widgets comuns na SendSeven
| Widget | Função | Onde utilizar |
|---|---|---|
| Widget de live chat | Bolha de chat no canto inferior direito; mensagens recebidas chegam à caixa de entrada unificada | Apoio ao cliente, assistência de vendas |
| Widget de newsletter | Formulário de subscrição para listas WhatsApp/e-mail com duplo opt-in | Páginas de marketing, blogue |
| Widget click-to-chat | Salto direto para WhatsApp/Telegram/Messenger | Páginas de produto, páginas de contacto |
Comportamento específico para dispositivos móveis
Em dispositivos móveis, um widget bem construído comporta-se de forma diferente do desktop. O widget de live chat da SendSeven possui duas opções específicas para móvel:
- Ecrã completo em móvel (ativo por defeito) — tocar na bolha abre o chat como um painel em ecrã completo, não como uma pequena sobreposição. Utiliza
100dvhpara que o teclado do iOS não corte o campo de introdução. - Abrir em novo separador (desativado por defeito) — adiciona um ícone que permite aos visitantes abrir o chat num separador dedicado. Ambos os separadores permanecem sincronizados, o visitante pode continuar a navegar no site principal sem perder a conversa.
Como funciona tecnicamente um widget
- Insira o fragmento: Uma linha de JavaScript no rodapé do seu site. Carrega de forma assíncrona, não bloqueia a renderização.
- Carregar configuração: O widget obtém as suas definições (cores, posição, traduções) da sua conta SendSeven no primeiro carregamento.
- Renderizar interface: Dentro de um contentor isolado (frequentemente um Shadow DOM), evitando conflitos de CSS com o seu site.
- Gerir interação: Clique na bolha → chat abre → mensagens trocadas através da REST API.
- Persistência: Uma sessão cookie/localStorage mantém a conversa do visitante ativa entre recargas de página.
Widget vs iframe
Um iframe é uma página web embebida — sandbox completa, difícil de integrar de forma responsiva. Um widget é parte nativa da sua página, mais fluido, integra-se melhor a nível de estilo e tem melhor desempenho.
Privacidade e widgets
- Consentimento: O widget só pode carregar depois de o visitante consentir ao marketing — caso contrário trata-se de uma violação de privacidade.
- Utilizável sem cookies: Widgets puramente funcionais (live chat) podem operar sem cookies de rastreio — apenas armazenamento de sessão para conversas ativas.
- Alojamento UE: Certifique-se de que o CDN e o backend do widget estão na UE. Os widgets SendSeven são servidos a partir de Frankfurt.
Personalização
Os widgets SendSeven podem ser personalizados no editor de widgets: cores (Onyx + Photon Lime de origem), posição, mensagem de boas-vindas, avatar, horário comercial, idioma (todos os 11 locais). O fragmento renderizado obtém esta configuração em tempo real do backend — as alterações ficam ativas sem necessidade de novo deploy.