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

Первая версия сайта вышла 8 лет назад, в 2008 году. У истоков ресурса стояла команда из тридцати разработчиков-калифорнийцев, которые потратили более двух лет на создание одного из первых онлайн-сервисов для создания одностраничных сайтов.

В этом обзоре мы изучим:

• Функционал и юзабельность платформы
• Предлагаемые шаблоны
• Тарифы
• Примеры сайтов на платформе wix
• SEO и другие «экстра-возможности»
• Плюсы и минусы инструмента
• Выводы

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

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

Полупустой, но юзабельный конструктор со временем вырос в универсальный инструмент для разработки сайтов разного уровня сложности. Сегодня я протестирую интерфейс и функционал wix.com. Конечно, я не могу быть на 100% объективной, но постараюсь показать плюсы и минусы сервиса с позиции обычного пользователя.

1. Шаблоны

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

На Wix шаблоны действительно качественные и их много - есть из чего выбрать. Пожалуй, с этой точки зрения конструктор выигрывает у конкурентов: решений много, они разнообразные и доступные.

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

Еще один плюс шаблонов в их адаптивности. Более того, они на 100% бесплатные. Но кроме плюсов есть и один серьезный минус: однажды выбранный шаблон уже нельзя поменять, поэтому думайте перед тем, как выбрать. К счастью, перед принятием окончательного решения есть возможность предпросмотра. Шаблон можно адаптировать под свои нужны и максимально индивидуализировать, что добавляет плюсик в карму разработчикам данного сервиса для создания лендингов.

2. Возможности и доступные функции

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

Редактор тормозит, да и простым я его назвать не могу. Он показался мне более удобным, чем в , но все еще в двести раз сложнее, чем у « » - без тьюториалов со многими функциями не разберешься. Это во многом связано с обилием настроек у блоков редактора. Я не советую слишком глубоко залазить, поскольку иначе можно все поломать 😉

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

В основном меню Вы найдете несколько основных разделов.

• Текст
• Галерея
• Кнопка
• Полоска
• Форма
• Видео
• Музыка
• Соцсети
• Контакты
• Список
• Магазин
• Еще и др.

Теперь подробнее.

В меню «фон» Вы можете выбрать цвет, картинку и даже видео на задник. Также Вы можете включить параллакс-эффект при скроллинге.

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

Например, выбрав «текст» Вы получаете доступ к работе с текстовым редактором и можете выбрать готовые стили текста, лиды, заголовки и так далее.

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

Галерея позволяет добавлять серию фото, слайдеры и подборки.

В разделе «кнопка» Вы найдете много разных иконок и кнопок

«Полоски» включают в себя разные разделители для блоков лендинг пейдж. Они могут быть с фоном (графическим, фото, однотонным или даже видео).

Раздел «видео» позволяет загрузить ролик с компьютера и видеохостингов.

В «музыке» есть возможность добавить и оформить плеер

В блоке «контакты» есть формы захвата, подписки, контактные данные, карта представительств и так далее

В «меню» можно оформить вертикальное, горизонтальное меню, меню-«гамбургер» и якоря.

«Список» включает в себя разные варианты оформления маркированных и нумерованных списков

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

В разделе «магазин» Вы можете оформить карточки товаров, настроить разделы, возможность просматривать корзину, вводить промо-купоны, оплачивать покупку онлайн и так далее.

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

Одним интересным отличием (и конкурентным преимуществом) «Викс» является их магазин приложений. Это существенно расширяет Ваши возможности и позволяет выбрать более 150 разных виджетов, среди которых есть как платные, так и бесплатные. Интегрироваться можно с разными инструментами для мейлинга, «Дропбоксом», форумом и кучей всего остального.

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

Еще одна важная и ценная функция для новичков - возможность редактировать изображения во встроенном редакторе: менять их размер, кадрировать, делать простую цветокоррекцию и так далее. Откровенно говоря, Wix тяжеловат, но с большим потенциалом, который заметен невооруженным глазом.

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

3. Доменное имя

Бесплатный тариф позволяет создать сайт на поддомене. Это будет выглядеть так:

имяпользователя.wix.com/названиесайта

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

В общем, чтобы протестировать платформу можно попробовать и бесплатный тариф, но для бизнеса придется платить. Кстати, о ценах.

4. Тарифы платформы

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

Connect Domain (49$ в год)

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

Combo (99$ в год)

То же самое, но 2 Гб дискового пространства, бесплатное доменное имя и купон на 75 долларов для Адвордса.

Unlimited (149$ в год)

То же самое, но до 10 Гб в облаке.

eCommerce (194$ в год)

До 20 Гб дискового пространства и корзина. Этот тариф рассчитан на разработку интернет-магазинов.

Важный нюанс: тарифы до 149 долларов имеют ограничение по объему трафика. То есть, если на сайте одновременно будет находиться большое количество людей, то он подвиснет. Это очень плохо: пользователи часто уходят с медленных сайтов. С другой стороны, маловероятно, что Вы упретесь в пропускную способность.

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

Лайфхак, который я вычитала на форуме. Wix постоянно раздает скидочные купоны, которые позволяют сэкономить на тарифах платформы.

5. Возможности и примеры

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

Например:

jonathanfincom.wix.com/cta-stars

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

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

А теперь от музыки к проектированию.

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

Сайт по дрессировке собак

mountainstatek9academy.com

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

К чему эти примеры?

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

6. Видео от Wix

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

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

7. А что с SEO?

Очень важным критерием в работе с конструкторами сайтов я могу назвать возможность проводить внутреннюю оптимизацию и вставлять коды Метрики и Аналитики. «Викс» позволяет внедрять ключевые слова, прописывать метатеги, назначать заголовки первого, второго и третьего порядка и многое другое.

Скажу честно: на платформе не больше и не меньше возможностей, чем у конкурентов, и единственным возможным плюсом я могу назвать простую реализацию. Работать на 100% комфортно, найти эти настройки тоже. Например, панель управления в «Тильде» не такая простая и интуитивно понятная, как в «Виксе».

Ну и после базовой оптимизации расставьте приоритеты: как Вы будете привлекать трафик? Какие каналы продвижения использовать? Если SEO - один из них, то не забудьте про уникальный контент, который будет хорошо ранжироваться в поисковиках.

Wix.com позволяет заполнять метатеги для каждой из страниц. В меню «SEO-мастер» Вас ждут подсказки и удобная функция просмотра сайта в поисковой выдаче. Кроме встроенных возможностей, Вы также можете «привинтить» разные приложения из App Market. В их числе и инструменты для отслеживания статистики, и всяческие маркетинговые приложения, и всплывающие формы, и обратные звонки, и множество других «приблуд».

8. Достоинства и недостатки платформы

Перед тем, как подвести итоги, я хочу выделить основные плюсы и минусы платформы (как на мой вкус). В целом, я могу сказать, что это достаточно удобный инструмент для разработки сайтов, в котором достаточно преимуществ, среди которых можно выделить:

• Красивый и юзабельный интерфейс
• Широкий выбор шаблонов, который регулярно пополняется и хорошо структурирован
• Достаточно большой диапазон настроек
• Возможность интеграции с большим количеством приложений
• Магазин с экстра-функционалом
• Мощный, но достаточно простой (в сравнении с LP Generator) редактор, позволяющий кастомизировать шаблон под нужды Вашего бизнеса
• Возможность создавать как лендинг пейдж, так и многостраничные сайты и, даже, интернет-магазины
• Простая и удобная работа с SEO
• Хорошая обратная связь и обилие подсказок в процессе работы
• Регулярные обновления и доработки платформы
• Возможность отдельно редактировать версию для ПК и для мобильных устройств

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

Из недостатков я могу указать на:

• Нагромождение админки из-за постоянного расширения функционала
• Достаточно сложный визуальный редактор для новичка, к нему нужно привыкать и с ним нужно учиться работать
• Визуальный редактор слишком «свободный», из-за чего чайникам, вроде меня, очень легко создать настоящий калейдоскоп корявости
• Тарифный план Connect Domain кажется непрактичным и откровенно лишним
• У сайта ограниченная пропускная способность, из-за чего при грамотном продвижении, рано или поздно Вы упретесь в стеклянный потолок и вынуждены будете разрабатывать новый сайт, не привязанный к платформе
• Кроме действительно крутых и полезных приложений в магазине, есть много сомнительных решений
• Тарифы достаточно дорогие, хотя и ниже, чем у многих конкурентов

Честно, когда составляла список недостатков, поймала себя на мысли о том, что многие из них притянуты за уши. Я уверена, что многие недоработки можно вынести за скобки. Это не такие критичные проблемы (кроме пропускной способности сайта), и на них можно закрыть глаза, подобрав свой набор приложений, привыкнув к панели администратора и визуальному редактору.

Заключение

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

Эта платформа для создания лендинг пейдж предлагает комфортный редактор, хотя и не самый простой (опять же, я вспоминаю Tilda). Функционал тоже радует: он не безграничный, но начинающему предпринимателю хватит с головой. Ну а не начинающий разработает себе сайт в веб-студии 😉

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

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

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

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

Реально в Web’е есть ниши, где все необходимые данные о компании можно вынести в один Landing page, красиво это оформить, избавившись от ненужных переходов по меню. Если вспомнить, рассмотренный ранее, проект , то чаще всего там встречаются сайты портфолио, имиджевые, событийные, с информацией о конкретных продуктах/приложениях и т.п. Во всех них информации не особо много, акцент делается на нескольких ключевых моментах. Если это, например, проект портфолио, то автор добавляет примеры работ, контакты, информацию о себе, список услуг.

Чем меньше лишних отвлекающих элементов — тем эффективнее Landing page. Хотя, если целью сайта является раскрытие способностей веб-разработчика или иллюстратора, можно увидеть много креативных решений на сайте. С функциональностью у лендингов все нормально: для навигации зачастую используется анкорное меню сверху или сбоку, которое перенаправляет пользователя на те или иные места/блоки на странице; часть информации может подгружаться через скрипты со всплывающими окнами или слайдерами.

Создаем лендинг пейдж в Wix

Вдохновением для поста послужила интересная статья из блога Wix, где рассказывалось о том, как должна выглядеть идеальная лендинг страница . Там содержится парочка полезных советов по разработке красивых и эффективных Landing page, в частности:

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

Используя данные советы, постараемся реализовать на Wix лендинг пейдж, который бы удовлетворял всем, описанным выше, критериям. Для этого первым делом переходим на сам конструктор сайтов по адресу ru.wix.com. Если вы еще не знакомы с ним, то можете почитать на сайте о возможностях сервиса и посмотреть имеющиеся шаблоны для своих проектов и т.п. Недавно, кстати, в Дизайн Мании была статья про где рассматривалось последние обновление системы.

Чтобы непосредственно начать работу над сайтом требуется зарегистрироваться (для удобства есть быстрый вход через Facebook и Google аккаунт). Далее в верхней панели выбираете один из своих существующих проектов или создаете с нуля.

Для нового сайта нужно будет подобрать соответствующий дизайн. В каталоге макетов Wix есть специальный раздел «Лендинги». Под каждым объектом найдете небольшое описание тематики, к которой он относится: приложение, софт, заглушка перед открытием, музыка.

Хотя, в принципе, вам не обязательно ограничивать себя этой категорией, а можно поискать макеты в других. Возможно, вас больше привлечет какой-то другой необычный дизайн, а сделать из него одностраничный Landing page в Wix — дело техники.

Если вы не знаете, что должно быть в лендинге, то можете посмотреть структуру макетов из соответствующей категории и перенести ее на обычный шаблон. Либо гляньте работы других разработчиков на том же OnePageLove или в . Если будете создавать одностраничный сайт портфолио, то парочку советов. Короче говоря, можно выбрать любой макет из каталога Wix и привести его к одностраничному. Это не сложно. Мы, например, решили воспользоваться следующим шаблоном из раздела «Дизайн» — «Портфолио».

Убираем лишние страницы

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

Здесь, во-первых, меняем параметр «При нажатии на фото» на значение «Открываются в новом окне», а во-вторых, скрываем показ заголовка.

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

Напоследок, просто удалите лишние страницы с сайта.

Анкорное меню для Wix лендинга

Шаг номер 2 — создаем анкорное меню. В принципе, существуют разные реализации: кто-то делает его сбоку, кто-то сверху. На этом шаблоне уже есть один пункт меню «Главная» в шапке, его и будем развивать. Для этого:

• Кликаем по меню, выбираем пункт навигация.
• Сбоку в открывшемся списке страниц добавляем новую, тип = ссылка.
• Для ссылки указываем вариант «якорь» + определяем какая именно якорная ссылка должна срабатывать (тамже в окне можете увидеть полезный линк на статью «Как работать с якорями»).

В меню, разумеется, можно поменять и стиль оформления, если нужно.

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

После этого добавляете новую кнопку в меню, как мы это делали выше.

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

1. Подводите курсор к шапке сайта, не наводя при этом на меню — увидите надпись «Хедер».
2. Кликаете левой клавишей мышки, и появляется панель параметров хедера — выбираете настройки (иконку шестеренки).
3. В открывшемся окне активируете опцию «Зафиксировать хедер.»

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

Дополнительные элементы

Чисто случайно наткнулись на один интересный элемент, который может пригодится вам в работе над лендинг пейдж в Wix. Речь пойдет о всплывающем окне. Выбираете в меню сервиса слева приложения из App Market (см. скриншот ниже), а затем в строке поиска пишете «popup». Нам нужен вариант «Lumifish Всплывающее окно».

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

Жаль, в бесплатном варианте только 2 шаблона и нет возможности вставить ссылку, но в некоторых случаях обычного текста хватит. Есть настройки появления окна — раз в неделю/месяц или каждый раз для одного и того же посетителя при заходе на сайт.

А вообще среди приложений много интересных фишек — советую глянуть каталог популярных / избранных решений. Там найдете, например, социальные ссылки, счетчик, форму контактов, кнопку оплаты, карты и т.п. Однако не стоит забывать, что мы создавали именно Landing page в Wix, поэтому захламлять страницу лишними элементами не желательно.

В целом, работать с данным конструктором сайта достаточно просто. лучше всего попробовать сервис самостоятельно на практике — можете сделать это абсолютно бесплатно (в том числе и опубликовать свою страницу в онлайне). Если будут какие-то вопросы, обращайтесь в тех.поддержку или посмотрите Раздел помощь в редакторе.

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

С технической точки зрения собрать посадочную страницу несложно - она всего одна, контента на ней немного. Можно управиться за пару часов. Главное - знать, чем зацепить клиента. Эффективность зависит от множества факторов. Один из них - понимание целевой аудитории продукта/услуги, из которого вытекает подходящая подача оффера.

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

Из каких блоков собирать одностраничник?

Все лендинги одинаковы: страница из секций в несколько экранов скроллинга, раскрывающая преимущества товара/услуги и позволяющая заказать их немедленно. Возникают вопросы: какие же блоки использовать, в каком порядке, чем их наполнять, как это лучше делать? Это целая наука. Простая на слух задача, которую следует решать деликатно, со знанием дела. Иначе не видать приличной конверсии.

Самый удобный вариант - создать одностраничный сайт в конструкторе с визуальным редактором, профильными шаблонами и набором подходящих блоков. Давно уже путём проб и ошибок маркетологи выявили, скажем так, классическую структуру одностраничника, ведущую к хорошим продажам при удачной реализации прочих моментов. Этот принцип используется в шаблонах многих сайтбилдеров. Так, не зная теории, люди публикуют эффективные страницы из готовой основы.

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

Такая структура работает в большинстве случаев. Конечно, некоторые блоки могут отсутствовать (например, про аудиторию или цифры), что-то, возможно, придётся добавить в зависимости от характера вашего оффера. Кроме того, роль играет оформление посадочной страницы и текстовая составляющая. То есть важно не только то, что вы покажете, но и как это будет подано. Давайте чуть подробнее об этом.

Оформление одностраничника и коммерческий текст

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

Главное, чтобы ничто не мешало воспринимать информацию, - текст, изображения, иконки, формы, схемы и т. д. В этом смысле подборка цветов и форматирование текста имеют большое значение. Ключевые моменты должны быть выделены размером, цветом либо ещё чем-то. Например, кнопка не должна сливаться с фоном, как и шрифты заголовков.

Если вы не являетесь дизайнером, то рекомендуем просто брать подходящий готовый шаблон и на его основу добавлять свой контент. Честно - покупателям вообще всё равно, какими средствами сделана страница. Всё равно 99% лендингов похожи между собой. Важны подача и оффер.

Текст для одностраничника очень важен. Это не публицистический стиль. Это коммерческий текст - важный элемент заключения сделки. Способ воздействия на потенциального покупателя. Звучать должен просто и убедительно, содержать и практическую информацию, и эмоциональную, вызывающую впечатление ценности приобретения, выгодности.

Общие принципы написания коммерческого текста для посадочной страницы следующие:

• Ценность свойств товара или услуги должна быть выше их стоимости - сделка должна казаться выгодной. Заплатил меньше - получил гораздо больше;
• У покупателя должно сложиться по тексту впечатление, что товар что-то изменит в его жизни к лучшему - упростит, ускорит, сделает более стабильным и т. д.;
• При формулировании ценности продукта нужно учитывать портрет среднестатистического представителя целевой аудитории. Ориентируйтесь на его запросы, закрывайте текстом сомнения, показывайте реалистичные выгоды, вытекающие из свойств товара и потребностей;
• Текст не должен быть слишком пресным, пишите разнообразно - используйте интригу, где-то лёгкий юмор, можно даже припустить немного негатива для контраста;
• Необходимый эффект от лендинга - немедленный заказ товара. Используйте барьеры, повышающие ценность предложения: временная скидка, распродажа до такого-то дня, подарок при покупке в определённое время. Всё это обычно стимулирует к действию.

По итогу, какое впечатление должен производить одностраничный сайт? Всё просто: привлечь внимание (сочный заголовок с УТП, вкусное изображение первого экрана), предоставить достаточное количество информации для принятия решения (отзывы, презентация), показывать выгоды от совершения сделки (буллиты), склонять к немедленному совершению покупки (форма захвата, кнопка). В общем, оффер должен заинтересовать настолько быстро и аргументированно, чтобы человек нажал на кнопку. Если он уйдёт, то, скорее всего, забудет об увиденном.

Техническая сторона создания одностраничника

Вышеописанная теория требует движка для реализации. Нужно где-то собрать и опубликовать лендинг. Следить за его статистикой, рекламировать, тестировать различные варианты триггеров и прочее. Нужна техническая база. Лучший претендент на эту роль - профильный конструктор. Более простого и удобного способа добраться до конверсии не найти. У новичков вообще нет вариантов - всё остальное сложнее, просто не получится без знаний.

LPGenerator - лучший конструктор для создания одностраничных сайтов

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

uKit идеален для тех, кто хочет быстро и недорого попробовать собрать конверсию - подучиться, обходясь малой кровью. Буквально за 1 вечер вы сделаете свою первую страницу лидогенерации. 15 минут на создание структуры, остальное время - на наполнение текстом, загрузку/компоновку изображений и всяческие настройки вроде подключения домена, аналитики, SEO, SSL, социалок и т. д.

Из коробки получаете пару десятков одностраничных шаблонов хорошего качества. Они собраны из готовых блоков визуального редактора и наполнены тематическим контентом. Можете выбрать любой и подогнать его под классическую структуру/оффер. Это самый рациональный вариант - что-то изначально будет как положено, что-то добавите либо уберёте. Это легко.

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

Мобильную версию страницы можно редактировать отдельно от десктопной. Меню одностраничного сайта будет содержать анкорные ссылки на отдельные блоки. Можно настроить появление всплывающих окон для различных ситуаций. Есть встроенный магазин с приёмом онлайн-оплат и симпатичной витриной. SEO стандартное - метатеги, подключение аналитики Яндекс/Google и прочих интеграций.

Аудитория uKit

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

Стоимость за 1 месяц при оплате сразу за год (без акций, скидок и промо-кодов):

1. Премиум ($4/мес) - подходящий для создания лендинга тарифный план, есть всё, кроме магазина (онлайн-оплата, корзина и прочее).
2. Премиум + ($8/мес) - всё то же самое плюс расширенная статистика и доступ к премиальным шаблонам.
3. Магазин ($9.6/мес) - активация покупательской корзины, настроек доставки, оплаты и прочего.
4. Про ($12/мес) - разблокировка доступа к редактору кода страниц и созданию собственных цветовых схем.

Лайфхак: стоимость любого тарифного плана будет снижена на 25% после ввода промо-кода «SITE-BUILDERS-25». Так, первый тариф обойдётся в $36 вместо $48 в год.

Плюсы:

• Простота, скорость освоения;
• Низкая стоимость;
• Есть всё необходимое для сборки правильного лендинга;
• Адаптивные шаблоны хорошего качества;
• Полный набор коммуникаций - формы, всплывающие окна, заказ звонка, консультант, соцсети и прочее;
• Бэкап страницы в 1 клик;
• Бесплатное подключение SSL;
• Возможность подключения amoCRM;
• Часто проходят акции с бонусными месяцами, суперскидками и прочим;
• Хорошая техподдержка.

Минусы:

• Средняя степень глубины кастомизации блоков;
• Нет встроенных средств для анализа конверсии;
• Не подходит профессиональным разработчикам - дизайнерам, веб-студиям и прочим.

Подведём итоги

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

Рекомендуем использовать классическую структуру одностраничного сайта - ничего изобретать не нужно. Адаптируйте свое коммерческое предложение к ней и публикуйте страницу. При должном уровне исполнения (тексты, дизайн, подборка изображений) конверсия будет. Но не из воздуха, нужны посетители. Учитывайте необходимость покупки контекстной/тизерной рекламы, настройки таргетинга Вконтакте и прочих социалок. Без этого - никак.

Сам по себе такой сайт обладает слишком малым весом для традиционного SEO-продвижения. Придётся поработать и дополнительно вложиться денюжкой ради большего. При нормальном ходе процесса вложения очень быстро возвращаются (нередко прямо в день запуска рекламы). Тем не менее, обязательно заполните параметры мета-тегов страниц (и alt для картинок), вставьте несколько ключевиков (пару ВЧ и пару НЧ), подключите сбор аналитики.

LPgenerator.ru - лучший конструктор одностраничников, не имеющий пробелов в функциональности. Всё есть из коробки, можно ничего не подключать, получая хорошую прибыль со страниц. Подходит всем, кто желает зарабатывать на создании посадочных страниц, и жить на эти деньги. Как основная работа. Это реально, но придётся немного разобраться.

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

Выберите товар и следуйте выданому рецепту - повторите озвученные шаги, внедрите идеи и получите лендинг, который точно будет продавать при условии вложения в рекламу. LPG или uKit? Берите подходящий в зависимости от серьёзности настроя. Лучше сделать акцент на правильную реализацию, чем привязываться к техническому средству. Оба конструктора хороши, главное - грамотно применить их возможности.

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

Если бы не было той самой отзывчивой техподдержки, которая 24/7 отвечает на вопросы в течение 5 минут, LPTrend был бы уверенным середняком. Но она есть, и именно поэтому он занимает одни из самых высоких строчек в разных топах конструкторов.

• Количество шаблонов: более 60-ти. При этом лендинги сделаны по интересным шаблонам, которые делали опытные маркетологи. Конверсия на таких одностраничниках достаточно высока.
• Покупка доменов: Да.
• Цены: Сразу после регистрации активируется бесплатный тариф на 8 дней. После пробного периода предлагается взять один из тарифов, которые отличаются лишь количеством создаваемых одностраничников: за 1 – 500 руб./мес; за 10 – 1000 руб./мес; За 10+ – 2000 руб./мес. А еще сервис предлагает создавать тематическое продающее видео за 7900 руб./минуту ролика и создание лендинга под ключ за 6900.

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

Tobiz

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

Тобиз – как раз тот вариант. За 2 года работы сервиса создатели сумели найти свою аудиторию, которая на данный момент составляет более 1500 тысяч вебмастеров.

• Количество шаблонов: более 270 шаблонов самых разных тематик. При этом большинство из них выгодно использовать как образец – сайты создаются из отдельных блоков.
• Можно ли менять структуру и добавлять свой дизайн: Да.
• Покупка доменов: Да.
• Цены: тестовый 14-дневный период, после завершения которого будет доступно несколько тарифов, самый дешевый из которых – 450 рублей в месяц.

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

Wix

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

Но уж если разработчики запустили дорогостоящую рекламу в СМИ, то значит они уверены в себе и своем продукте. Качественный, красивый и простой конструктор – вот что можно сказать о Виксе.

• Количество шаблонов: 17 + есть возможность полного изменения каждого из шаблонов.
• Можно ли менять структуру и добавлять свой дизайн: Да.
• Покупка доменов: Да.
• Цены: Тестовый период неограничен, но работать придется с рекламой и без своего домена. Создавать лендинги без рекламы можно по цене 99 долларов в год, но если поймать акцию – по 49.

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

Umi

К концу 2015-го года, количество сайтов, созданных на конструкторе Umi, перевалило за 1 миллион. Достаточно солидный показатель за работу с 2011-го года.

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

• Количество шаблонов: Более 550 макетов, часть из которых адаптивны.
• Можно ли менять структуру и добавлять свой дизайн: Да.
• Покупка доменов: Да.
• Цены: Сначала активируется 15-дневный режим бесплатного пользования, после чего стоимость пользования сервисом для создания лендингов будет составлять 490 рублей за месяц использования.

Итог: Для создания и запуска первого лендинга, Юми подходит просто идеально. Сначала можно будет пользоваться лишь бесплатными виджетами, а с течением времени и увеличением потребности, прикручивать различные платные примочки. В соотношении цена/качество – один из самых интересных вариантов.

Nethouse

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

• Количество шаблонов: 5 секций для сайтов, в которых до 40 разных шаблонов. Говоря откровенно – негусто. Радует только возможность сделать самостоятельный дизайн.
• Можно ли менять структуру и добавлять свой дизайн: Да.
• Покупка доменов: Да.
• Цены: одни из самых демократичных – 248 и 415 рублей за месяц использования. Бесплатный тестовый период неограничен.

Итог: Лучше всего работать с Nethouse при создании интернет-магазина. Для лендинга довольно средний функционал и количество шаблонов. Но если вы хотите «дешево» и топорно – работать с Nethouse достаточно просто и выгодно.

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

В каком сервисе вам нужно будет лишь заплатить отступные за шаблон и вы получите полноценный сайт без привязки к кому-либо? А если добавить к этому еще и стандартные примочки CMS, вроде кучи виджетов, полноценного продвижения и кастомизация шаблонов с помощью HTML и CSS.

• Количество шаблонов: Тут все очень печально. Для лендингов есть лишь 6 готовых шаблонов, которые можно кастомизировать, но это будет очень сложно.
• Можно ли менять структуру и добавлять свой дизайн: Да.
• Покупка доменов: Да, можно даже выкупить сайт и перенести его на другой сервис.
• Цены: Тестовый период в размере 21 дня, после которого достаточно демократичные тарифы – 480 и 980 рублей в месяц.

Итог: Для новичков однозначно нет. И для бизнесменов, которые не знают основ программирования – тоже нет. И в принципе для новичков, которые только-только начинают заниматься одностраничниками это тоже будет не лучший вариант. Боевое крещение в самой гуще сражения – вот что будет с тем, кто решит в качестве первого конструктора использовать диафан. А вот для вебмастеров, которые не первый год работают в сфере , диафан – идеальный вариант.

Ucraft

Совет 3. Если есть возможность – используйте уникальный дизайн.

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

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

Помимо этих причин, есть еще одна банальность – шаблонные дизайны очень унылы и скучны. В большинстве случаев это какая-то стандартная мешанина из однотипного текста, картинок и чего-то там еще, что пришло в голову унывавшему дизайнеру. Что-то действительно качественное будет стоить денег.

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

Совет 4. Внимательно относитесь к рекламе.

На эффективность лендинга влияют два параметра: его вид и реклама. И если с его внешним видом мы более-менее разобрались, то рекламу еще не затрагивали.

Грамотно настроенная рекламная кампания – ключ к успешной работе лендинга. При этом вы должны понимать, что не количество оставленных контактов, не количество посетителей и не объем вопросов, которыми вас заваливают потенциальные клиенты – показатель того, как круто работает лендинг. В первую очередь он должен продавать.

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

От того, насколько грамотно вы подберете картинку к своему рекламному объявлению, может зависеть кликнет по нему 30 человек или 300. Именно поэтому прежде чем пенять на то, что лендинг не продает, позаботьтесь о том, чтобы ваша реклама работала на все 100%.

Совет 5. Анализируйте работу вашего лендинга.

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

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

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

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

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

Заключение

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

И сейчас, когда нет времени на то, чтобы тратить несколько месяцев на запуск новой площадки, и денег на то, чтобы обращаться к профессионалам – на помощь приходят конструкторы сайтов. На этих площадках вы за один вечер сможете создать то, что будет приносить вам клиентов минимум полгода.

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