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

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

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

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

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

Из-за правил Вконтакте код не вставится в лендинг ВКонтакте. Только на нашем сайте отобразятся изменения

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

ОБРАТИТЕ ВНИМАНИЕ!

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

Например, <script> ........ </script> , <style> ........</style>

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

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

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

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

Добавьте скрипт в поле 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

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

Скрипт нужно разместить на всех страницах ВАШЕГО сайта, где есть прокси ссылка. Скрипт должен быть размещен после тега body.

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

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

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

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

Скрипт нужно разместить на всех страницах ВАШЕГО сайта, где есть прокси ссылка. Скрипт должен быть размещен после тега body.

Если вы используете свой домен для прокси ссылок, salebot.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>

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

На вкладке CSS и JS разместите в поле Настройки HTML -> HTML-код body следующий код:

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

<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "ссылка на политику";
</script>
PreviousАналитика сайтаNextКак передать параметры и UTM-метки

Last updated

Was this helpful?