Мощный конструктор для строителей лендингов

Быстро создавайте красивые лендинги и посадочные страницы без знаний веб-программирования.

15 сентября 2020, версия 1.0.3.4


Популярную сейчас в интернете задачу, которую можно кратко сформулировать словами «быстро наклепать красивых лендингов», теперь могут с лёгкостью выполнять и пользователи Webasyst. Потому что в магазине приложений недавно появился мощный конструктор лендингов с говорящим названием «Конструктор».

Что можно делать с помощью «Конструктора»

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

Какие доступны блоки

  • Шапка с логотипом, контактными данными и графиком работы компании (или просто шапка с логотипом — смотря как вам нужно).
  • Слайдер с фотографиями на всю ширину страницы.
  • Текстовый блок — в него нужно вписать нужный текст с помощью визуального редактора.
  • Презентация товара — с галереей фотографий, ценой, скидкой, выбором количества, кнопкой «Купить», списком характеристик и описанием. Кнопка «Купить» не связана с интернет-магазином Shop-Script, а создаёт новую заявку внутри «Конструктора», но об этом чуть ниже.
  • Инфографика с иконками — блок из нескольких иконок с короткими надписями. На большом экране иконки расположены горизонтально в ряд, а на смартфоне — вертикально друг под другом.
  • Инфографика с картинками — похожий блок, но вместо иконок нужно загрузить любые свои картинки. Ещё одно отличие: в дополнение к небольшой текстовой надписи в этой разновидности блока можно также добавить заголовок и адрес ссылки. Ссылкой станет сама загруженная картинка, если щёлкнуть по ней на сайте.
  • Плитка предложений — слайдер, который из нескольких блоков, — с фотографией, ценой, списком характеристик и кнопкой. Кнопка обычно привязывается к так называемой «форме захвата» (подробнее об этом чуть ниже) — для того чтобы посетители сайта могли отправлять вам заявки, связанные с этими предложениями. Это может быть заказ товара или услуги, или отправка любых других видов заявок. Причём к каждому предложению в слайдере можно прикрепить отдельную форму — или использовать одну общую форму для всех предложений.
  • Плитка изображений — этот элемент похож на плитку предложений, но в нём нет возможности добавлять список характеристик, и в нём нет кнопки для выполнения действия. Это слайдер фотографий с подписями под ними и ссылками на нужные вам страницы.
  • Видео с YouTube добавит на страницу видеоролик с YouTube. Рядом с видео можно расположить поясняющий текст: справа или слева от видео.
  • Картинки с пояснениями — ещё один вид блоков для показа картинок. Его особенность в том, что картинки выстраиваются в несколько колонок, насколько позволяет ширина экрана, а подписи к ним располагаются сбоку от каждой картинки. Можно включить скругление картинок с помощью стилей — «для пущей элитности», как иронично выразился разработчик в подсказке для этой настройки.
  • Отзывы — с помощью этого блока можно добавить аккуратный список отзывов, чтобы показать, как ваши существующие клиенты оценивают качество ваших товаров и услуг. Кроме текста отзыва, в нём можно также показать фотографию клиента и его имя.
  • Форма захвата — это веб-форма, с помощью которой посетитель сайта может отправить вам какую-то информацию о себе. Например, своё имя, контактные данные и описание услуги, которую он хочет у вас заказать. Каждый раз когда посетитель отправляет вам какие-то данные через форму, в приложении «Конструктор» появляется новая заявка. О работе с заявками расскажем отдельно.

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

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

    Для защиты формы от спама можно включить капчу Google reCAPTCHA, в том числе невидимую.
  • Всплывающая форма захвата — это разновидность форм захвата, которая сразу не видна на сайта, а появляется в виде всплывающего окошка при нажатии на разные ссылки или кнопки, которые можно настраивать в других блоках, например, в блоках «Плитка предложений» или Презентация товара».
  • Сравнение предложений позволит вам сформировать часть страницы по аналогии с тем, как в интернет-магазинах покупатель может добавить несколько товаров в список сравнения — так нагляднее сравнивать характеристики товаров или услуг, когда они показаны в нескольких столбцах напротив друг друга. Конечно, этот список здесь не формируется автоматически, как в интернет-магазине, — его надо составить вручную: написать заголовки для каждого столбца и добавить список сравниваемых характеристик в виде текста, картинок или иконок.
  • Скачать файлы — добавляет на страницу сайта приятно оформленный список файлов, которые можно скачать всем посетителям без оплаты или регистрации. Рядом с каждым файлом можно показать цветную иконку и текстовую подсказку.
  • Хлебные крошки — в этом блоке можно вручную настроить набор ссылок, которые будут показывать посетителям, как с вашей страницы-лендинга можно перейти на главную страницу сайта. Видимо, это бывает полезно в том случае, если лендинг, созданный с помощью «Конструктора», не является главной страницей сайта, а используется в качестве дополнительного средства продвижения.
  • Подвал — нижняя часть страницы с логотипом компании, контактными данными и несколькими столбцами ссылок на разные разделы сайта.

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

Работа с заявками

Если вы добавили на свой лендинг форму захвата, то отправленные через эту форму данные посетителей сайтов появятся в разделе «Заявки». Можно считать заявки чем-то вроде заказов: посетитель сайта прислал вам свои данные, потому что он что-то от вас ждёт: товар, услугу, информацию — смотря для именно вы разместили форму на своём лендинге.

Когда заявок накопится много, надо как-то отмечать, какие из них вы уже обработали, а какие ещё только ожидают обработки. Для этого в каждой заявке есть кнопки действий: «В обработке», «Обработан успешно», «Сорван», «Удалён». При нажатии на кнопку заявка переходит в выбранное состояние. Например, из состояния «Новый» можно перевести заявку в состояние «В обработке», а из состояния «Удалён» можно вернуть её обратно в «В обработке».

В списке заявок есть фильтр, чтобы просматривать заявки в каком-то выбранном статусе. Например, только новые или только удалённые. Если фильтр показывает очень много заявок, а нужно найти какую-то конкретную, в этом поможет поле поиска — оно работает сразу по мере ввода текста, не нужно даже нажимать на какую-то кнопку или Enter на клавиатуре.

Каждый раз, когда посетитель отправляет вам через форму новую заявку, может отправляться email-уведомление — посетителю или вам. Это полезно: посетитель сайта будет видеть, что его заявка точно дошла куда нужно, а вы благодаря уведомлению быстро увидите, например, у себя на телефоне, что у вас появилась новая заявка, и вовремя её обработаете. Клиенты любят, когда их вовремя информируют и быстро реагируют на их заявки и заказы!

Дизайн

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

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

Кроме настроек темы дизайна, есть возможность изменить их отдельно для каждого лендинга. И даже дизайн каждого отдельного блока можно изменить так, как вам нужно. Но для этого нужно иметь хотя бы некоторые знания HTML и CSS.

Другие возможности

У каждого лендинга есть поля для ввода тега TITLE и метатегов description и keywords. Можно также загрузить изображение для разметки OpenGraph — его увидят пользователи соцсетей и мессенджеров, когда кто-то будет пересылать ссылку на ваш лендинг.

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

Если вы сделали много изменений в настройках блока и хотите вернуть «всё, как было», это легко сделать на вкладке «Сервис». Блок восстанавливается до первоначального вида, и можно начинать настраивать его заново. Можно было бы, конечно, сначала удалить испорченный блок и добавить его заново, но это было бы не так быстро и удобно.

Впечатления

В «Конструкторе» очень много возможностей — это впечатляет. Можно начать делать что-то простое, а потом постепенно погружаться в дополнительные настройки, когда вам это понадобится. В результате совершенно неопытный в строительстве сайтов человек может создать отличный лендинг.

Для этого нужно всего лишь изучить, какие доступны блоки для создания страницы, и решить, как вам хочется их наполнить и расположить на странице. Почти всё остальное за вас сделает «Конструктор». Действительно мощный инструмент — по сути самостоятельная CMS внутри Вебасиста. Если вам нужно поручить быстрое создание посадочных страниц сотрудникам без опыта в веб-программировании, то приложение «Конструктор» легко оправдает свою цену.

* * *

«Конструктор» в Магазине Webasyst: https://www.webasyst.ru/store/app/landings/