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 base em um princípio psicológico simples: quando os visitantes veem outras pessoas fazendo compras, eles se tornam mais propensos a comprar também.

Principais benefícios

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

  • Impulsionar compras por impulso: atraia instantaneamente novos clientes aproveitando 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.
  • Construir confiança e fidelidade: mostre um alto volume de pedidos em tempo real para construir credibilidade. Os clientes tendem a confiar e permanecer fiéis a empresas que demonstram uma base de usuários ativa e satisfeita.
  • Engajar com atualizações direcionadas: mantenha os clientes informados sobre eventos importantes e promoções especiais. Você pode personalizar completamente a frequência com que 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 "Widgets" correspondente.

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

Um menu suspenso será exibido mostrando os widgets disponíveis para integração no site; selecione o que você precisa na lista:

Você será então 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ções "Nome do widget":

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

Domínio

Este é o segundo campo obrigatório, onde você precisa especificar o domínio do seu site:

Pode ser um site construído no MaviBot, criado 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.

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:

Em seguida, a seleção de nomes será ajustada.

Placeholder de cidade

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

Placeholder de soma

Você pode inserir uma soma 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 uma soma exata, use o campo vazio à direita:

Se você selecionar o tipo "soma de intervalo", precisa 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 no botão "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, certificando-se de que cada novo valor seja escrito em uma nova linha sem vírgulas ou outros separadores:

Em seguida, 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 posteriormente, insira seu nome entre colchetes no campo "Texto principal" na seção "Conteúdo":

Condições de acionamento do widget

Intervalo de tempo

Você pode definir o tempo de exibição do widget no site usando o recurso "Quando mostrar o widget":

  1. Instantaneamente
    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 o número especificado de segundos a partir do momento em que o usuário o abriu.

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

  1. Após rolagem

A condição "Após rolagem" significa que os widgets começarão a funcionar no site depois que seu usuário rolar uma distância definida em pixels.

Intervalo de tempo

Há também a seguinte condição de acionamento:

  1. Duração da exibição:
    • Defina o valor em segundos.
    • 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.
    • Determina o atraso entre as exibições do widget — após uma notificação aparecer, a próxima será mostrada somente após o número especificado de segundos ter passado.

Definir uma condição

Vamos dar uma olhada mais de perto nas condições disponíveis.

  1. Parâmetros UTM

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

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

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

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.

Em contraste, o operador "é igual" exige uma correspondência exata, ou seja, o sistema procura uma tag UTM que corresponda exatamente ao valor especificado (e, consequentemente, "não é igual" funciona como o oposto).

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 IP do visitante.

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

  1. Dispositivo

Se necessário, aplique a condição "Dispositivo" para mostrar o widget dependendo do tipo de dispositivo do visitante usado 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 terminar de configurar o widget, vá para a aba "Opções do widget":

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

Conteúdo

Você pode inserir texto estático ou variáveis dinâmicas (por exemplo, [name], [sum], [city]) nos campos Título e Texto principal. 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 — desde o texto até o fundo do ícone. E você também pode selecionar gradientes.
  2. O alinhamento do texto pode ser definido em relação ao centro, borda 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 sã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 configurações e personalizar a aparência do widget de acordo com seu design exclusivo, clique no botão "Adicionar widget" na parte inferior da tela.

Você será levado à lista de widgets existentes, onde precisará clicar no botão "Incorporar código no site":

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

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

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

Para incorporar o widget em um site Tilda, copie o script do widget usando o botão "Incorporar código no site" e adicione-o à página do seu site.

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