Цвета, шрифты и HTML

Цвета и шрифты фона

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

Цвет контейнера с секциями

По умолчанию, белый. Можно сделать однотонный из цветового круга (нажмите на значок Пипетка) или выбрать Градиент (выберите плитку с понравившимся градиентом). Также Цвет контейнера с секциями можно сделать прозрачным. Для этого выберите плитку с черно-белыми квадратами.

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

Примеры скриптов

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

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

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

Добавьте скрипт в поле html-код body в разделе CSS и JS

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

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

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

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

Удалить кнопку ВК с минилендинга

Добавьте скрипт в поле html-код body в разделе CSS и JS

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

Убрать заголовок минилендинга

Добавьте скрипт в поле html-код body в разделе CSS и JS Подходит для старых версий минилендингов

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

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

Добавьте скрипт в поле html-код body в разделе CSS и JS

<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 и т.д.

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

Разместите данный код в поле HTML-код body в разделе CSS и JS

  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')
})

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

Добавьте скрипт в поле html-код head в разделе CSS и JS

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

<link rel="shortcut icon" type="image/x-icon" href="ссылка на иконку" />
Пример использования html и css

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

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

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

Last updated

Was this helpful?