Создание лендинга одностраничника на uKit с записью на мероприятие или конференцию

Нужен сайт? Закажите или создайте самостоятельно,
следуя нашим пошаговым инструкциям!

В данном примере мы рассмотрим, как легко и быстро создать посадочную страницу на мероприятие на базе существующего шаблона в конструкторе uKit. Все инструкции предельно простые и позволят вам выполнить всю работу самостоятельно.

Шаг 1.

Для начала необходимо выбрать шаблон. Для вашего удобства в конструкторе uKit уже есть категория “Одностраничники”:

Шаг 2.

Для продвижения мероприятия отлично подойдет шаблон “Автоюрист”. Он уже является одностраничником. Вам остается только отредактировать существующие блоки и добавить несколько своих.

Шаг 3.

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

Шаг 4.

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

Шаг 4.1.

Меняем фоновую картинку на свою. Для этого кликаем на иконку “Свойства заливки блока”, которая появляется при наведении на блок. Свойства заливки блока:

Выбираем стиль фона “Картинка”:

Выбираем загруженное изображение (или загружаем с компьютера свое):

Шаг 4.2.

Изменяем тексты и примечание сайта в заголовке. Просто кликаем мышкой на поле с текстом и вводим свой:

Шаг 4.3.

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

Настраиваем таймер по своему усмотрению: отсчет времени до определенной даты, отсчет определенного количества времени, установить цикличность таймера, настроить внешний вид (доступно 3 варианта), настроить отображаемые поля (дни, часы, минуты, секунды), настроить выравнивание таймера (по левому краю, по центру, по правому краю):

Шаг 4.4.

Настраиваем форму обратной связи, чтобы посетители могли отправить вам свои данные (которые нужны для регистрации), эти данные будут отправлены на ваш e-mail:

Шаг 4.5.

Не забываем поставить напоминание о неразглашении собранных данных.

Шаг 5.

Блок “О мероприятии”. Кратко опишите суть мероприятия, бонусы, преимущества, которые получат посетители. Замена/редактирование текста уже существующего шаблона.

Шаг 5.1.

В данном примере мы используем иконки, библиотека которых предлагается конструктором uKit. Вместо иконок можно использовать любые изображения, достаточно поставить отметку, как показано на скриншоте:

При наведении на иконку появляется надпись “Заменить”. При нажатии на нее открывается список доступных иконок:

Шаг 5.2.

Обязательно подчеркните этот блок отдельной кнопкой “Подать заявку на участие”. При нажатии на нее всплывает окно обратной связи (та же форма, что и в начале). Для этого перетащите виджет пустого блока:

Вставьте виджет кнопки. Для оформления можно использовать виджет “Разделитель”:

Шаг 5.3.

Настраиваем кнопку со всплывающей формой обратной связи:

Для настройки полей формы обратной связи нажмите на иконку карандаша и настройте по своему усмотрению.

У нас получился такой блок:

Шаг 6.

Следующий блок должен содержать немного информации, например, о прошедших мероприятиях, целях создания мероприятия и т.д. Этот блок также должен содержать кнопку для получения контакта для привлечения участия в конференции, но название уже иное: “Задать вопрос”. Настройки и вставка кнопки аналогичны предыдущему пункту. Дополнительным интересным моментом будет добавление небольшого количества фотографий с прошедших мероприятий (не более 10 фотографий) (виджет “Фотогалерея”).

Шаг 7.

Блок о ведущих рассказывает о спикерах, которые будут вести конференцию. Можно кратко о них рассказать и установить кнопку “Задать вопрос” (прямо ведущему), что позволит увеличить количество собранных контактов потенциальных участников конференции (настройка кнопки аналогична предыдущему пункту). Блок “Слайдер” позволяет добавить несколько ведущих, а также настроить их автоматическую прокрутку.

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

Шаг 8.

Блок “Отзывы” ставится по вашему желанию и в зависимости от того, насколько целевая аудитория доверяет такой информации на сайте. Данный блок уже есть в шаблоне, его нужно только отредактировать.

Шаг 9.

Подробно о мероприятии. Этот раздел делится на два подраздела. В первом подробно рассказывается о самой конференции: какие будут затронуты вопросы, аспекты и т.д. Здесь рассказывается об опыте самих спикеров, об успехах участников прошедших мероприятий. Оканчивается подраздел кнопкой с формой записи на мероприятие.

Шаг 9.1.

Первый подраздел. Для его создания нужно перетащить пустой блок и добавить в него виджеты: заголовок, текст (3 шт.), кнопку:

В настройках виджета можно сделать текст маркированным списком:

Второй подраздел расскажет о программе мероприятия.

Шаг 9.2.

Второй подраздел. Для его создания перетаскиваем пустой блок и наполняем его виджетами текста, а также ставим разделитель:

Шаг 9.3.

Объединяем оба блока единым фоновым рисунком. Для этого, как в самом начале, выбираем свойства заливки блока и загружаем рисунок. Однако в настройках выставляем перекрытие рисунка (в данном случае белым цветом на 80%), опцию “Фиксировать” и позиционирование “По центру”:

То же самое делаем и для второго блока. У нас получится неподвижный единый фон:

Шаг 10.

Наконец, заключительная часть — “Контакты”. Не забудьте указать ссылки на социальные сети. Если у вас есть другие проекты, которые могут способствовать вашему продвижению, укажите ссылки и на них. Установите карту и отметьте место проведения мероприятия.

Настройка формы обратной связи аналогична первому блоку. Настройка социальных сетей производится путем вставки прямых ссылок. Карта автоматически берет точку из контактов:

Хорошим дополнением может служить фоновая фотография места проведения конференции.

Таким образом, получится информативный сайт, который расскажет о предстоящем событии, позволит посетителям быстро записаться на мероприятие или задать вопрос. Все письма, отправленные с форм обратной связи, будут присланы вам на e-mail. Сайт легко продвигать в социальных сетях и поисковых системах. Важно отметить, что нет необходимости создавать отдельную версию для мобильных устройств, так как благодаря конструктору uKit сайт уже адаптивный и отлично смотрится на всех мобильных устройствах (планшетах, смартфонах):

Наши исполнители могут сделать это за вас!
Всего 3 500 рублей за 10 дней.