Найти в Дзене
🌱kvitly

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

Оглавление

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

Почему стоит выбрать 🌱kvitly?

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

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

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

-2

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

-3

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

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

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

-4

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

-5

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

-6

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

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

-7

-8

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

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

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

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

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

-9

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

-10

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

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

-11

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

-12

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

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

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

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

Фото с сайта pexels.com
Фото с сайта pexels.com

Заключение

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

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