Рассмотрим простенький скрипт, выводящий через некоторое время на вашем лендинге вот такую кнопку:
При нажатии на кнопку выводится форма отправки заявки:
Для установки данного скрипта перенесите папку callbacker в основную папку где расположен ваш лендинг.
Далее открываем индексный файл вашего ленда и подключаете js и css файлы (вставлять лучше всего перед закрывающимся тегом head):
<link type=»text/css» rel=»stylesheet» href=»callbacker/css/css.css» />
<script type=»text/javascript» src=»callbacker/js/script.js»></script>
В случае, если на лендинге отсутствует библиотека jquery, подключите её, вставив следующий текст также перед закрывающимся тегом head:
<script src=»https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js»></script>
Если вы хотите увеличить время появления кнопки или уменьшить его, тогда вам нужно открыть файл script.js и там будет сноска с описанием где изменить.
Ну и после всех этих манипуляций, чтобы вставить сам блок с формой и кнопкой, необходимо скопировать из приложенного в архиве файла index.html код, обернутый в
<!— <callbacker> —>
<!— </callbacker> —>
и поместить его перед закрывающимся тегом body.
P.S. Лейте в плюс и не забудьте настроить саму форму отправки лидов (и прислать донат, ясное дело)!
Больше скриптов для лендингов и прелендингов — в каталоге Yellow Scripts: рабочие примеры, исходники и подключение.
Оставьте комментарий