Для установки лендинга нужен хостинг и домен:
- Рекомендую проверенный хостинг 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 — «Сохранить».
Как заменить изображения на лендинге
Изображения лучше заменить на компьютере или на самом хостинге.
- Найдите папку img или images, отыщите в ней нужные для замены изображения.
- Подготовьте свои изображения в том же формате (jpg, png) и с тем же названием, что и исходные. Желательно чтобы размер новых картинок был таким же.
- Скопируйте свои новые изображения в папку с исходными (с заменой файлов).
- Когда ваш новый лендинг будет отредактирован, его необходимо загрузить на хостинг.
После внесения любых правок (перед проверкой изменений на сайте) не забудьте удалить кеш в браузере (в настройках или комбинацией клавиш CTRL+F5) или проверяйте лендинг в режиме «Инкогнито».
Как вставить любой код в лендинг
Если вам нужно вставить код в лендинг (например, от Яндекс.Метрики, рекламный код, скрипты, код для квиза Marquiz и т.д.) воспользуйтесь визуальным редактором. В режиме HTML/PHP найдите тег </head> и перед этой строкой вставьте нужный код.
На этом все — спасибо за внимательность!
Купить лендинг недорого вы можете на нашем сайте!