Pular para o conteúdo principal

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​

TipoAparência
buttonBotão retangular fixo na lateral (estilo "Feedback" do Hotjar)
bubbleÍcone circular flutuante no canto
triangleAba 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-left
  • bottom-right, bottom-left
  • top-right, top-left
nota

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çãoO que faz
RótuloTexto do botão (ex.: "Avaliar", "Feedback")
CoresCor de fundo e do texto
Tamanho da fontesmall / medium / large
Animação de atençãoUm "pulso" após alguns segundos de inatividade, para recapturar a atenção
Aparecer após scrollO botão só surge depois que a pessoa rola X% da página
Intenção de saídaEm desktop, o botão surge quando o cursor sai da página (exit intent)

Properties e tags (opcional)​

Novidade da v7

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).

Precisa abrir por um botão do seu site?

Se você quer disparar a pesquisa a partir de um elemento seu (e não do botão do plugin), use o tipo action.