Создаем лендинг в конструкторе сайтов Старонка за 7 шагов

Создаем лендинг в конструкторе сайтов Старонка за 7 шагов

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

Почему стоит выбрать Старонку?

  • В ней достаточно много шаблонов по различным тематикам.
  • В конструкторе легко добавить дополнительные сервисы: чат-бота, кнопки социальных сетей или подключить почтовые уведомления о заказах.
  • В пару кликов на сайт можно установить Google Analytics, Яндекс Метрику или пиксель Facebook
  • Опубликовать лендинг и выложить его в сеть можно за несколько минут.
  • Заявки будут приходить в отдельный раздел, на электронную почту или в телеграм бота.

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

Шаг №1 - Регистрация и выбор шаблона

Зайдите на сайт staronka.by и нажмите на кнопку «Создать самостоятельно». После этого пройдите регистрацию и нажмите на кнопку «Создать сайт». Затем выберите поле «Сайт компании или лендинг».

конструктор лендинга бесплатно

aсоздать лендинг бесплатно конструктор

Откроется библиотека с шаблонами. Они разделены по тематикам, для поиска нужного варианта просто введите запрос в поисковое поле. Для изучения шаблона, нажмите на кнопку «Посмотреть» и для выбора на «Выбрать шаблон».

создать лендинг конструктор

Выполнив этот шаг, необходимо написать название и слоган для сайта. На начальных этапах это могут быть любые значения. В дальнейшем их легко изменить в разделе «SEO-настройки».

конструктор лендинга онлайн

Шаг №2 - оформление меню и обложки

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

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

меню лендинга

Чтобы изменить название того или иного блока, нажмите на шестеренку в правом верхнем углу раздела. А затем в поле «Название раздела» отредактируйте текст.

создать лендинг онлайн бесплатно конструктор с выгрузкой

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

заголовок лендинга

продающие заголовки для лендинга

Шаг №3 - Добавление основного контента

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

кнопка лендинга

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

Основные разделы при создании лендинга: «Обложка», «О нас», «Галерея», «Разделитель с кнопкой для обратной связи», «Преимущества», «Отзывы», «Расписание», «Тарифы», «Карта проезда», «Контакты и социальные сети».

Шаг №4 - Подключение форм для обратной связи

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

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

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

создать лендинг бесплатно самому с нуля конструктор

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

лендинг бесплатно самому с нуля конструктор

создать лендинг самому с нуля конструктор

Шаг №5 - Добавление чата и кнопок социальных сетей

Для подключения онлайн-чата, перейдите в раздел «Расширения» → вкладка «Онлайн-консультанты». Выберите для себя подходящий вариант и нажмите на кнопку «Добавить». Затем вставьте в открывшемся модальном окне идентификатор чата и сохраните правки. Более подробная инструкция есть в нашем справочном центре.

лендинг пейдж конструктор

В оформлении кнопок социальных сетей поможет расширение «AddThis». На официальном сайте сервиса за пару минут добавляются кнопки нужных социальных сетей и настраивается дизайн.

лендинг своими руками бесплатно конструктор

Шаг № 6 - Подключение Яндекс.Метрики и Google Analytics

Эти два сервиса требуются для отслеживания статистики сайта. Она позволит провести своевременный подробный анализ и доработать страницу в нужном направлении. Для их подключения достаточно перейти в раздел «Расширения» → во вкладку «Счетчики посещений» и нажать на кнопку «Добавить». Для каждого расширения написана подробная пошаговая инструкция со скриншотами. Она не даст запутаться и поможет подключить аналитику за считанные минуты.

бесплатные конструктор сайтов лендинг

Шаг №7 - Завершающая настройка

Перейдите на сайт по техническому адресу, протестируйте работу меню, ссылок и кнопок. Внимательно вычитайте текст, проверьте его с помощью специальных сервисов на оригинальность и опечатки. Убедитесь в том, чтобы все элементы на лендинге располагались удобно. Пользователю должно быть с первых минут понятно куда он перешел, где можно найти телефон, подробнее прочитать про услуги и оставить заявку. Завершив первый этап, необходимо проверить все внутренние настройки: подключите к сайту свой адрес, добавьте онлайн-чат, кнопки социальных сетей, системы аналитики, подтвердите права на сайт в Google и Яндекс. Помимо этого, обязательно надо перейти в раздел «SEO-настройки» и заполнить его. Данные из этого раздела будут отражаться в поисковой выдаче.

бесплатный конструктор лендинга с бесплатным хостингом

Заключение

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

Ангелина Нехай

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