Конструктор лендингов позволяет создавать страницы из готовых компонентов. Компоненты - это настраиваемые горизонтальные секции, которые могут идти друг за другом в любой последовательности и прекрасно сочетаются между собой. К примеру, этот сайт полностью создан на нашем конструкторе.
Лендинги можно использовать в любом месте вашего сайта, созданного на базе платформы WikiVote.
Примеры использования лендингов:
- главная страница
- страница “о компании/о проекте”
- страница сообщества
Создавать лендинги может только администратор системы через административную панель. Для создания лендингов доступен 21 компонент:
- Заголовок
- Заголовок с фоном и картинкой
- Заголовок вариант 2
- Заголовок со ссылками
- Проекты и сообщества
- Проект
- Статический текст
- Обращение
- Цитаты
- Сетка
- Галерея изображений
- Галерея видео
- Призы
- Активность
- Список ссылок на сторонние ресурсы
- Поделиться
- Социальные сети
- Счетчики в виде графиков
- Счетчики проектов
- Карта
- HTML
Названия компонентов отражают наиболее популярные цели, для которых они используются. Ниже мы расскажем подробно про каждый компонент и покажем различные варианты использования.
Компонент состоит из фона, текста и кнопки. Любой из этих элементов может быть настроен или отключен. Видимость и ссылка по кнопке настраивается отдельно для анонимов и авторизованных пользователей, что добавляет гибкости. Компонент "Заголовок" подходит для следующих случаев:
- Первый экран лендинга или статической страницы с призывом к действию. Для этого настройте фон, укажите текст призыва и включите кнопку.
- Разделитель лонг-рида на секции. Настройте фон и укажите текст; кнопку включать не нужно.
- Иллюстрация, например, демонстрация вашего продукта. Загрузите изображение в фон и используйте компонент без фона и кнопки.
- Призыв к действию в конце лендинга.
Различные примеры настройки компонента можно посмотреть на странице демонстрации компонента "Заголовок".
Компонент состоит из шести элементов. Каждый элемент настраивается и отключается:
- Фон. Рекомендуем использовать фон со спокойной левой частью, так как именно там находится текст заголовка и описания.
- Картинка. Картинка подходит для декоративных и демонстрационных элементов. Наличие картинки определяет ширину заголовка и описания и положение кнопки. Лайфхак: вы можете использовать прозрачный svg файл для картинки, если все необходимые иллюстрации находятся в изображении фона, но вам нравится расположение элементов при наличии картинки.
- Заголовок.
- Описание.
- Кнопка. Текст кнопки настраивается для всех единожды, а ссылка - отдельно для анонимов и зарегистрированных пользователей.
- Счетчики (участники, проекты, предложения). Счетчики показывают количество проектов, участников и предложений (идей) на всей площадке. Рекомендуется включать при наличии некой активности на сайте, иначе есть риск продемонстрировать отсутствие жизни.
Компонент состоит из заголовка и фона. Можно настраивать цвет заголовка, цвет фона или загрузить фоновое изображение. На этой странице этот компонент используется для подзаголовков о компонентах. Так же им можно выделять важные мысли или создавать "пустое" пространство.
Компонент состоит из заголовка, фона и списка ссылок.
Компонент "Проекты и сообщества" используется для отображения списка проектов площадки. Распространенный вариант - создать отдельную страницу с этим компонентом и поставить ссылку "Проекты"в шапку сайта - тогда у участников будет быстрый доступ к списку проектов.
Компонент проект отображает выбранный вами проект на лендинг-странице. Рекомендуем использовать, когда на проекте до трех проектов, и не нужен список с фильтрацией, как в компоненте "Проекты и сообщества".
У проекта отображается название, краткое описание, миниатюра, счетчики активности и даты.
Самый часто используемый компонент на этом сайте. Состоит из трех элементов, каждый из которых отдельно настраивается:
- Текст. Текст имеет два размера: Common (16) и Big (20). Вы так же можете настроить ширину отображаемого текста по количеству колонок сетки: 8, 10 или 12. К примеру, текст, который вы сейчас читаете, имеет параметры сетка - 10, размер - common. Редактор текста так же позволяет использовать форматирование: заголовки, списка, выравнивание и т.д.
- Фон. Вы можете использовать стандартные цвета (светлый, темный или полупрозрачный основной) или загрузить изображение. Рекомендуем придерживаться большого контраста между фоном и текстом и избегать типичных ошибок вроде белого текста на очень светлом фоне.
- Кнопка действия. Включается настройкой. У кнопки отдельно настраивается цвет текста, цвет фона, текст и ссылки для анонимных и зарегистрированных пользователей.
Компонент "Обращение" имеет ряд применений:
- Непосредственно обращение заказчика проекта или другого лица
- Выделение основной мысли
- Демонстрация продукта
- Крупная цитата
Компонент состоит из следующих элементов:
- Фон
- Цвет текста
- Фотография
- Имя автора
- Описание автора
- Текст обращения
- Вариант отображения фотографии (мелкий/крупный)
Компонент "Цитаты" позволяет разместить цитаты нескольких людей, важных для вашей площадки в едином виджете. Компонент состоит из следующих элементов:
- Фон
- Цвет текста
- Изображение автора
- Имя и описание автора
- Текст цитаты
Компонент "Сетка" состоит из следующих элементов и настроек:
- Фон
- Цвет текста
- Количество карточек в ряду (1 - 4)
- Заголовок карточек
- Опция "Выводить миниатюры"
- Размер миниатюр (мелкий, средний, большой)
- Выравнивание внутри карточек
- Опция "Включить фон для подложки"
- У каждой карточки: описание с формированием и миниатюра
Галерея изображений используется на этой странице для демонстрации компонентов. У нее есть две настройки: крупное и мелкое отображение и возможность прикрепить ссылки к картинкам. Полезный компонент для визуальной демонстрации.
Компонент схож с галерей фото и позволяет добавить галерею из видео-ресурсов на лендинг. Вы можете настроить:
- Фон
- Цвет текста
- Тип видео ресурса (youtube/vimeo) и ссылка ресурс (для каждого ресурса)
Компонент "Призы" позволяет визуально показать тройку призов за участие в проекте или конкурсе. Компонент состоит из следующих элементов:
- Фон
- Текст и его цвет
- Заголовки трех призов
- Изображения трех призов
Этот компонент добавляет на страницу сразу два блока: последняя активность на площадке и новости. Вы можете настроить фон всего компонента, количество записей для каждого из блоков и указать сообщество, проекты которого будут учитываться в выборке. Если сообщество не выбрано, то по умолчанию показываются активность со всех публичных проектов и новости площадки (которые обычно доступны в верхнем меню).
С помощью этого компонента вы можете прикрепить ссылку на внешнее файлохранилище и указать миниатюры некоторых из файлов. Компонент предназначен для использования внутри сообществ или в любом месте, где имеет смысл делиться файлами.
Компонент позволяет встроить на страницу кнопки для шаринга в соц. сетях.
Компонент состоит из четырех элементов:
- Текст. Настройте содержание и цвет текста.
- Фон. Используйте один из предложенных цветов или загрузите изображение.
- Выбор страницы, которой участники будут делиться.
- Выбор соц. сетей, доступных для шаринга. Важно: предварительно вам нужно будет связать площадку с выбранными соц. сетями (см раздел Руководства).
Компонент "Социальные сети" может использоваться как по прямому назначению, указанному в названии, так и для других целей. Он состоит из четырех элементов:
- Текст. Настройте цвет и содержание.
- Кнопка. Настройте цвет и текст кнопки.
- Ссылка на кнопке. Можно указать внешнюю ссылку, или, к примеру, якорь к одному из компонентов на настраиваемой странице.
- Фон. Фон может быть просто цветным или использовать загруженное изображение.
Примеры использования компонента:
- Призыв присоединиться к группе в соц. сетях
- Промо нового проекта или ресурса в середине или в конце страницы
- Акцентная ссылка
- Любой другой призыв
Этот компонент показывает сводную активность по площадке за последние три квартала. Количество участников показывает общее число пользователей и динамику новых регистраций; энтузиазм участников - внерабочее время, проведенное участниками на площадке; количество идей и доработок - количество соответствующего контента.
На публичных лендингах такой компонент стоит использовать, если он показывает возрастающую динамику и жизнь площадки для мотивации и привлечения пользователей, а на внутренних страницах для аналитики вне зависимости от трендов.
Этот компонент показывает активность сообщества в разрезе отдельных проектов. Для каждого проекта показываются суммарные счетчики одобренный идей (прошедших экспертизу, если она есть), доработок и лайков, а так же проценты активности сообщества и экспертов и процент одобренных экспертами идей от общего количества.
Счетчики проектов интересно использовать при наличии более трех проектов на площадке для сравнительного анализа поведения сообщества и экспертов. Например, низкий процент одобренных идей указывает на вероятно низкое качество контента, а высокая активность сообщества и низкая активность экспертов могут указать на проблемы с постановкой рамки качества от экспертов.
Карта - это особый компонент, наиболее подходящий для демонстрации активности на площадке по регионам. Вы настраиваете связку между полями профиля пользователей и областями карты, например, у участника указано "Сергиев Посад", и вы привязываете это к Московской области. После активации компонента, регионы на карте выделяются в соответствии с активностью участников.
Данный компонент подходит только для площадок, которые подключили привязанные к географии справочники, и является отличным интерактивным способом визуализации активности участников.
Если вам не хватает готовых компонентов, на любой лендинг вы можете добавить свой кастомный блок с HTML кодом. Для этого добавьте компонент HTML на страницу, выберите его расположение между компонентами и добавьте код. Если после добавления такого компонента что-то где-то сломалось, удалите компонент, подождите некоторое время и проверьте площадку. Скорее всего, все вернется на свои места, и вам просто нужно будет переписать код.
Просим с осторожность пользоваться скриптами, которые меняют внешний вид и поведение других блоков и сайта в целом. За добавление свободного кода несете ответственность вы, и помощь с редактированием HTML компонентов не осуществляется в рамках бесплатной поддержки.