Widget de prova social

O widget de prova social simula pedidos ou compras do seu produto no site, exibindo-os como notificações pop-up.

Como o widget funciona

O widget opera com um princípio psicológico simples: quando os visitantes veem outras pessoas fazendo compras, eles também ficam mais inclinados a comprar.

Principais benefícios

Integrar este widget ao seu site traz várias vantagens estratégicas:

  • Estimule compras por impulso: atraia instantaneamente novos clientes ao aproveitar a prova social e a tomada de decisão impulsiva. As pessoas são naturalmente atraídas por itens populares e querem imitar as escolhas dos outros.

  • Construa confiança e fidelidade: exiba um alto volume de pedidos em tempo real para aumentar a credibilidade. É mais provável que os clientes confiem e permaneçam fiéis a empresas que demonstram uma base de usuários ativa e satisfeita.

  • Engaje com atualizações segmentadas: mantenha os clientes informados sobre eventos importantes e promoções especiais. Você pode personalizar totalmente com que frequência o widget aparece e quem o vê, com base em critérios específicos de público.

Como criar e configurar o widget

Para criar um widget, vá até a aba correspondente "Widgets".

Em seguida, clique no botão "Criar um widget".

Um menu suspenso aparecerá exibindo os widgets disponíveis para integração ao site; selecione o que você precisa na lista:

Em seguida, você será direcionado para a página de configurações do widget:

Informações gerais

Nome do widget

Especifique o nome do seu widget no campo de configuração "Nome do widget":

circle-info

O nome do widget é um campo obrigatório e será exibido apenas na seção "Widgets"; ele não ficará visível para seus clientes.

Domínio

Este é o segundo campo obrigatório, no qual você precisa informar o domínio do seu site:

Pode ser um site criado no MaviBot, desenvolvido usando a plataforma Tilda ou seu próprio site personalizado.

Configurações gerais de conteúdo

As configurações gerais de conteúdo determinam o que será exibido nas notificações pop-up do widget no site.

circle-info

Preste atenção aos placeholders como [name], [city] e outros — você os usará ao criar mensagens dentro do widget, na aba "Opções do widget".

Placeholder de nome

Os campos de placeholder de nome permitem exibir nomes especificamente masculinos ou femininos no site:

Para alternar os nomes para masculino ou feminino, use o campo correspondente:

Você também pode selecionar nomes com base na localização geográfica:

Então a seleção dos nomes será ajustada.

Placeholder de cidade

Você também pode escolher nomes com base na localização geográfica:

Placeholder de valor

Você pode inserir um valor no bloco de texto do widget, que pode ser um valor fixo ou um número gerado aleatoriamente dentro de um intervalo especificado:

Para inserir um valor exato, use o campo vazio à direita:

Se você selecionar o tipo "valor de um intervalo", é necessário inserir os valores mínimo e máximo nos campos para gerar um número aleatório dentro desse intervalo:

Se necessário, você também pode definir o número de casas decimais para arredondamento:

Placeholder de variável personalizada

Para inserir suas próprias variáveis personalizadas no widget, clique em "Adicionar variável" .

Você precisará definir o nome da variável usando colchetes na janela modal que será aberta.

Em seguida, insira os valores da variável, garantindo que cada novo valor seja escrito em uma nova linha sem vírgulas ou outros separadores:

Depois, clique em "Salvar" para armazenar os valores no sistema:

Em seguida, você verá que a variável personalizada foi salva nas configurações gerais de conteúdo:

Para usar a variável depois, insira o nome dela entre colchetes no campo "Texto principal" na seção "Conteúdo":

Condições de acionamento do widget

Intervalo de tempo

Você pode definir o momento de exibição do widget no site usando a função "Quando mostrar o widget":

  1. Imediatamente Esta configuração exibirá o widget imediatamente quando o usuário abrir o site.

  2. Após um atraso

O widget aparecerá no site após a quantidade especificada de segundos, assim que o usuário o abrir.

O intervalo de tempo é definido em segundos, com valor mínimo de 1 segundo e máximo de 15 segundos.

  1. Após rolagem

A condição "Após a rolagem" significa que os widgets começarão a funcionar no site depois que o usuário rolar uma distância correspondente ao número de pixels definido.

Intervalo de tempo

Também há a seguinte condição de acionamento:

  1. Duração da exibição:

    • Defina o valor em segundos.

    • Isso determina por quanto tempo o widget permanecerá visível antes que a notificação desapareça.

  2. Intervalo entre atrasos

    • Defina o valor em segundos.

    • Isso determina o intervalo entre as exibições do widget — depois que uma notificação aparece, a próxima só será exibida após o número especificado de segundos ter passado.

Definir uma condição

Vamos analisar mais de perto as condições disponíveis.

  1. Parâmetros UTM

circle-info

Para saber o que são tags UTM e como usá-las, recomendamos ler o artigo "Como transferir tags UTM."

Insira o nome da tag necessária no campo designado:

Em seguida, selecione o operador que corresponde à tag e ao valor:

circle-info

Qual é a diferença entre contém/não contém e é igual/não é igual?

A principal diferença é que o operador "contém/não contém" verifica se a tag UTM inclui (ou não inclui) um determinado valor.

Já o operador "é igual" exige correspondência exata, ou seja, o sistema procura uma tag UTM que corresponda exatamente ao valor especificado (e, de forma correspondente, "não é igual" funciona de maneira oposta).

Em seguida, insira o valor necessário para a tag UTM:

  1. País

Você também pode escolher a condição "País", que exibirá o widget com base no país do visitante conforme o IP.

Selecione o país desejado na lista, bem como o tipo de operador ("é" ou "não é"):

  1. Dispositivo

Se necessário, aplique a "Dispositivo" condição para mostrar o widget de acordo com o tipo de dispositivo usado pelo visitante para acessar o site:

As configurações também incluem um recurso para adicionar vários valores para exibir o widget. Basta clicar em "+ Adicionar valor" e definir uma ou mais condições adicionais, conforme necessário:

Opções do widget

Depois de concluir a configuração do widget, vá para as "Opções do widget" :

Nesta aba, você pode definir as configurações de aparência e conteúdo do widget que serão exibidas para seus usuários.

Conteúdo

Você pode inserir o texto estático ou variáveis dinâmicas (por exemplo, [name], [sum], [city]) no Título e Texto principal Nos campos. Quando o widget estiver ativo, o sistema substituirá automaticamente essas variáveis pelos valores reais configurados nas configurações do seu widget.

Ícone

O ícone será exibido dentro da notificação pop-up:

Aparência

As configurações de aparência geralmente incluem opções para selecionar cores de uma ampla paleta, ajustar o arredondamento dos cantos e configurar os níveis de sombra e transparência:

  1. Paleta de cores: escolha cores para qualquer elemento do widget — do texto ao fundo do ícone. E você também pode selecionar gradientes.

  2. O alinhamento do texto pode ser definido em relação ao centro, à direita ou à esquerda:

  1. Configurações dos cantos da notificação: você pode escolher cantos arredondados, quadrados ou totalmente circulares para a mensagem no site:

Ocultar o botão de fechar do widget

Esta caixa de seleção ocultará o botão de fechar (×) no canto do widget.

Posição do widget no site

Por padrão, as notificações estão configuradas para aparecer no canto inferior direito da tela. Se necessário, você pode alterar a posição do widget no seu site usando as configurações abaixo.

A posição do widget é calculada a partir das bordas inferior e direita da tela. Para movê-lo em direção à borda esquerda, defina o campo "Margem direita" para 60%.

Como incorporar o widget no site

Depois de configurar todas as opções e personalizar a aparência do widget para o seu design exclusivo, clique em "Adicionar widget" na parte inferior da tela.

Você será levado à lista de widgets existentes, onde precisará clicar em "Código de incorporação no site" botão:

Uma janela modal será aberta exibindo o código do script:

Copie o script gerado e, em seguida, vá para as configurações do site do domínio que você especificou anteriormente na configuração do widget.

Depois, cole o script no código HTML dentro da seção:

circle-info

Para incorporar o widget em um site Tilda, copie o script do widget usando o botão "Embedcode on website" e depois adicione-o à página do seu site.

Pronto! A configuração e a instalação do widget no seu site estão concluídas!

Atualizado