Flexbe (Флексби) — конструктор сайтов и лендингов в два клика без затрат на дизайнеров и программистов

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

Flexby имеет все необходимые функции для создания сайта, а именно:

• готовые шаблоны оформления;
• визуальный drag-and-drop редактор с собственной библиотекой элементов;
• хостинг с защитой от DDoS;
• возможность зарегистрировать домен;
• интеграция со многими популярными сервисами + встроенная CRM.

Когда проект готов, вы можете использовать практические инструменты для аналитики и A/B-тестирования, чтобы повысить эффективность продаж. Давайте рассмотрим некоторые из вышеперечисленных функций Flexby более подробно.

Готовые шаблоны сайтов

Начнем с самого интересного — макетов конструктора, которых в этом конструкторе относительно немного — 21 штука. Они делятся на три небольшие категории:

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

Все шаблоны Flexbe отличаются особым качеством, которое видно даже невооруженным глазом по следующим особенностям оформления макета:

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

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

Визуальный редактор блоков

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

Кроме того, пользователи могут добавлять новые разделы, используя большой значок «+» по краям маркеров страниц:

• крышки;
• приложения;
• товары;
• контент и медиа;
• обзоры;
• цены;
• контакты и тд

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

Рассмотрим основные инструменты редактора веб-страниц. В левом верхнем углу есть две панели:

• окно;
• шрифты.

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

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

В правой части верхней панели есть три значка:

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

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

Подробнее о том, как создать лендинг с помощью этого конструктора, смотрите в следующем видео.

Конструктор одностраничников

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

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

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

Мал «Лондон» — интернет-магазин велосипедов.

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

Хостинг и домен

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

Как видите, в зоне RU можно купить адрес за 300 рублей в год, и это не слишком высокая цена. Кроме того, первый домен предоставляется бесплатно. Международные зоны уже дорогие.

Хостинг входит в стоимость услуг стандартно и отдельно не оплачивается. Из преимуществ в этом направлении Flexbe следует выделить:

• автоматическое и бесплатное SSL-подключение ко всем доменам на сервере;
• защита от DDoS-атак;
• почтовый ящик формата «email protectedyoursite.ru».

Воспользоваться ли услугами регистратора с Flexbe — личное дело каждого, но для российских зон это удобно и выгодно. Конечно, вы можете купить домен намного дешевле (многие компании предлагают их за 50-100 рублей в год). Но в этом случае вам также придется указывать записи DNS вручную, а некоторые регистраторы разрешают это делать только платно (например, RU-Center).

Продвижение и аналитика

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

• заголовок;
• описание;
• искать термин.

Кроме того, есть возможность изменить URL ЧПУ, добавить ссылки на социальные сети.

В общих настройках проекта вы также можете:

• загрузить иконку сайта (favicon);
• отредактируйте файл robots.txt;
• включить адаптивную версию;
• подтвердить права в Яндекс.Вебмастер и Google Search Console.

В остальном, по словам разработчиков, сайты Flexbe максимально оптимизированы для поисковых систем (вёрстка, микроразметка и так далее).

Что касается парсинга, то в этом конструкторе есть сразу две опции:

• использовать встроенный инструмент;
• введите код счетчика (Ю.Метрика, Google Analytics, Liveinternet и т д).

В первом случае достаточно перейти на вкладку «Аналитика» в верхней панели личного кабинета.

Инструмент позволяет увидеть трафик по дням и месяцам в виде графика или таблицы.

Второй и более продвинутый вариант — вставить код из Яндекс.Метрики и Google Analytics. Это можно сделать в общих настройках личного кабинета, выбрав «Счетчики».

Кроме того, в этот же раздел можно вставить любой HTML-код, а значит, можно использовать и другие системы анализа, например Liveinternet.

Интеграции

Flexbe имеет интеграцию со многими популярными сервисами. Подробнее о них в таблице ниже.

CRM-системы	АмоCRM, Битрикс24
Почтовые услуги	Я.Почта, Mail.ru, G Suite
Виджеты	CallbackHunter, JivoSite
Счетчики (расширенная интеграция)	Я.Метрика, Google Analytics
Новостная рассылка	GetResponse, Юнисендер
Прием платежей	Яндекс.Касса, Робокасса, Тинькофф Банк

Управление внешними сервисами осуществляется в настройках проекта (меню слева, раздел «Приложения»).

В целом интеграция с AmoCRM и UniSender, а также прием платежей через Яндекс.Кассу — важные преимущества Flexby. Эти сервисы очень популярны, а их быстрое и удобное подключение к конструктору значительно повышает комфорт пользователей.

Встроенная CRM-система

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

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

Читайте также: Обзор 5-и лучших активных и пассивных сабвуферов для дома

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

A/B-тестирование — очень важный инструмент, который позволяет сравнивать конверсии на разных целевых страницах, тем самым выбирая наиболее эффективные сайты. Эта функция доступна во встроенном анализаторе Flexbe. Исключение составляет стартовый тариф, где возможности пользователя ограничены.

Конечно, подобную процедуру можно выполнить и в Google Analytics, но гораздо удобнее и быстрее сделать это с помощью инструмента анализа в конструкторе. Помимо A/B-тестирования, пользователь также может настроить гео-лендинги (разные страницы для конкретных городов и стран), мультилендинги (для определенных поисков).

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

Всего в пару кликов вы можете создать логотип для компании в отдельном конструкторе от Flexbe. Для этого предусмотрена целая библиотека иконок и шрифтов.

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

Личный кабинет пользователя

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

• проекты — здесь находятся все страницы пользователей;
• страницы — для каждого интернет-ресурса отдельно;
• приложения — встроенная CRM с контактами;
• аналитика — статистика посещений, UTM-метки;
• настройки — полный набор инструментов (интеграция, привязка к домену, SSL, robots.txt, перенос проекта и тд).

В левой части верхней панели в личном кабинете Flexbe есть два раздела:

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

Партнерские программы Flexbe имеют свой личный кабинет со следующими пунктами:

• статистика;
• платежи;
• регистрация;
• баннеры;
• реферальная ссылка;
• настройки.

Любой может стать партнером. Для этого достаточно зарегистрироваться по ссылке внизу страницы на официальном сайте. Процент отчисления 25%, минимальный платеж 3000 руб.

Обучающая академия Flexbe

С помощью Flexbe Academy новички могут научиться создавать сайты через конструктор. Базовый курс охватывает все этапы — от подготовки лендинга до запуска контекстной рекламы в Google AdWords и Я.Директ. Таким образом, они также проходят обучение привлечению трафика, а также последующему анализу и A/B-тестированию.

В академии есть еще два отделения:

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

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

Тарифные планы

Flexbe предлагает пользователям три тарифных плана, подробности о которых в таблице ниже.

Имя	Начиная	Маленькая компания	Бизнес
Цена, руб.)	750	950	1 500–10 000
Количество проектов	1	от 5 до 50
SSL	Бесплатно
Аналитика	Ограниченное	A/B тестирование + геозаимствование + мультилендинг
Пользователи	1	от 2 до 13

Домен RU или РФ для проекта предоставляется в подарок (бесплатно). Пробный период 14 дней.

Оплатить выбранный тариф можно тремя способами:

• банковские карты;
• Яндекс деньги;
• КИВИ.

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

Сравнение Flexbe с альтернативными сервисами

Сервис Bloxy очень похож на Flexbe. У этих конструкторов практически одинаковая целевая аудитория, схожий функционал. Оба сервиса ориентированы не на шаблоны, а на блоки. Только у Bloxy вообще нет шаблонов, а у Flexbe их мало. У Bloxy немного больше интеграций (22). Ценовая политика этих двух конструкторов также схожа.

По сравнению с известными Mottor и LPGGenerator, Flexbe рассчитан на совсем другую аудиторию. У первых двух много профессиональных функций, в Mottor даже используются технологии искусственного интеллекта. LPGenerator имеет платные услуги по увеличению конверсии, разработке персонализированного шаблона. Ничего подобного во Flexbe вы не найдете, но рядовому пользователю такие возможности и не нужны.

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

Если сравнивать Flexbe с популярным Wix, то преимуществ у первого будет больше. У Wix есть готовый шаблон и дизайн сайта, поэтому он подходит для создания страниц-визиток и целевых страниц. Но сервису не хватает более расширенного функционала; Wix, в отличие от Flexbe, не подходит для создания серьезных сайтов.

Примеры сайтов на конструкторе Флексби

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

Пример №1. Тату Олимп — tattoo-olimp.ru.

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

Пример №2. Александровский оконный завод — karo-d07.ru.

На этой странице сразу бросается в глаза виджет CallbackHunter. С одной стороны лаконично размещена галерея с окнами, представлены преимущества, партнеры объекта, адреса и карта.

Пример №3. Онлайн касса — эвотор.рф.

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

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

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

С чего начать

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создание многостраничных сайтов Простое редактирование визуального макета страницы Удобные настройки просмотра страницы

ПЫТАТЬСЯ

С чего начать знакомство с Флексби?

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

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

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

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

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

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

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

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

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

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

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

Универсальные шаблоны для создания сайтов Более 300 блоков в визуальном редакторе Гибкие настройки интерфейса

ПЫТАТЬСЯ

Преимущества и недостатки Flexbe

Этот конструктор не имеет недостатков, но в то же время не имеет и высоких достоинств. Среди достоинств хотелось бы выделить:

• Красивый и практичный дизайн редактора;
• Наличие бесплатного инструмента для создания логотипов;
• Возможность интеграции с различными сервисами, не только с теми, которые есть в списке доступных на сайте, но и которые пользователь может добавить самостоятельно;
• Возможно подключение по SSL;
• Это академия с обучающими материалами по различным направлениям создания и продвижения сайтов.

Недостатки конструктора Flexbe:

• Готовых шаблонов не так много;
• Тарифы дорогие;
• Встроенная CRM-система слабая и требует дополнительных инструментов;
• Есть ограничения в создании дизайна, так как возможно использование только готовых блоков.

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

Полезные ссылки:

• Выбор редакции: uKit — лучший конструктор сайтов.
• Сайт на Joomla 3 с нуля от гуру — видеокурс;
• WordPress 5 от нуля до гуру — видеокурс;
• Заработок на создании сайтов — бесплатный курс по открытию собственной веб-студии;
• Каталог курсов — полноценные платные видеокурсы по созданию сайтов.