Как создать лендинг
на Monecle
Узнайте, как создать уникальный
одностраничный сайт для продажи
Вашего продукта
Monecle предоставляет Вам возможность создать собственный cайт, который позволит Вам разместить информацию о вас и вашем продукте и продать его клиенту, с помощью встроенного редактора.
При создании лендинга используются стандартные блоки - шаблоны блоков, которые Вы можете наполнить своим собственным контентом (текст, изображения, видео, ссылки и др.). Это упростит задачу создания сайта и позволит сэкономить время при разработке каждого блока.
Создание лендинга
1.Для того, чтобы начать работу с редактором лендингов, перейдите в раздел “Лендинги” в левом меню сервиса.
2. Затем введите персональный адрес вашей страницы с доменом .monecle.com. По этому адресу будут размещаться веб-страницы, которые вы впоследствии создадите.
В Monecle Вам доступны 2 версии редактора: “Лендинг 1.0” и “Лендинг 2.0”.
  • Лендинги 1.0 позволяют создавать самые простые, шаблонные страницы, подходит для ситуации, когда Вам нужно очень быстро запустить мастер-класс или разместить информацию об акции.
  • Лендинги 2.0 позволяют создать полноценный сайт, который может рассказать о Вас и ваших продуктах.
В этом гайде мы рассмотрим использование Лендингов 2.0, так как они обладают более богатым функционалом и используются чаще.
3. Теперь создадим первый лендинг. Для этого нажмите “Добавить лендинг 2.0”.
4. Введите название страницы и URL-ссылку на лендинг. Для этого завершите написание шаблона ссылки любыми латинскими символами. Помните, что ссылка на Ваш лендинг должна быть запоминающейся, узнаваемой и, желательно, отражать содержание Вашего лендинга.
5. Аналогично продуктам, лендинги можно объединять в категории. При необходимости, добавьте новую категорию и выберите её, чтобы включить в категорию Вашу страницу.
6. Нажмите “Далее”. После этого Вы перейдете непосредственно к редактированию лендинга.
В редакторе Вам доступно большое количество редактируемых стандартных блоков, которые можно изменить в соответствии с необходимым Вам содержанием. Для удобства блоки объединены в разделы, которые наиболее часто встречаются на одностраничных сайтах.
Взаимодействие с элементами сайта
Как добавить и отредактировать стандартный блок?
Выберите любой стандартный блок и перетащите его в окно редактирования курсором мыши. Стандартный блок, по сути, служит только шаблоном для расположения элементов. Вы можете менять его фон, тексты, шрифты, изображения и многое другое.
Кроме того, при наведении курсором мыши на блок, в правом верхнем углу блока Вы можете увидеть некоторые опции для работы с блоками.
Вы можете переместить блок с помощью кнопки в виде креста. Для этого нажмите на её и удерживайте, затем перемещайте блок вверх-вниз курсором мыши.
При нажатии на следующую кнопку Вы сможете отредактировать код элемента. Это может понадобиться для того, чтобы, например, внедрить Пиксель в Ваш сайт. Желтая кнопка с круговой стрелкой позволит сбросить все изменения, которые Вы внесли в блок, и привести всё к начальному виду.
С помощью красной кнопки с корзиной Вы сможете удалить блок.
Как работать с текстовыми блоками?
Для того, чтобы редактировать текстовый блок, выберите функцию “Текст” в верхней части экрана, затем нажмите левой кнопкой мыши на блок, который Вы желаете изменить. Он будет выделен красным пунктиром.
В появившееся окно впишите свой текст и нажмите “Сохранить”.
Чтобы изменить размер кегля, начертание или шрифт, выберите функцию “Настройки” и нажмите на текстовый блок. После внесения изменений нажмите “Применить изменения”. Также в этом окне Вы можете клонировать (cкопировать) блок, сбросить все изменения или удалить блок.
Как работать с изображениями?
Изображения можно также редактировать с помощью функции “Настройки”. В стандартном блоке места под изображения выделены серыми прямоугольниками, в которых написан рекомендуемый размер изображения, которое Вы намерены загрузить.
После выбора функции “Настройки”, наведите левой кнопкой мыши на место под изображение. В окне, которое появится слева, во вкладке “Стиль”, Вы сможете ввести параметры обводки, скругления изображения или другие настройки (в зависимости от строения блока).
Во вкладке “Картинка” Вы можете загрузить изображение двумя способами.
1. Найдите изображение в Интернете, затем скопируйте URL-ссылку на него и вставьте в поле “Введите путь к изображению”.
2. Скачайте изображение на ПК, затем нажмите “Загрузить изображение” и выберите изображение с вашего жёсткого диска.
Нажмите “Применить изменения”.
Как работать с видео?
Чтобы добавить видео, выберите функцию “Настройки” и кликните левой кнопкой мыши на блок с видео.
В окне настроек слева необходимо вставить ID видео, которое загружено на YouTube или Vimeo. ID видеофайла можно найти в поисковой строке: идентификатор видео YouTube указан после символов “v=”, а ID на Vimeo - это цифры, которые стоят в поисковой строке после последнего слэша.
Скопируйте ID и вставьте в строку “ID видео YouTube” или “ID видео с Vimeo”, в зависимости от того, с какого хостинга Вы загружаете видеоролик.
Затем, нажмите кнопку “Применить изменения
ID видео с YouTube выделен синим
ID видео с Vimeo выделен синим
или
Как работать с иконками?
Во многих стандартных блоках присутствуют векторные изображения-иконки. Вы всегда можете изменить их цвет и размер в окне настроек.
Некоторые стандартные блоки вставить другие иконки из предложенных нами (это делается также в окне настроек).
Как работать со ссылками?
В некоторых стандартных блоках Вы можете найти кнопки, в которые можно добавить ссылку на другую веб-страницу, в т.ч. социальные сети. Некоторые кнопки позволяют поделиться Вашим лендингом на своей странице в соцсети.
Добавить ссылку можно в режиме “Настройки”. После выбора этой опции кликните левой кнопкой мыши на кнопку, к которой Вы желаете прикрепить ссылку, затем вставьте её в соответствующее поле во вкладке “Ссылка”.
Вы также можете оставить ссылку на другую страницу создаваемого Вами сайта или на другой блок лендинга.
При необходимости, выберите опцию “Открывать в новой вкладке” - для этого нужно поставить галочку в нижней части вкладки “Ссылка”.
В поле “Название” Вы можете ввести текст, который будет показываться в качестве всплывающей подсказки при наведении курсора на иконку.
Не забудьте сохранить изменения!
Теперь вы знаете, как работать со стандартными блоками редактора лендингов. Можно приступать к созданию сайта-одностраничника :)
Завершающие настройки лендинга
Вы можете сделать сайт многостраничным, добавив одну или несколько новых страниц. Для этого нажмите кнопку “Добавить” в самом низу меню выбора блоков, затем введите название новой страницы.
Теперь, после того, как лендинг готов, завершаем настройку страницы
Перейдите в меню настроек - для этого нажмите кнопку “Настройки” в правом верхнем углу экрана.
1. По умолчанию установлен тип документа <!DOCTYPE html>. Оставьте это поле без изменений.
2. Введите заголовок страницы. Он будет отображаться в заголовке и во вкладке браузера.
3. Добавьте описание и ключевые слова, укажите автора страницы. Это поможет поисковой системе чаще показывать Вашу страницу другим пользователям.
4. Добавьте изображение, которое будет показываться при предпросмотре страницы (например, когда Вы оставите ссылку на страницу на стене, в личных сообщениях или беседе)
5. Нажмите кнопку “Сохранить
Наконец, нажмите “Опубликовать изменения”. После этого все изменения будут сохранены, а Ваша страница станет доступна любому пользователю Интернета.
Также Вам станет доступен предпросмотр страницы.
Вы всегда можете отредактировать созданную страницу. В разделе “Лендинги” отображаются все сайты, которые Вы создали в редакторе. Нажмите на тот, который Вы хотели бы изменить. Возле ссылки на Ваш лендинг находится кнопка “Перейти в редактор”. При нажатии на неё Вы переместитесь в редактор и сможете вносить изменения в Ваш лендинг.
Поздравляем! Вы самостоятельно создали сайт, который увеличит Ваши продажи и позволит удобнее и быстрее обрабатывать заявки клиентов!