Редактируем лендинг / Инструкция для видео лендингов и универсальных лендингов
Для редактирования лендинга нужно использовать текстовый редактор! НЕ БЛОКНОТ!!!
Для Windows - HTMLpad (условно бесплатный 30 запусков)
Для MacOS - TextWrangler (бесплатный)
Данные редакторы в свободном доступе в интернете (введите название в поисковик) скачайте и установите у себя на ПК.
Можно использовать любой другой текстовый редактор (windows notepad - блокнот) не рекомендуется, встречались ошибки после редактирования в нем.
Комплектация архива
- Инструкция (с адресом ссылки на эту страницу)
- Исходник дизайна (Папка с PSD файлом дизайна лендинга). Нужен только если вы решили сделать ре-дизайн лендинга, если все устраивает, то можно оставить без внимания.
- Landing page (Папка с нашим лендингом. Содержимое папки загружаем в корень сайта)
Редактируем
Открываем файл form.php в редакторе. И меняем адрес почты на который будут приходить письма.
В некоторых лендингах есть второй файл формы, называется form2.php адрес почты в нем меняем аналогично как и в form.php
* Внимание!!! Ваш хостинг должен поддерживать PHP иначе форма работать НЕ БУДЕТ!!!
* Не рекомендуется использовать mail.ru ящики!!! В любом случае сначала проверьте форму на работоспособность прежде чем запускать лендинг в рекламу!!!
Редактируем контакты и текст в лендинге. Открываем в редакторе файл index.html
Обратите внимание на то сколько раз в лендинге повторяется номер телефона, соответственно в файле нужно найти их все и поменять на свой!!!
Сами тексты можете менять на ваше усмотрение, как правило все тексты соотвествуют логике лендинга. Единственное, что нужно менять, это цены на услуги, и прочие цифровые значения, которые соответствуют вашему предложению.
Если в лендинге есть "Примеры работ" (фотографии ваших работ)
Открываем папку "images" в ней находим картинки (фотографии) которые на данный момент установленны на лендинге. Смотрим в свойствах картинки ее размер и подгоняем свои фотографии под этот размер в редакторе изображений (пример: paintbrush) и закачиваем все картинки (фотографии) обратно в папку "images"
Открываем файл index.html для добавления фотографий в "Примеры работ"
В примере выше лендинг со слайдером по 2 фото
В коде всего 3 пары по 2 фото, что бы добавить больше фотографий, размножаем код
После того как код размножили до нужного количества фотографий, не забудьте поменять названия файлов под которыми вы залили фотографии в папку "images" (в примере название файла img-slider1.jpg и img-slider2.jpg)
В слайдерах с фото где одна фотография, делается все по той же схеме, там только одна строчка с изображением, которая так же помещается между тегами <li> </li>
Таймер обратного отсчета
В некоторых лендингах есть таймер обратного отсчета, он редактируется в файле scripts.js данный файл лежит в папке js
Открываем файл в редакторе и нам нужно поставить конечную дату когда акция закончится
Например нам нужна дата окончания: 12 ноября 2015 года, в коде в "day" ставим "12"; "month" ставим "11" (ноябрь 11 месяц); "year" ставим "2015"; "hour" ставим "0"; "min" ставим "0"; "sec" ставим "0"
В таком случае таймер будет отсчитывать время до конца дня 12 ноября 2015 года.
Как поставить карту в лендинг
В папке с нашим лендингом есть файл index.html открываем его в редакторе и находим строчку:
Заходим на официальный сайт конструктора яндекс карт и создаем свою карту, затем получаем код и меняем в данную строчку с кодом на свою.
Обратите внимание в конце строчки со скриптом карты есть размер карты:
В новь созданной карте размер будет отличаться, от размеров в лендинге и значение width будет в пикселеях!
Вам нужно значение widht установить в процентах!!!, как в примере выше, то есть 100% что бы карта встала четко по лендингу. Высота height устанавливается в пикселях и ее можно так же поставить, ту которая была в начальной карте лендинга.
После редактирования необходимо залить все в корень сайта
Используйте FTP клиент FileZilla так же его можно скачать из интернета
Устанавливаем и открываем FileZilla, подключаемся к своему серверу (Мы не даем консультации по поводу как подключиться к вашему серверу и прочие настройки софта не касающиеся лендинга, уточняйте эти моменты у вашего хостера или ищите ответы в интернете)
Не рекомендуется ставить лендинг в отдельную папку на уже существующем сайте. Ставьте либо как новый независимый сайт (на новый домен), либо если сайт уже есть, то создайте поддомен и ставьте на него!!!
На этом всё!
Кажется информации много, но на самом деле в большинстве случаев установка занимает от 3 до 5 минут.