Инструкция по установке и настройке лендинга

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

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

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

  • Загрузите архив с лендингом на хостинг и распакуйте в корневой папке вашего домена. Все файлы и папки лендинга должны лежать в корневом каталоге или в подкаталоге вашего сайта.

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

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

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

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

Инструкция по установке и настройке лендинга

Инструкция по установке и настройке лендинга

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

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

Если у вас админка aPanel

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

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

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

Если у вас только визуальный редактор Textolite

Если в лендинге нет админки aPanel, заходим в Textolite.

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

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

Что такое Textolite?

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

Просмотрите небольшое видео и убедитесь, насколько удобно редактировать лендинг через визуальный редактор Textolite.

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

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

Инструкция по установке и настройке лендинга

Пример:

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

Где указать почту в лендинге, если у вас 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 или images, отыщите в ней нужные для замены изображения.
  2. Подготовьте свои изображения в том же формате (jpg, png) и с тем же названием, что и исходные. Желательно чтобы размер новых картинок был таким же.
  3. Скопируйте свои новые изображения в папку с исходными (с заменой файлов).
  4. Когда ваш новый лендинг будет отредактирован, его необходимо загрузить на хостинг.

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

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

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

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

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

MIX Landing Page