Редактируем лендинг / Инструкция для видео лендингов и универсальных лендингов

Для редактирования лендинга нужно использовать текстовый редактор! НЕ БЛОКНОТ!!!

Для 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 минут.