Инструкция по установке и настройке Landing Page

Для установки лендинга нужен хостинг и домен:

• Рекомендую проверенный хостинг  Beget — 30 дней бесплатно и не надо платить за SSL-сертификат!
• Там же можно недорого регистрировать и продлевать домены.

Могу установить на свой хостинг и домен .ru: цена за 1 год 2500 руб.
Также можно заказать и другие правки по лендингу здесь.

Как установить лендинг на хостинг

Для самостоятельной установки:

• Загрузите архив с лендингом на хостинг и распакуйте его в корневом каталоге (если там нет другого сайта) или в подкаталоге вашего сайта.

Корневой каталог на хостинге Beget называется public_html (на других может называться иначе). Перед установкой лендинга удалите файл парковочной страницы index.html.

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

Установка SSL-сертификата

Для безопасного соединения с сайтом необходимо установить SSL сертификат и настроить редирект с http на https. На хостинге Beget это можно сделать БЕСПЛАТНО на странице управления доменами:

Настройка лендинга

На наших лендингах мы используем админ-панели двух типов: aPanel и Textolite. Узнать, какой из вариантов используется у вас, можно на странице описания лендинга.

Если на сайте админка aPanel

Если на вашем лендинге установлена админка aPanel, то там есть и визуальный редактор Textolite. Сначала заходим в aPanel — там можно перейти в Textolite.

Вход в админку aPanel: введите в адресной строке «вашсайт/admin», пароль «admin» (рекомендуем изменить).

• Почта для заявок меняется на вкладке «Интеграции».
• Более подробная инструкция для aPanel здесь.

Если на сайте редактор Textolite

Важно! Перед тем как зайти в Textolite, а также если вы редактируете исходный код, проверьте, не установлено ли в вашем браузере расширение для автоматического онлайн перевода страниц. Данное расширение может поломать код. Особенно актуально для Яндекс.Браузеров. Автоперевод страниц нужно отключить в настройках браузера — иначе код сайта переведется на русский, и поломается верстка.

• Вход в Textolite: «вашсайт/admin» или «вашсайт/textolite», пароль «admin».
• Почта в Textolite меняется в отдельном файле — об этом написано ниже.

Как редактировать лендинг через визуальный редактор Textolite

Textolite — это визуальный редактор, с помощью которого можно менять видимый текст в лендинге. Если нужно редактировать невидимый текст, просто выберите режим редактирования HTML/PHP и найдите в тексте нужный фрагмент. Можно использовать поиск по тексту CTRL+F5.

Видео с примером работы: https://youtu.be/90Nnjkr2_pU

Как редактировать код Landing Page

Для редактирования ссылок (номера телефона и почты в том числе), заголовков (title, h1, description) и других элементов необходимо использовать режим редактирования кода HTML/PHP в Textolite. Также можно редактировать файлы сразу на хостинге.

Пример:

Если вам нужно поменять телефон на сайте, то нажимаете горячие клавиши CTR+F (поиск) и вводите в строку поиска то, что хотите изменить: +7 (999) 575-42-07. Можно искать фрагментами, чтобы не вводить полную фразу. Вместо исходного номера телефона нужно вписать свой и сохранить файл. Таким же образом меняются все тексты на сайте. В данном режиме нужно быть внимательным, чтобы не удалить лишнее.

Подробнее об основах HTML можно ознакомиться здесь

Где указать почту в лендинге, если у вас Textolite

Для того чтобы заявки с лендинга приходили на ваш почтовый ящик, вам необходимо указать ваш E-Mail в файле call.php, post.php, send.php, mail.php или в другом похожем (зависит от сайта). Если у вас стоит админка aPanel, то этот метод не подходит (читайте про него выше).

• Вместо указанного тестового адреса впишите свою почту. Не рекомендуем использовать почту @mail.ru, так как письма могут не приходить на этот сервер.
• В этом же файле желательно указать свой домен в строке: $email=’site.ru’; // от кого
• Сохраните файл.

Если заявки с лендинга не приходят на почту

Если вы все сделали согласно инструкции, а заявка не пришла на вашу почту, следуйте следующим рекомендациям:

• проверьте папку «спам» на почте. Иногда заявки с лендингов попадают в эту папку. Если заявка появилась в папке спам, отмечайте письма как «Не спам» — тогда они будут приходить в обычном режиме;
• ваш хостинг должен быть оплачен, т.к. во время тестового бесплатного периода часто отключена функция отправки заявок с сайтов;
• попробуйте использовать другой почтовый ящик (многие хостинги блокируют отправку писем на mail.ru);
• уточните у техподдержки вашего хостинга, поддерживает ли выбранный тариф PHP и функцию mail(). Для работы лендингов эти функции необходимы;
• попробуйте в файле настройки почты добавить название вашего домена, как на фото ниже.

Если сайт выдает ошибку «Нет индексного файла», выберите в панели управления:

WWW — WWW домены — выберите ваш домен — сверху кнопка Изменить — Строчка индексная страница: добавьте через пробел index.htm  — «Сохранить».

Как заменить изображения на лендинге

Изображение можно заменить в папке на другое с таким же названием, размером и форматом.

1. На установленном сайте нажмите правой кнопкой мыши на нужное изображение и откройте его в новой вкладке: в адресной строке можно увидеть путь расположения и формат картинки. Если это фоновое изображение, найдите его в папке img, image или в другой похожей.
2. Подготовьте свои изображения в том же формате (jpg, png, svg) и с тем же названием, что и исходные. Желательно, чтобы пропорции (размеры) новых картинок был такие же.
3. Замените в папке нужное изображение на новое.

После внесения любых правок (перед проверкой изменений на сайте) не забудьте удалить кеш в браузере (в настройках или комбинацией клавиш CTRL+F5) или проверяйте лендинг в режиме «Инкогнито».

Как вставить любой код в лендинг

Если вам нужно вставить код в лендинг (например, от Яндекс.Метрики, рекламный код, скрипты и т.д.) воспользуйтесь визуальным редактором. В режиме HTML/PHP найдите тег </head> и перед этой строкой вставьте нужный код.

На этом все — спасибо за внимательность!

Купить лендинг недорого вы можете на нашем сайте!