Инструкция по установке на Tilda

1. Выбор страницы для установки

Для начала, Вам нужно определится, на какую страницу вы бы хотели установить скрипт.

2. Установка стилей

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

tilda

Затем листаем до секции "HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD" и нажимаем "Редактировать код"

Пишем здесь тег style

И вставляем в него стили из файла wheelTildaStyles.css

После этого нажимаем сохранить.

3. Вставка кода

После установки стилей Вам нужно создать новый T123(HTML-КОД) блок в самом конце страницы и вставить в него html-код из файла wheelScriptTildaTemplate.html

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

Нажимаем сохранить.

4. Настройка скрипта под себя

Свои значения в колесе и вероятности, а также остальные настройки скрипта Вы можете найти в конце блока, куда Вы вставили html-код.

5. Настройка почты для отправки писем

Все очень просто, Вам просто нужно отправить нам почту, на которую Вы хотите получать письма.

6. Публикуем страницу

После всех настроек не забываем опубликовать страницу.

7. Удаление чекбокса с политикой конфиденциальности

Данная настройка только для тех пользователей, кто разбирается в html и js.

Удаление чекбокса не рекомендуется (как по техническим и виузальным (дизайнерским) соображениям, так и юридическим: 152 ФЗ для сайтов в России, GDPR для сайтов ЕС), но если вам нужно отключить его в Колесе, то Вам нужно полностью удалить блок с классом checkbox_cont, а также в файле wheelJs.js удалить функцию changeCheckbox, а также ее вызов ниже.

8. Настройка куки

Данная настройка только для тех пользователей, кто разбирается в html и js.

Куки настраиваются в функции setCookie.

9. Картинки

В скрипте содержится до 10 картинок. Их подлкючение происходит в шаблоне (картинки по дефолту уже подключены). Если вы захотите поменять их на свои, вам нужно будет прислать их нам и ссылку на них мы вам также предоставим (как в п.3).

10. Проблемы со стилями

На некоторых сайтах при установке виджета наблюдались проблемы со стилями, в частности, с показом текста на мобильных устройствах — он делился на части при окончании строки. Чтобы исправить это и перезаписать стили, повышаем приоритет стиля с помощью !important.