Обзор конструктора сайтов Flexbe

Flexbe — онлайн-конструктор лендингов, квизов, интернет-магазинов и корпоративных сайтов. Сервис предлагает встроенные инструменты тестирования, которые позволяют увеличить конверсию. Кроме того, на Flexbe можно использовать технологии мультилендинга и геолендинга, автоматически меняя контент в зависимости от поисковых запросов и местоположения пользователей.

Во Flexbe встроен бесплатный конструктор логотипов — ещё одно полезное решение для бизнеса. В нём можно создать лого для сайта и других ресурсов. Возможности конструктора расширяются с помощью интеграций со сторонними сервисами.

Несмотря на достаточно богатую функциональность, Flexbe остаётся очень простым сервисом. Собрать первый сайт на нём можно за несколько часов. Для новичков есть база знаний и полноценный курс по созданию и настройке сайтов, который состоит из 9 уроков. В «Академии Flexbe» также публикую статьи о маркетинге и дизайне, которые помогают сделать сайт привлекательным для пользователей и успешным.

Плюсы и минусы

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

Плюсы:

Минусы:

✔ Удобный визуальный редактор ✔ Около 300 блоков, из которых выстраивается интерфейс страницы ✔ Создание неограниченного количества страниц ✔ Бесплатный конструктор логотипов ✔ Встроенные инструменты А/Б-тестирование ✔ Поддержка мультилендинга и геолендинга ✔ Интеграции со сторонними сервисами для электронной коммерции ✔ Хранение истории изменений с возможность восстановления в течение 30 дней ✔ Автоматическое подключение SSL к домену ✔ Большая база знаний с подробными инструкциями ✔ Академия Flexbe с курсом по созданию и настройке сайта, обучающими материалами по дизайну и маркетингу, кейсами других пользователей

✘ Очень мало шаблонов ✘ Высокая стоимость тарифов ✘ Техническая поддержка работает только с 10:00 до 21:00 по московскому времени ✘ Нельзя опубликовать сайт на бесплатном домене третьего уровня ✘ Нельзя добавить кастомные стили CSS для изменения шаблона

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

Для кого предназначен

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

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

Дизайнерам в рамках Flexbe будет скучно — слишком много ограничений. Профессиональные разработчики тоже вряд ли найдут для себя интересные возможности. Для командной работы Flexbe выставляет слишком жёсткие условия — чтобы добавить хотя бы пару пользователей, нужно платить минимум 3000 рублей в месяц.

Простота использования

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

С чего начать

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

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

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

Редактирование сайта

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

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

Для перехода между страницами нужно настроить навигацию. Есть два варианта:

1. Использовать общую шапку. Её можно включить при создании страницы или затем в настройках. Затем в общую шапку добавляется логотип со ссылкой на другую страницу или пункты меню.
2. Разместить ссылку в меню других страниц. Это чуть более трудоёмкий вариант, особенно если страниц много — потому что изменения придётся вносить внутри каждого раздела сайта.

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

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

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

Публикация сайта

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

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

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

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

Функциональные возможности

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

А/Б-тестирование

А/Б-тестирование позволяет сравнить разные варианты представления контента и на основе реакций пользователей выбрать из них наиболее успешный. На Flexbe этот инструмент работает на уровне секций. На одной странице может быть несколько А/Б-тестов — например, разные варианты текста, фотографий, призывов к действию.

В статистику собираются следующие данные:

• количество пользователей для каждого варианта;
• количество заявок для каждого варианта;
• конверсия по каждому варианту;
• процент улучшения/ухудшения второго варианта по сравнению с первым.

Тесты можно приостанавливать — в таком случае вариант Б не будет показываться посетителям. После завершения теста конструктор предлагает выбрать, какой вариант оставить. Другая версия секции будет удалена.

Мультилендинги и геолендинги

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

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

Ещё одна полезная штука — геосекции. Эта технология позволяет менять контент в зависимости от географического положения посетителя сайта. Определение координат выполняется на основании IP-адреса и информации от провайдера. Типичный пример использования геосекции — добавление названия города в текст. Например, пользователь ищет мягкую мебель и при переходе на страницу видит заголовок «Мягкая мебель в `город посетителя сайта`».

Интеграции со сторонними сервисами

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

• Аналитика: Google Analytics, Яндекс-Метрика.
• Виджеты — CallbackHunter, JivoSite.
• Сервисы рассылок: GetResponse, UniSender.
• CRM-системы: Битрикс24, amoCRM.
• Приём платежей: оплата наличными, Яндекс.Касса, Тинькофф, Robokassa, PayPal.
• Почта для домена: Яндекс.Коннект, Google Suite, Mail.ru для бизнеса.

Подключить сторонние сервисы можно также через прямую вставку кода в HTML-блок. В нём доступна библиотека jQuery, поддерживается CSS с препроцессором LESS, а также можно загружать любые файлы.

Всплывающие окна

В редакторе Flexbe есть раздел для создания и редактирования всплывающих окон. Здесь представлены разные варианты:

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

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

История сохранений

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

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

Конструктор логотипов

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

Результат работы в конструкторе логотипов можно сразу разместить на сайте или скачать в формате PNG.

Дизайн и работа с шаблонами

Для последней версии Flexbe в каталог доступно всего 5 шаблонов. Для предыдущих версий — ещё 17. Чисто визуально между ними нет большой разницы. Новые шаблоны более универсальные, это видно даже по их названиям: сайт, лендинг, интернет-магазин, квиз, доставка еды. Шаблоны предыдущих версий были более специальными: недвижимость, кулинарные курсы, фестиваль кино. С точки зрения поддерживаемых инструментов разницы нет. С адаптивностью проблем не возникает ни на одном шаблоне.

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

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

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

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

Отдельно вынесены настройки фона для каждой секции. Можно залить его цветом, добавить изображение или видео. Под изображение и видео можно сделать цветную подложку — если медиафайлы не загрузятся, то контент всё равно будет виден на контрастном фоне. Доступны также эффекты: затемнение, градиент, фиксированный фон, параллакс.

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

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

Техническая поддержка

Связаться со специалистами поддержки можно по телефону или через онлайн-чат. К сожалению, услуга не предоставляется круглосуточно. На вопросы пользователей отвечают с 10:00 до 21:00 по московскому времени. Без выходных и праздников, но всё равно достаточно ограниченные возможности для оперативной поддержки.

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

Сервис также предлагает «Академию Flexbe». Это набор образовательных материалов, которые помогут разобраться с возможностями конструктора. Для новичков есть базовый курс по созданию и продвижению сайта на Flexbe. Он состоит из 9 уроков, каждый из которых формирует определённые навыки — написания заголовков и текстов, запуска рекламной кампании, продвижения в соцсетях, настройки аналитики, повышения конверсии.

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

Цена: сколько стоит сделать сайт на Flexbe

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

• «Стартовый» (750 рублей/месяц) — 1 сайт, автоматическое подключение SSL-сертификата к домену.
• «Малый Бизнес» (950 рублей/месяц) — возможности тарифа «Стартовый» плюс А/Б-тестирование, поддержка мультилендинга и геолендинга.
• «Бизнес» (1500 рублей/месяц) — возможности тарифа «Малый Бизнес», но до 5 сайтов и добавление дополнительного пользователя для работы над проектом.

У «Бизнеса» есть несколько модификаций, которые различаются количеством сайтов и дополнительных пользователей. Чем больше проектов вы можете создать, тем дороже тариф. Максимальное значение — до 50 сайтов и до 12 пользователей за 10 000 рублей в месяц.

Выгоднее приобретать тарифы на длительный срок. Например, при оплате доступа на 3 месяца скидка составит 10 %. Если купите тариф на год, то сэкономите 30 %.

Изменить тарифный план можно в любой момент. Остаток оплаченных дней пересчитывается автоматически в зависимости от стоимости тарифа. Отказаться от продления лицензии также можно в любой момент. Деньги за неиспользованные услуги сервис не возвращает — у вас остаётся доступ ко всем функциям до истечения оплаченного периода.

Выводы: стоит ли делать сайт на Flexbe

Flexbe производит приятное впечатление. Шаблонов мало, но выглядят они неплохо, а для кастомизации интерфейса в каталоге представлено более 300 элементов. Да, индивидуальный дизайн сделать не получится, но часто это не имеет никакого значения. Лендинги в принципе собираются по единому стандарту, в интернет-магазинах тоже не очень много разнообразия. Главное, что с точки зрения функциональности нет проблем.

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

Тем не менее, Flexbe стоит попробовать. Благо, есть бесплатный тестовый период на 14 дней. Чтобы воспользоваться им, не нужно указывать данные банковской карты. Так что автоматически деньги не спишут — просто по истечении двух недель сайт доступ к сайту будет закрыт. 14 дней хватит, чтобы собрать пару лендингов и посмотреть, как работает интернет-магазин. Если конструктор понравится, то стоимость тарифов отойдёт на второй план.