XQuiz

Notificação

O card flutuante que aparece no canto da página, de tempos em tempos — no modelo Compras, com um comprador da sua lista

O elemento Notificação mostra, de tempos em tempos, um card flutuante no canto da página. O Modelo define o que ele anuncia; hoje existe o modelo Compras: o nome do comprador em negrito, a localização logo abaixo e uma mensagem em destaque — "Acabou de comprar 2 unidades". Na paleta ele fica na categoria Vendas e nasce com dois compradores de exemplo. A lista é sua: o elemento não inventa nomes nem cidades — cada linha é o que você digitar. Ele substitui o script que muitos funis usavam para o mesmo efeito.

Compradores

Na aba Conteúdo, a seção Compradores é uma lista com adicionar, duplicar, excluir e reordenar por arrastar. Cada comprador abre uma pasta com três campos de linha única: Nome ("Nome do comprador"), Localização ("Cidade, Estado") e Mensagem ("Acabou de comprar 2 unidades"). Os três aceitam variáveis {{variavel}}, substituídas pelo valor capturado na sessão. Campo vazio simplesmente não aparece no card: um comprador sem mensagem vira um card de duas linhas, e um comprador sem nenhum dos três campos preenchidos é ignorado. Com a lista vazia, o elemento não faz nada no funil publicado e o bloco tracejado do editor fica âmbar.

Modelo, posição e tempos

A seção Geral começa pelo Modelo — hoje só Compras, que também é o padrão — e pela Posição, que escolhe o canto: Inferior esquerdo (padrão) ou Inferior direito. Depois vem o ritmo, em segundos: Intervalo (padrão 25 s) é o tempo entre um card e o seguinte, contado a partir do primeiro; Duração (padrão 4 s) é quanto tempo cada card fica na tela. A borracha de cada campo volta ao padrão. Não há campo para o primeiro card: ele aparece cerca de 1 s depois que o elemento entra na página — para atrasá-lo, use o Delay da aba Configurações. O aviso fixo Elemento flutuante lembra que, no funil publicado, o card aparece por cima do conteúdo e o bloco não ocupa lugar.

Aparência

No editor, o elemento aparece na página como um bloco tracejado com o ícone da sacola — é por ele que você seleciona, arrasta e abre o formulário —, e o card flutua no canto escolhido da moldura do celular, parado, com o primeiro comprador: a mesma posição do funil publicado, inclusive quando a página rola. Na aba Tema, a Cor do ícone pinta o check e o círculo em volta — sem override, o ícone segue a cor do texto do card —, a Cor primária pinta a mensagem — sem override, segue a cor primária da página —, a Cor do texto pinta nome e localização, e a Cor de fundo pinta o card. Não há Container, Largura, Tipografia nem variante: o card tem tamanho fixo.

Configurações

Na aba Configurações você define o Nome do elemento, o Delay — Minutos e Segundos, opcionalmente sincronizados em Selecione o vídeo com um Vídeo, Panda Video, VTurb ou YouTube da mesma página — e a Exibição condicional. É o Delay que decide quando o primeiro card aparece: com delay de 30 s, o primeiro card entra cerca de 1 s depois, e o Intervalo conta a partir dele. Sem delay nem condição, o primeiro card aparece logo que a página abre.

No funil publicado

O bloco não ocupa espaço: o card flutua no canto escolhido, por cima do conteúdo, e não recebe cliques — o visitante continua interagindo com o que está embaixo. Vencidos o delay e a condição (se houver), um comprador é sorteado e o card entra com um fade suave, fica pelo tempo da Duração e some; a cada Intervalo outro comprador é sorteado, nunca o mesmo que acabou de sair (com um único comprador, é sempre ele). Trocar de página encerra o ciclo; a página seguinte só mostra cards se tiver o próprio elemento. A Notificação não gera resposta nem evento: não aparece na tabela de Leads nem nos números de Analytics, e não conta para o uso do plano.

Nesta página