Configurações da página

Clique no "Configurações" botão do painel superior para acessar as configurações gerais da página.

Isso abre um menu com as seguintes seções: Geral, Mensageiros, Análises, Cores, Fontes, e HTML.

Geral

Informações da página

Nome na lista

Você pode inserir qualquer texto aqui. Este nome é visível apenas para você na lista de páginas.

URL

Este campo permite definir um link personalizado (URL) para a página. Se deixado em branco, um nome exclusivo será gerado automaticamente a partir de letras e números.

Requisitos:

Somente os seguintes caracteres podem ser usados:

• Letras latinas (a–z)

• Dígitos (0–9)

• Símbolo de sublinhado (_)

O nome deve ser único na plataforma. Se já estiver em uso por outro usuário, você não poderá usá-lo novamente.

Você pode conectar seu próprio domínio ao site. Se não conseguir alterar o nome no link, significa que o nome já está em uso. Você pode adicionar caracteres adicionais ou escolher outro.

Nome da aba do navegador

Por padrão, o nome da aba do navegador corresponde ao campo nome do site , mas você pode personalizá-lo para ser mais curto ou descritivo.

O nome da aba do navegador é exibido na barra de endereços da página.

Tag

Uma tag é um rótulo enviado ao seu bot no momento em que um usuário clica no ícone do mensageiro. Isso permite iniciar fluxos específicos do bot instantaneamente, sem esperar pela primeira mensagem do usuário.

Digite o nome da tag no campo "Trigger" de um bloco de gatilho.

A tag é atribuída nas configurações da página.

O valor especificado no campo Tag será salvo na variável do cliente tag . Essa variável poderá ser usada depois para fins de análise.

Uma mensagem contendo essa tag acionará uma ação específica no funil do seu bot, como enviar uma resposta ou avançar para a próxima etapa.

Digite uma tag, por exemplo: welcome_offer

A tag salva ficará visível no painel de informações da página.

Como usar uma tag do mensageiro

Primeiro, atribua uma tag como main_flow nas configurações do seu site. Depois, insira essa mesma tag exata no bloco de gatilho do seu chatbot.

Configurando um ponto de entrada do chat

Defina um bloco específico (por exemplo, o início do seu funil principal) como ponto de entrada para a lógica do seu bot. Quando um usuário clicar no ícone do mensageiro no seu site, ele entrará no mensageiro e começará imediatamente nesse ponto predefinido.

Para configurar blocos de formulário e botões de redirecionamento para o mensageiro, consulte o guia "Respostas do formulário" em Configurações de conteúdo.

Quando um usuário clica no botão, ele é solicitado a ir diretamente para o mensageiro.

• O usuário passa do site para o mensageiro.

• O usuário toca no botão “Iniciar” ou “Abrir” (dependendo do dispositivo). Mesmo que o usuário já tenha interagido com o bot anteriormente, ele deve pressionar esse botão para iniciar o bot a partir do site — este é um requisito definido pela plataforma do mensageiro para bots.

• Em vez de /start, o bot receberá a tag especificada nas configurações do site.

• O cliente recebe a primeira mensagem do funil acionada pela tag especificada.

• O perfil do cliente contém a seguinte variável:

Para ver a análise de uma tag, vá para a seção "Análises" e abra o "Clientes" .

Em seguida, crie um novo widget no qual você especifica as configurações principais:

• Período de análise: por exemplo, “Último mês”, “Todo o período”, etc.;

• Nome do widget: qualquer nome conveniente;

• Especifique uma tag para acompanhar.

Depois, adicione um widget.

Pronto! Agora você pode acompanhar com que frequência seu bot é iniciado a partir do seu site usando uma tag.

A análise integrada do MaviBot permite acompanhar chats, eficiência dos operadores, progresso do curso e métricas de clientes sem custo, eliminando a necessidade de ferramentas externas.

Saiba mais no "MaviBot analytics" artigo.

Configurações da imagem

Imagem de pré-visualização

Esta é a miniatura ou imagem de capa usada quando seu site é compartilhado (por exemplo, em redes sociais ou aplicativos de mensagens). Por padrão, ela usa a primeira imagem da sua página. Para definir uma pré-visualização personalizada, envie a imagem escolhida neste campo.

Configurações de proteção do site / reCAPTCHA

Para configurar reCAPTCHA, você precisa fornecer um par de chaves (chave pública e chave secreta) nas configurações gerais do seu site e ativar a verificação reCAPTCHA nas suas configurações do formulário.

Você pode escolher qualquer serviço de CAPTCHA para proteger seu site. Nesta seção, veremos como instalar Google reCAPTCHA.

1. Obtenção da chave

Para começar, você precisa preencher as informações básicas para obter as chaves: selecione os tipos de CAPTCHA e adicione o domínio do site onde a proteção deve ser instalada. Em seguida, clique em "Enviar."

1. Inserção da chave

Depois, você verá um par de chaves que deve ser copiado e colado nas configurações da página do seu site no MaviBot.

1. Ativando o CAPTCHA na seção "Formulário"

Como criar e trabalhar com a seção "Formulário" é explicado no artigo aqui.

Assim que a variável Formulário seção estiver configurada, abra suas configurações.

Clique "Configurações" para abrir o menu lateral.

Ali ficará visível uma caixa de seleção para ativar o CAPTCHA.

Autenticação

Esta opção ajuda a filtrar usuários que tentam acessar o site sem autorização. No entanto, é melhor ativá-la depois que tudo estiver configurado e você tiver certeza de que a configuração está correta. Depois de ativada, a única forma de acessar o site será por meio do botão de autorização enviado pelo bot.

Vamos começar vinculando o domínio ao bot do Telegram conectado ao seu projeto.

Etapa 1: Vá para BotFather, onde você criou seu bot do Telegram.

Etapa 2: Selecione um bot do Telegram que você deseja conectar ao site e clique nele.

Etapa 3: Vá para as configurações do bot do Telegram.

Etapa 4: Nas configurações do bot, navegue até Domínio.

Etapa 5: Clique em "Definir domínio".

Se você já vinculou um domínio ao bot, ou se precisar definir um novo domínio para o mesmo bot, o botão "Definir domínio" será substituído por "Redefinir domínio".

Etapa 6: Envie um domínio que você deseja vincular ao bot do Telegram: para isso, digite o domínio no campo de entrada de mensagem e envie-o ao bot.

Isso pode ser tanto o seu domínio pessoal, obtido de um registrador de domínios, quanto algo como mavitbot.ai

Nesta etapa, a vinculação do domínio está concluída.

Após vincular o domínio ao bot, ative a caixa de seleção "Exigir autorização via Telegram" nas configurações do formulário:

Configurações de interface e acesso

Acesso apenas por listas

Esta opção permite fornecer acesso ao site com base na presença do usuário em determinadas listas do seu projeto.

Como ocultar o rótulo "Feito com MaviBot"

Para ocultar o rótulo, basta marcar esta caixa de seleção, se necessário.

Você pode remover o rótulo "Feito com MaviBot" em qualquer plano pago. Agradecemos a todos que mantêm o rótulo "Feito com MaviBot" em suas páginas.

HTML/CSS/JS

Você pode preencher esta seção se necessário. Se você conhece CSS, pode tornar seu site ainda mais atraente visualmente. Você também pode inserir aqui código de análise, um Facebook Pixel e mais.

ATENÇÃO! Ao copiar exemplos de script, certifique-se de que, se uma tag for aberta, ela também deve ser fechada. Por exemplo: <script> ... </script>, <style> ... </style>

Como alterar o link da Política de Privacidade

No bloco do formulário de aplicação com botões do mensageiro, você pode exibir uma caixa de seleção da Política de Privacidade. Por padrão, ela aponta para a política de privacidade do construtor.

Você pode alterar o link para sua própria página de Política de Privacidade usando um script.

Adicione o script ao campo "Código HTML (body)" na seção CSS e JS.

<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "link da política de privacidade";
</script>

Como desativar a indexação da página

Para desativar a indexação da página, adicione o script ao campo Código HTML (head).

<meta name="robots" content="noindex, nofollow">

Como remover o botão do Facebook da página do seu site

Adicione o script ao campo "Código HTML (body)" na seção CSS e JS.

<script>
document.getElementsByClassName('vk_link')[0].remove()
</script>

Como remover o título da página do seu site

Adicione o script ao campo "Código HTML (body)" na seção CSS e JS. Isso se aplica a versões mais antigas das mini landing pages.

<script>
document.getElementsByClassName('title_container')[0].remove()
</script>

Como editar o link do botão do Telegram.

Adicione o script ao campo "Código HTML (body)" na seção CSS e JS.

<script>
window.onload = function() {
    let button = document.querySelector('.tg_link')
    if (button) {
        button.setAttribute('data-url', 'o valor necessário')
        button.removeAttribute('onclick')
        let newUrl = button.getAttribute('data-url')
        button.addEventListener('click', () => {
            window.location.href = newUrl
        })
    }
}
</script>

Para outros mensageiros, substitua tg_link por insta_link, fb_link, etc.

Como atualizar o texto de um botão

Cole este código no campo "Código HTML (body)" na seção CSS e JS.

1. Para exibir o botão do mensageiro, crie um bloco de formulário de aplicação com perguntas e especifique para quais mensageiros os botões devem aparecer

Defina o estilo de exibição do botão como "Ícone com texto"

Mais detalhes sobre a seção Formulário são explicados aqui. ссылка

1. Na seção Configurações do Site, na aba CSS e JS, cole o seguinte código no campo "Configurações HTML" → "Código HTML (body)":

<style>
.tg_link {
font-size: 0 !important;
padding: 15px 15px !important;
}
.viber_link {
font-size: 0 !important;
padding: 15px 15px !important;
}

.tg_link:after {content: "Cadastre-se no Telegram";font-size: 15px;color: white}
.viber_link:after {content: "Cadastre-se no Viber";font-size: 15px;color: white}
</style>

Este código alterará o texto do botão para Telegram e Viber. Para outros mensageiros, adicione código semelhante seguindo o exemplo.

Como alinhar botões em uma linha

Cole o seguinte script no campo "Código JS" nas configurações principais da sua mini landing page.

$(function() {
$('.link_group').css("flexWrap", 'noWrap')
})

Como alterar um favicon

Adicione o script ao campo "Código HTML (head)" na seção CSS e JS.

Este código pode ser usado para alterar o favicon — o ícone de um site ou página da web.

<link rel="shortcut icon" type="image/x-icon" href="link do ícone" />

Como passar todas as variáveis/parâmetros da URL ao abrir seu site

Você precisa colocar o script em todas as páginas do SEU site que contenham um link proxy. O script deve ser adicionado logo após o <body> .

Se você estiver usando seu próprio domínio para links proxy, substitua sbsite.pro pelo seu domínio.

Se o seu site contiver links proxy para mensageiros a partir da página do site, você pode adicionar este script — ele passará ao bot todas as variáveis usadas para abrir o site.

<script>
var links = document.getElementsByTagName("a")
for (let i of links) {
    if (i.href.startsWith("https://mavibot.site/")) {
        if (i.href.split("?").length > 1) {
            i.href += "&" + location.search.split("?")[1]
        } else {
            i.href += location.search
        }
    }
}</script>

Como encaminhar cookies de análise para o bot

O script deve ser colocado em todas as páginas do SEU site que contenham um link proxy. Ele deve ser adicionado logo após o <body> .

Se você usar seu próprio domínio para links proxy, você precisa substituir mavibot.ai pelo seu domínio.

Se você precisar passar cookies de análise para o bot, adicione o seguinte script ao seu site:

<script>
setTimeout(function() {
    var links = document.getElementsByTagName("a");
    var cookies = ['_fbc', '_fbp', '_ga', '_ym_uid', 'roistat_visit'];
    var cookies_string = '';

    cookies.forEach(function(cookie_name){
        let cookie_val = get_cookie(cookie_name);
        if (cookie_val !== undefined) {
            cookies_string += (cookies_string != '' ? "&" : '') + cookie_name + "='" + cookie_val + "'";
        }
    });

    for (let i of links) {
        if (i.href.startsWith("https://salebot.site/")) {
            if (i.href.split("?").length > 1) {
                i.href += "&" + cookies_string;
            } else {
                i.href += "?" + cookies_string;
            }
        }
    }

    function get_cookie(name) {
        let matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
        return matches ? decodeURIComponent(matches[1]) : undefined;
    }
}, 3000);
</script>

Como alterar o link da política de privacidade

Na aba CSS e JS, cole o seguinte código no campo "Configurações HTML" → "Código HTML (body)":

Este script permite substituir o link da Política de Privacidade pelo seu próprio.

<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "link da política";
</script>

Mensageiros

Mensagem inicial do WhatsApp

O texto que você inserir aqui aparecerá automaticamente como rascunho no WhatsApp da pessoa quando ela clicar no link do seu site.

Ela só precisa pressionar "Enviar" no mensageiro.

1. Crie um "Start" bloco no construtor.

2. Insira nele o texto da sua mensagem inicial.

Análises

Ative a alternância "Salvar dados analíticos para conversão" configuração para preservar o rastreamento de conversão do seu site.

Isso permitirá monitorar conversões na Análises .

Exportação do site / Importação da página

O construtor de sites permite exportar e importar páginas inteiras. Isso é útil para transferir um site entre projetos sem reconstruí-lo, com todo o conteúdo preservado.

Como exportar/importar uma página:

1. Primeiro, certifique-se de que todas as suas alterações foram salvas clicando no "Salvar" .

Clique "Exportar página" no editor para exportar sua página.

Depois que o arquivo for baixado (você o verá na sua pasta de downloads e receberá uma confirmação), vá para as configurações do site no projeto de destino. Lá, clique em "Criar" para criar uma página idêntica.

Selecione o arquivo da página exportada que você salvou anteriormente. Quando o upload for confirmado com uma notificação, você será levado diretamente ao editor para começar a trabalhar na página importada.

Se necessário, faça os ajustes necessários e clique em o botão "Salvar".

Onde encontrar o ID da página?

O ID da página do site na lista de sites pode ser passado para funções do bot — por exemplo, para enviar um link para o seu site via bot ou abri-lo como um mini app no Telegram.

Leia mais sobre o Telegram WebApp neste artigo.

O número do site é atribuído automaticamente com o # símbolo.

Você pode encontrar o ID da página passando o mouse sobre a página do site desejada.