Как создать лендинг?

В этом руководстве мы познакомим вас с основными возможностями конструктора лендингов uLanding, которые помогут создать ваш первый сайт в системе.

  1. Создание лендинга
  2. Выбор темы оформления
  3. Размещение контента
  4. Подключение статистики сайта

Создание лендинга

Для начала вам нужно зарегистрироваться на сайте uLanding.io:

Выберите удобный способ регистрации: через социальные сети или через ввод email и пароля. Сохраните или запомните данные, которые указали. Потом они понадобятся для входа в аккаунт.

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

Перед созданием лендинга нужно создать проект. Для этого нажмите на кнопку «Создать проект». Во всплывающем окне укажите название и доменное имя проекта, затем, нажмите «Создать проект и продолжить».

Примечание:

Если указанное доменное имя будет занято, оно будет сгенерировано автоматически.

Теперь, нам осталось создать лендинг, кликните по кнопке «Создать лендинг» и вы попадете на страницу выбора шаблона.

Стоит отметить, что добавить дополнительные лендинги в рамках текущего проекта можно двумя способами:

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

  2. В конструкторе во вкладке «Лендинги проекта»:

Выбор темы оформления

Выберите тематику «Сбор заявок» для своего проекта и перед вами появится список шаблонов этой тематики. Вы можете просмотреть подходящие вам шаблоны.

Чтобы узнать о шаблоне больше, наведите на него указателем мыши и нажмите «Посмотреть»:

Когда найдете подходящий шаблон, просто нажмите «Выбрать этот шаблон»:

Размещение контента

Перейдите в раздел управления страницами лендинга:

Любая выбранная тема оформления включает в себя единственную страницу «Главная».

Чтобы добавить дополнительную страницу, нажмите по соответствующей кнопке и выберите тип добавляемой страницы:

Чтобы удалить страницу, наведите на нее указателем мыши в списке и нажмите по изображению корзины:

Редактирование страницы: наведите на страницу указателем мыши и нажмите на иконку «шестеренки». Основные настройки сайта включают в себя указание названия страницы. То, как она будет отображаться в списке страниц.

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

Чтобы перейти к наполнению страницы, нажмите по ней левой клавишей мыши в списке. В правой части конструктора появится содержимое страницы:

Рассмотрим, как заполнить контентом страницу типа «Новости».

Такая страница имеет следующие настройки:

  1. Показывать дату публикации;
  2. Показывать автора публикации (его имя вводится при добавлении записи);
  3. Показывать изображение материала в списке (изображение-анонс);
  4. Показывать кнопку «Читать далее». При отсутствии флага запись размещается в списке полностью и может значительно увеличивать размер страницы по вертикали;
  5. Количество записей на странице;
  6. Возможность импорта последних записей с вашей страницы Facebook. Эта функция может пригодиться, если вы уже управляете своей группой в этой социальной сети.

Чтобы добавить новый материал, нажимаем кнопку «+ Добавить запись» в правой части конструктора:

И просто начните вводить текст материала. При вводе текста станут доступны инструменты для его форматирования:

В конструкторе виджеты распределены по следующим группам: основные, структура, контент, внешние, медиа, контакты и социальные. Рассмотрим некоторые виджеты из этих групп:

Основные

Для добавления фотографий используйте виджеты «Картинка», «Галерея» и «Слайдер» из раздела «Основные»:

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

Контент

В разделе «Контент» представлены следующие виджеты: «Карточка», «Прайс», «Таблица», «Отзывы», «Этапы», «Таймлайн», «Цитата», «Таймер», «Поиск Яндекс», «Поиск Google», «Информер новостей» и «Html-код». Для размещения карточки товара, перетащите на сайт виджет «Карточка»:

Отредактируйте виджет, кликнув по нему:

Контакты

В левой части конструктора нажимаем по изображению пазла («Конструктор»):

Наведите указателем в левой части конструктора на раздел «Контакты» и выберите один из виджетов: «Контакты», «Обратная связь», «Заказать звонок», «Карта», «MailChimp», «LiveChat» или «JivoSite»:

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

Примечание:

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

Подключение статистики сайта

Для подключения инструментов аналитики Google Analytics, перейдите в панель управления проектом и во вкладке «Тестирование» нажмите начать тестирование (для возможности тестирования должно быть создано не менее двух лендингов):

Затем, система попросит вас зарегистрировать аккаунт для Google Analytics или подключить уже имеющийся аккаунт Google:

Перед подключение Google Analytics, не забудьте опубликовать ваш лендинг.

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

Помогла ли вам статья?
Статья оказалась полезной для 9 человек