Конструктор лендингов

Конструктор лендингов позволяет создавать страницы из готовых компонентов. Компоненты - это настраиваемые горизонтальные секции, которые могут идти друг за другом в любой последовательности и прекрасно сочетаются между собой. К примеру, этот сайт полностью создан на нашем конструкторе.

Лендинги можно использовать в любом месте вашего сайта, созданного на базе платформы WikiVote.

Примеры использования лендингов:

  • главная страница
  • страница “о компании/о проекте”
  • страница сообщества

Создавать лендинги может только администратор системы через административную панель. Для создания лендингов доступен 21 компонент:

  1. Заголовок
  2. Заголовок с фоном и картинкой
  3. Заголовок вариант 2
  4. Заголовок со ссылками
  5. Проекты и сообщества
  6. Проект
  7. Статический текст
  8. Обращение
  9. Цитаты
  10. Сетка
  11. Галерея изображений
  12. Галерея видео
  13. Призы
  14. Активность
  15. Список ссылок на сторонние ресурсы
  16. Поделиться
  17. Социальные сети
  18. Счетчики в виде графиков
  19. Счетчики проектов
  20. Карта
  21. HTML

Названия компонентов отражают наиболее популярные цели, для которых они используются. Ниже мы расскажем подробно про каждый компонент и покажем различные варианты использования.

Компонент "Заголовок"

Компонент состоит из фона, текста и кнопки. Любой из этих элементов может быть настроен или отключен. Видимость и ссылка по кнопке настраивается отдельно для анонимов и авторизованных пользователей, что добавляет гибкости. Компонент "Заголовок" подходит для следующих случаев:

  • Первый экран лендинга или статической страницы с призывом к действию. Для этого настройте фон, укажите текст призыва и включите кнопку.
  • Разделитель лонг-рида на секции. Настройте фон и укажите текст; кнопку включать не нужно.
  • Иллюстрация, например, демонстрация вашего продукта. Загрузите изображение в фон и используйте компонент без фона и кнопки.
  • Призыв к действию в конце лендинга.

Различные примеры настройки компонента можно посмотреть на странице демонстрации компонента "Заголовок".

Компонент "Заголовок с фоном и картинкой"

Компонент состоит из шести элементов. Каждый элемент настраивается и отключается:

  • Фон. Рекомендуем использовать фон со спокойной левой частью, так как именно там находится текст заголовка и описания.
  • Картинка. Картинка подходит для декоративных и демонстрационных элементов. Наличие картинки определяет ширину заголовка и описания и положение кнопки. Лайфхак: вы можете использовать прозрачный svg файл для картинки, если все необходимые иллюстрации находятся в изображении фона, но вам нравится расположение элементов при наличии картинки.
  • Заголовок.
  • Описание.
  • Кнопка. Текст кнопки настраивается для всех единожды, а ссылка - отдельно для анонимов и зарегистрированных пользователей.
  • Счетчики (участники, проекты, предложения). Счетчики показывают количество проектов, участников и предложений (идей) на всей площадке. Рекомендуется включать при наличии некой активности на сайте, иначе есть риск продемонстрировать отсутствие жизни.

Компонент наиболее оптимально использовать как заголовок страницы или иллюстрацию (для этого просто загрузите изображение в фон и не заполняйте другие поля). Ознакомиться с примерами компонента вы можете на странице демонстрации компонента “Заголовок с фоном и картинкой”.
Компонент "Заголовок вариант 2"

Компонент состоит из заголовка и фона. Можно настраивать цвет заголовка, цвет фона или загрузить фоновое изображение. На этой странице этот компонент используется для подзаголовков о компонентах. Так же им можно выделять важные мысли или создавать "пустое" пространство.

Компонент "Заголовок со ссылками"

Компонент состоит из заголовка, фона и списка ссылок.


Такой заголовок можно использовать как заголовок сообщества с несколькими ресурсами - добавьте одинаковый компонент на несколько страниц и свяжите ссылки. У пользователя будет ощущение нахождения внутри одной страницы.
Компонент "Проекты и сообщества"

Компонент "Проекты и сообщества" используется для отображения списка проектов площадки. Распространенный вариант - создать отдельную страницу с этим компонентом и поставить ссылку "Проекты"в шапку сайта - тогда у участников будет быстрый доступ к списку проектов.

Компонент "Проект"

Компонент проект отображает выбранный вами проект на лендинг-странице. Рекомендуем использовать, когда на проекте до трех проектов, и не нужен список с фильтрацией, как в компоненте "Проекты и сообщества".


У проекта отображается название, краткое описание, миниатюра, счетчики активности и даты.

Компонент "Статический текст"

Самый часто используемый компонент на этом сайте. Состоит из трех элементов, каждый из которых отдельно настраивается:

  • Текст. Текст имеет два размера: Common (16) и Big (20). Вы так же можете настроить ширину отображаемого текста по количеству колонок сетки: 8, 10 или 12. К примеру, текст, который вы сейчас читаете, имеет параметры сетка - 10, размер - common. Редактор текста так же позволяет использовать форматирование: заголовки, списка, выравнивание и т.д.
  • Фон. Вы можете использовать стандартные цвета (светлый, темный или полупрозрачный основной) или загрузить изображение. Рекомендуем придерживаться большого контраста между фоном и текстом и избегать типичных ошибок вроде белого текста на очень светлом фоне.
  • Кнопка действия. Включается настройкой. У кнопки отдельно настраивается цвет текста, цвет фона, текст и ссылки для анонимных и зарегистрированных пользователей.
Этот компонент имеет массу применений, от больших блоков текста до призыва к действию в конце страницы. Пустой компонент можно также использовать для добавления дополнительного “воздуха” на странице.
Компонент "Обращение"

Компонент "Обращение" имеет ряд применений:

  • Непосредственно обращение заказчика проекта или другого лица
  • Выделение основной мысли
  • Демонстрация продукта
  • Крупная цитата


Компонент состоит из следующих элементов:

  • Фон
  • Цвет текста
  • Фотография
  • Имя автора
  • Описание автора
  • Текст обращения
  • Вариант отображения фотографии (мелкий/крупный)
Компонент "Цитаты"

Компонент "Цитаты" позволяет разместить цитаты нескольких людей, важных для вашей площадки в едином виджете. Компонент состоит из следующих элементов:

  • Фон
  • Цвет текста
  • Изображение автора
  • Имя и описание автора
  • Текст цитаты
Компонент "Сетка"

Компонент "Сетка" состоит из следующих элементов и настроек:

  • Фон
  • Цвет текста
  • Количество карточек в ряду (1 - 4)
  • Заголовок карточек
  • Опция "Выводить миниатюры"
  • Размер миниатюр (мелкий, средний, большой)
  • Выравнивание внутри карточек
  • Опция "Включить фон для подложки"
  • У каждой карточки: описание с формированием и миниатюра
Компонент "Галерея изображений"

Галерея изображений используется на этой странице для демонстрации компонентов. У нее есть две настройки: крупное и мелкое отображение и возможность прикрепить ссылки к картинкам. Полезный компонент для визуальной демонстрации.

Компонент "Галерея видео"

Компонент схож с галерей фото и позволяет добавить галерею из видео-ресурсов на лендинг. Вы можете настроить:

  • Фон
  • Цвет текста
  • Тип видео ресурса (youtube/vimeo) и ссылка ресурс (для каждого ресурса)
Компонент "Призы"

Компонент "Призы" позволяет визуально показать тройку призов за участие в проекте или конкурсе. Компонент состоит из следующих элементов:

  • Фон
  • Текст и его цвет
  • Заголовки трех призов
  • Изображения трех призов


Компонент "Активность"

Этот компонент добавляет на страницу сразу два блока: последняя активность на площадке и новости. Вы можете настроить фон всего компонента, количество записей для каждого из блоков и указать сообщество, проекты которого будут учитываться в выборке. Если сообщество не выбрано, то по умолчанию показываются активность со всех публичных проектов и новости площадки (которые обычно доступны в верхнем меню).

Компонент "Список ссылок на сторонние ресурсы"

С помощью этого компонента вы можете прикрепить ссылку на внешнее файлохранилище и указать миниатюры некоторых из файлов. Компонент предназначен для использования внутри сообществ или в любом месте, где имеет смысл делиться файлами.

Компонент "Поделиться"

Компонент позволяет встроить на страницу кнопки для шаринга в соц. сетях.

Компонент состоит из четырех элементов:

  • Текст. Настройте содержание и цвет текста.
  • Фон. Используйте один из предложенных цветов или загрузите изображение.
  • Выбор страницы, которой участники будут делиться.
  • Выбор соц. сетей, доступных для шаринга. Важно: предварительно вам нужно будет связать площадку с выбранными соц. сетями (см раздел Руководства).
Компонент "Социальные сети"

Компонент "Социальные сети" может использоваться как по прямому назначению, указанному в названии, так и для других целей. Он состоит из четырех элементов:

  • Текст. Настройте цвет и содержание.
  • Кнопка. Настройте цвет и текст кнопки.
  • Ссылка на кнопке. Можно указать внешнюю ссылку, или, к примеру, якорь к одному из компонентов на настраиваемой странице.
  • Фон. Фон может быть просто цветным или использовать загруженное изображение.


Примеры использования компонента:

  • Призыв присоединиться к группе в соц. сетях
  • Промо нового проекта или ресурса в середине или в конце страницы
  • Акцентная ссылка
  • Любой другой призыв
Компонент "Счетчики в виде графиков"

Этот компонент показывает сводную активность по площадке за последние три квартала. Количество участников показывает общее число пользователей и динамику новых регистраций; энтузиазм участников - внерабочее время, проведенное участниками на площадке; количество идей и доработок - количество соответствующего контента.


На публичных лендингах такой компонент стоит использовать, если он показывает возрастающую динамику и жизнь площадки для мотивации и привлечения пользователей, а на внутренних страницах для аналитики вне зависимости от трендов.

Компонент "Счетчики проектов"

Этот компонент показывает активность сообщества в разрезе отдельных проектов. Для каждого проекта показываются суммарные счетчики одобренный идей (прошедших экспертизу, если она есть), доработок и лайков, а так же проценты активности сообщества и экспертов и процент одобренных экспертами идей от общего количества.


Счетчики проектов интересно использовать при наличии более трех проектов на площадке для сравнительного анализа поведения сообщества и экспертов. Например, низкий процент одобренных идей указывает на вероятно низкое качество контента, а высокая активность сообщества и низкая активность экспертов могут указать на проблемы с постановкой рамки качества от экспертов.

Компонент "Карта"

Карта - это особый компонент, наиболее подходящий для демонстрации активности на площадке по регионам. Вы настраиваете связку между полями профиля пользователей и областями карты, например, у участника указано "Сергиев Посад", и вы привязываете это к Московской области. После активации компонента, регионы на карте выделяются в соответствии с активностью участников.


Данный компонент подходит только для площадок, которые подключили привязанные к географии справочники, и является отличным интерактивным способом визуализации активности участников.

Компонент "HTML"

Если вам не хватает готовых компонентов, на любой лендинг вы можете добавить свой кастомный блок с HTML кодом. Для этого добавьте компонент HTML на страницу, выберите его расположение между компонентами и добавьте код. Если после добавления такого компонента что-то где-то сломалось, удалите компонент, подождите некоторое время и проверьте площадку. Скорее всего, все вернется на свои места, и вам просто нужно будет переписать код.


Просим с осторожность пользоваться скриптами, которые меняют внешний вид и поведение других блоков и сайта в целом. За добавление свободного кода несете ответственность вы, и помощь с редактированием HTML компонентов не осуществляется в рамках бесплатной поддержки.