Лендинг Пейдж

Адаптивный landing page с высокой конверсией

8 оценок

1 499

Ваш отзыв
Установок
200+
Разработчик
Поддержка
После покупки, тему Твой Лендинг необходимо установить и настроить для вашего сайта.

Посмотрите видео с наглядным примером настройки темы дизайна Твой Лендинг:


Пошаговая инструкция по установке и настройке темы Твой Лендинг:

1) Установка шаблона Твой Лендинг на вашем сайте
  • Вы используете бесплатный фрейворк Webasyst купили и установили через инсталлер шаблон Твой Лендинг
  • Перейдите в админку вашего сайта http://ваш_сайт.ру/webasyst
  • В верхнем меню выберите приложение с иконкой Сайт
  • В левом меню выберите пункт Структура
  • В появившемся окне выберите пункт с иконкой Сайт
  • В появившемся окне в полях Тема оформления и Мобильная тема оформления, выберите шаблон Твой Лендинг, далее в нижней части страницы нажмите кнопку Сохранить
  • Поздравляем, шаблон Твой Лендинг установлен на вашем сайте и готов к использованию, далее необходимо произвести его настройку.
2) Страница настройки темы Твой Лендинг
  • Перейдите в админку вашего сайта http://ваш_сайт.ру/webasyst
  • В верхнем меню выберите приложение с иконкой Сайт
  • В левом меню выберите пункт Дизайн
  • В появившемся окне должна быть выбрана тема Твой Лендинг (если нет, значит шаблон не выбран как основной для сайта см. пункт 1), чуть ниже нажмите ссылку с иконкой Настройка темы
  • Перед вами экран с настройками темы Твой Лендинг. Далее необходимо изменить контент на свой.
3) Замена информации на свою
  • Вы находитесь в разделе Настройка темы, ниже находится информация, которую необходимо поменять на вашу.
  • Тип Меню - Этот параметр отвечает за тип меню в шапке сайта. Вы можете выбрать тип Одностраничник, для использования сайта в режиме landing page, в этом случае навигация осуществляется в пределах страницы, вы можете самостоятельно редактировать код меню, и допустим добавить телефонный номер. В режиме Динамическое - Сайт, меню генерируется автоматически используя страницы созданные вами для приложения Сайт.
  • Код для типа меню Одностраничник - Если выбран тип меню Одностраничник, здесь находится код для его отображения, вы можете его изменить, не забудьте изменить номер телефона в этом блоке на ваш.
  • Цвет фона меню и Цвет ссылок в меню - Отвечают за цвет верхнего меню. Вы можете задать цвет как в HEX режиме, например #39454b так и в режиме RGB с прозрачностью например rgba(255,255,255,0.95), где первые три цифры отвечают за цвета RGB а последняя цифра 0.95 это прозрачность. Вы можете экспериментировать с цветом меню.
  • Город, Адрес, Телефонный номер - Замените на свои данные, необходимо для микроразметки Яндекса и для контакта с вами. Карта проезда - Ссылка на карту проезда до вас, используется в блоке контактов при клике на иконку рядом с адресом.
  • Содержимое блока INTRO - Здесь находится контент из блока Intro, который отображается первым при открытии сайта. Сюда можно вставлять свой контент, изображения, видео и прочее. Также в любом месте сайта вы можете использовать иконки из коллекции Font Awesome.
    Используйте код <i class="fa fa-rocket"></i>, где вместо fa-rocket используется название нужной вам иконки.
    Адрес картинки для фона блока INTRO - Ссылка на фоновую картинку для блока INTRO, вы можете использовать любую картинку просто вставив ее URL в это поле.
  • Содержимое блока ONE, Содержимое блока Two, а также фоновые картинки для этих блоков заполняются по аналогии с блоком INTRO, с разницей в том, что информация в этих блоках отображается на белой подложке.
  • Содержимое блока Портфолио - В этом блоке можно изменить заголовок, описание и добавить картинки с описанием, поставив URL своей картинки для миниатюры и для большего изображения и изменив текст описания.
  • Содержимое нижнего блока - Содержимое этого блока отображается под адресными данными перед формой отправки контактных данных.
    В этом блоке, лучше всего разместить уникальное торговое предложение с ограниченным сроком действия, призыв к совершению действия и перечисление бонусов, которые человек получит оставив заявку прямо сейчас.
  • Ссылки на соц. сервисы - Добавьте ссылки на вашу группу или сообщество в социальных сетях, заменив # с нужным соц. сервисом на соответствующий URL.
    Удалите строчки с социальными сервисами, которые вы не используете.
После того как вы настроили отображение темы Твой Лендинг для себя, сохраните все изменения, нажав на кнопку Сохранить, которая расположена в нижней части страницы. Поздравляем ваш лендинг пейдж готов!

При возникновении ошибки 404, нужно сделать следующее:
В разделе Страницы Сайта добавьте одну страницу в качестве главной (не указывайте/сотрите предлагаемый адрес), тогда она будет выводиться и не будет 404-й ошибки. Название страницы будет использоваться как title сайта.