Настройки страницы сайта

Для перехода к общим настройкам страницы нажмите кнопку "Настройки", находящуюся на верхней панели страницы в режиме редактирования страницы:

Тогда откроется меню с разделами настроек: основная информация, мессенджеры, аналитика, цвета/шрифты/HTML:

Информация о странице

Название в списке

Здесь может быть любой ваш текст, поскольку название в списке страниц отображается для вас:

URL

Создано для того, чтобы вы могли указывать свою ссылку на страницу. По умолчанию, название генерируется автоматически из набора букв и цифр

Название вкладки в браузере.

По умолчанию Название вкладки в браузере равно значению в поле Название сайта, однако данное поле можно настроить по своему усмотрению: сделать название более лаконичным или наоборот:

Название вкладки в браузере отображается в адресной строке страницы:

Тег

Тег - метка, которая передается в бот, как только пользователь перейдет в него по значку мессенджера. С помощью него можно запускать разные цепочки бота, не дожидаясь, пока пользователь что-то напишет. Для этого достаточно прописать тег в поле "Условие" в блоке с условием.

При получении сообщения, содержащего заданный тег, бот автоматически распознает его как сигнал к запуску определенного этапа воронки. Это может включать в себя отправку ответного сообщения, переход к следующему этапу воронки или прекращение работы воронки в зависимости от контекста и логики схемы чат-бота.

Укажите тег, например:

После сохранения настроек Тег можно увидеть на плашке вашей страницы:

Пример использования тега в мессенджере.

В настройке сайта указан тег - основная воронка.

Далее вам необходимо указать тег в настройках блока в схеме чат-бота:

Можно настроить логику бота с указанного блока, например, переход в основную воронку.

Пользователь на сайте нажимает кнопку мессенджера и переходит в него:

При клике на кнопку пользователю предлагается перейти непосредственно в мессенджер:

Путь клиента на примере Telegram: - Перешел с сайта в Telegram:

- Нажал кнопку "Запустить"/"Старт" (зависит от устройства). Даже если клиент ранее контактировал с ботом для запуска бота с сайта он должен нажать кнопку Запустить. Это правила мессенджера для ботов.

- В бота вместо /start придет тег, указанный в настройках сайта.

- Клиенту приходит первое сообщение из воронки, запуск которой настроен на данный тег.

- В карточке клиента указана переменная:

Чтобы просмотреть аналитику по тегу, необходимо перейти в раздел "Аналитика", вкладку "Клиенты":

Далее создайте новый виджет, где укажите основные настройки:

1. Период Аналитики: за месяц, за все время и пр;

2. Название виджета: любое удобное название;

3. Укажите тег.

Далее добавьте виджет.

Настройка изображений

Иконка страницы

Иконка отображается в браузере во вкладке перед названием страницы и в качестве картинки рядом с закладкой.

Превью сайта

Превью - это заставка или обложка для предварительного просмотра сайта.

По умолчанию в превью для сайта используется первое изображение с его страницы, поэтому если вы хотите изменить превью, загрузите новое изображение в данное поле:

Настройка защиты сайта / reCAPTCHA

Для установки reCAPTCHA нужно указать пару ключей (публичный и секретный ключи) в общих настройках сайта и в формах включить проверку recaptcha.

Вы можете выбрать любой сервис, который поставляет защиту сайтов с помощью капчи. В разделе рассмотрим, как установить капчу от гугла.

1. Получение ключей

Для начала вам необходимо заполнить основную информацию для получения ключей: выбрать типы капчи; добавить домен сайта, на котором планируется установить защиту. Далее необходимо кликнуть "отправить".

1. Ввод ключей

Далее вы увидите пару ключей, которые необходимо скопировать и вставить в настройках страницы сайта в Сейлботе:

1. Включение капчи в секции "Форма"

После того как вы настроили секцию "Форма" на сайте, перейдите в настройки секции:

После клика на кнопку "Настройки" справа откроется меню:

Где вы увидите чекбокс для включения капчи.

Аутентификация

Эта опция позволит отсеять тех, кто пытается просто попасть на сайт без авторизации, но лучше включать ее после настройки всего остального, когда будете уверены что все настроено верно. После ее включения попасть на сайте можно только через кнопку для авторизации, которую отправляет бот.

Для начала привяжем домен к подключенному в проекте Telegram-боту.

Шаг 1. Перейдите в BotFather, в котором вы создавали своего телеграм-бота:

Шаг 2. Выберите телеграм-бота, которого Вам необходимо подключить к сайту, и кликните на него:

Шаг 3. Перейдите в настройки телеграм-бота:

Шаг 4. В настройках бота перейдите к домену:

Шаг 5. Кликните на "Установить домен"

Шаг 6. Отправьте боту домен, который хотите подключить к телеграм-боту: для этого в поле строки сообщения введите домен:

Это может быть как ваш личный домен, который вы получали в регистраторе доменных имен, либо вида sbsite.pro

На данном этапе привязка домена завершена.

После привязки домена к боту, активируйте в настройках формы чекбокс "Требовать авторизацию через Telegram":

Настройки интерфейса и доступа

Доступ только по спискам

Эта опция позволяет предоставить доступ к сайту по наличию пользователя в определенных списках вашего проекта.

Скрыть надпись "Сделано в Salebot"

При необходимости надпись можно скрыть. Для этого поставьте галочку в данном чек-боксе.

HTML/CSS/JS

Заполнять данный раздел можно по необходимости. Если вы понимаете в CSS, то сможете сделать свой сайт еще привлекательнее. Также сюда можно вставить код сервиса аналитики, пикселя от Facebook и пр.

Сменить ссылку на политику конфиденциальности

В блоке Форма заявки с кнопками мессенджеров можно отобразить чекбокс Политики конфиденциальности. По умолчанию указана политика конфиденциальности конструктора.

С помощью скрипта можно сменить ссылку на страницу с политикой конфиденциальности.

<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "ссылка на политику конфиденциальности";
</script>

Убрать индексацию страницы

Чтобы убрать индексацию страницы добавьте скрипт в поле html-код head

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

Удалить кнопку ВК со страницы сайта

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

Убрать заголовок страницы сайта

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

Изменить ссылку в кнопке Telegram

<script>
window.onload = function() {
    let button = document.querySelector('.tg_link')
    if (button) {
        button.setAttribute('data-url', 'нужное значение')
        button.removeAttribute('onclick')
        let newUrl = button.getAttribute('data-url')
        button.addEventListener('click', () => {
            window.location.href = newUrl
        })
    }
}
</script>

Для других мессенджеров замените tg_link на insta_link, vk_link и т.д.

Изменить текст кнопки

1. Для отображения кнопки мессенджера создайте блок форму заявок с вопросами и укажите на какие мессенджеры следует вывести кнопки.

Установите стиль отображения кнопок - Иконка с текстом:

1. В разделе Настройки сайта на вкладке CSS и JS разместите в поле Настройки HTML -> 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: "Зарегистрироваться в Telegram";font-size: 15px;color: white}
.viber_link:after {content: "Зарегистрироваться в Viber";font-size: 15px;color: white}
</style>

Данный код изменит текст кнопок для Telegram и Viber. Для других мессенджеров внесите код по аналогии с примером.

Установить кнопки в ряд

Укажите скрипт в поле JS-код основных настроек минилендинга следующий скрипт:

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

Изменить фавикон

Данный код можно использовать изменения фавикона - значка веб-сайта или веб-страницы.

<link rel="shortcut icon" type="image/x-icon" href="ссылка на иконку" />

Передать все переменные, с которыми открылся сайт

Если на ваш сайт добавлены прокси-ссылки на мессенджеры со страницы сайта, можно добавить этот скрипт, тогда все переменные, с которыми открылся сайт, будут переданы в бота.

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

Передать в бота куки аналитики

Если вам необходимо пробросить в бота куки аналитики, разместите на сайт следующий скрипт:

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

Изменить ссылку на политику конфиденциальности

С помощью данного скрипта можно заменить ссылку на политику конфиденциальности на свою:

<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "ссылка на политику";
</script>