Widgets flutuantes (button, bubble, triangle)
Os widgets flutuantes são desenhados pelo próprio plugin: um elemento fixo na tela que a pessoa clica para abrir a pesquisa. São configurados na plataforma — o integrador não precisa escrever nada no site além do snippet de instalação.
Os três tipos
| Tipo | Aparência |
|---|---|
button | Botão retangular fixo na lateral (estilo "Feedback" do Hotjar) |
bubble | Ícone circular flutuante no canto |
triangle | Aba em formato de triângulo fixada num canto |
Posições
O botão pode ser ancorado em diferentes cantos/laterais (configurado na plataforma):
middle-right,middle-leftbottom-right,bottom-lefttop-right,top-left
O triangle só faz sentido nos cantos (bottom-* / top-*). Em posições
middle-*, ele recai para bottom-right.
Opções de aparência e comportamento
Configuradas por widget na plataforma:
| Opção | O que faz |
|---|---|
| Rótulo | Texto do botão (ex.: "Avaliar", "Feedback") |
| Cores | Cor de fundo e do texto |
| Tamanho da fonte | small / medium / large |
| Animação de atenção | Um "pulso" após alguns segundos de inatividade, para recapturar a atenção |
| Aparecer após scroll | O botão só surge depois que a pessoa rola X% da página |
| Intenção de saída | Em desktop, o botão surge quando o cursor sai da página (exit intent) |
Properties e tags (opcional)
Enviar properties/tags na resposta (com placeholders) foi introduzido na v7.
Assim como os widgets de ação, um widget flutuante também pode
enviar properties (campos customizados) e tags junto da resposta —
configuradas na plataforma, por widget. Os valores aceitam os mesmos
placeholders dinâmicos ({current_url},
variáveis globais, campos do contato), resolvidos quando a pessoa abre a
pesquisa.
Ex.: uma property origem: {current_url} registra de qual página o widget foi
aberto — sem escrever código no seu site.
Quando aparecem
O botão flutuante respeita o direcionamento (targeting) configurado:
- Dispositivo — desktop / tablet / mobile
- Regras de URL — em quais telas aparece
No Modo Debug, a tabela de Widgets e a coluna exibe?
mostram se o botão apareceria na tela atual — e, se não, o motivo (device /
URL / inativo).
Se você quer disparar a pesquisa a partir de um elemento seu (e não do botão do plugin), use o tipo action.