Битрикс24.Сайты: светлое будущее для малого бизнеса

10 октября 2017 «1С-Битрикс» анонсировала «Битрикс24.Токио». Мы уже разбирали многочисленные усовершенствования этого релиза в нашем сайте. Сегодня предлагаем вашему вниманию результаты бета-тестирования конструктора Битрикс24.Сайты.

Преимущества Битрикс24.Сайты

«Бесплатный сайт и лендинги, интегрированные с CRM. Простой в управлении и подходящий для неподготовленного клиента.

С бесплатным хостингом и своими доменами».

Сергей Рыжиков, Генеральный директор компании «1С-Битрикс»

Малому предпринимателю нужны заказы на раскрученный товар или услугу (подоконники, пластиковые пакеты, фитнес, зеленый кофе). Чтобы получить их из интернета, он быстро и бесплатно запускает элементарную посадочную страницу. За 3 шага, 4 дня и 1000 рублей максимум:

1. Звонит знакомому HTML-верстальщику;
2. Делает страницу-визитку;
3. Загружает ее на Сайты.Google.

Таких «диких некрасивых лендов» уже больше 3 миллионов. Владельцы сделали их на коленке, залили контекстным трафиком, получили какие-никакие продажи с звонков по контактным телефонам и писем на контактные E-mail. А потом призадумались.

На старте бизнеса каждый клиент в радость. Но со временем упущенные сделки начинают сниться по ночам. Возникает непреодолимое желание повысить отдачу от странички. Как? Установить CTA-элементы: онлайн-чаты, формы, поп-апы. Чек-лист усложняется, Сайты.Google не обеспечивают функционал, знакомый HTML-верстальщик перестает справляться. Начинаются метания:

1. Если конструктор: Wix, Shopify или Tilda?
2. Если движок: «1С-Битрикс», Wordpress или Joomla?
3. Какой хостинг: REG.RU, RU-CENTER или Мастерхост?
4. Wufoo или Formstack для форм?
5. WebConsult или Jivosite для чатов?
6. Hello Bar или Witget для всплывающих окон?

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

Малому предпринимателю больше не нужны технические нюансы. Знакомого верстальщика можно не беспокоить. Достаточно самому сделать 4 простые действия:

1. Зарегистрироваться в « Битрикс24»;
2. Выбрать и отредактировать шаблон страницы в конструкторе;
3. Настроить виджеты и формы в интерфейсе «Битрикс24»;
4. Нажать кнопку «Опубликовать».

Страничка готова! Сроки – 1 день. Стоимость – 0 рублей.

Останется направить трафик и успевать обрабатывать запросы: делать обратные звонки, отвечать на вопросы в чате, писать по E-mail и оформлять покупки. Все обращения будут фиксироваться, контакты перестанут теряться, и договоренности всегда будут под рукой.

К примеру, на календаре декабрь, а на складе зависли 100500 новогодних кружек с собачками. За 1 день делаем лендинг в Битрикс24.Сайты, запускаем кампанию в Директ и успеваем-таки все распродать.

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

Предустановлена простая форма обратного звонка, а также форма отправки сообщения с полями «Имя», «Фамилия», «Телефон», «E-mail» и «Комментарий» (текст сообщения). Форму можно также вставить и на сайт отдельным блоком.

После отправки сообщения из формы на сайте в «Битрикс24» сразу же создаются: новый лид, новая карточка CRM и новое дело «Заполнение CRM-формы».

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

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

И далее оператор отвечает через веб-мессенджер «Битрикс24», обмениваясь репликами с посетителем сайта.

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

Итак, Битрикс24.Сайты позволяет быстро и бесплатно сделать из готовых элементов посадочную страницу с встроенными CTA-элементами. Эти чаты и формы автоматически передают запросы в систему обработки заявок «Битрикс24». Там они фиксируются в журналах и карточках учета. На запросы просто и удобно отвечать. Прямо из «Битрикс24» можно вести диалог в чате, делать обратные звонки, отправлять письма. Все взаимодействия с покупателями также фиксируются в системе. Сайт и страница публикуются на субдомене безопасного домена bitrix24.ru по протоколу HTTPS, потому определяется браузерами как безопасные.

Вводный курс по Битрикс24.Сайты

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

Войти в интерфейс можно из меню «Битрикс24», кликнув по надписи «Сайты beta».

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

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

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

1. Агентства
2. Архитектура
3. Бизнес
4. Благотворительность
5. Бухгалтерские услуги
6. Консалтинг
7. Корпоративный
8. Курсы
9. Мероприятия
10. Недвижимость
11. Ресторан
12. СПА
13. Спорт
14. Строительство
15. Юридические услуги

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

Включает 6 элементов: навигация «хлебные крошки» (на рисунке 1), переключатель вида для разных устройств (2), кнопки «Настройки», «Предпросмотр», «Опубликовать», а также вызов помощи (3).

Левая верхняя панель вызывает режимы редактирования (на рисунке 1) и дизайна блока (2).

В панели редактирования можно заменять элементы: загружать картинки, вводить и редактировать заголовки и текстовые блоки, URL и анкоры ссылок и кнопок, Alt-описания изображений.

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

Клик по текстовому элементу вызывает всплывающую панель настроек текста. Можно сделать текст полужирным, курсивом, задать подчеркивание, три вида выравнивания. Вставить и удалить ссылку (в том числе на другую страницу Битрикс24.Сайты или к анкору блока на странице). Управление размером и начертанием шрифта не предусмотрено. Управление цветом сейчас возможно только для заголовков.

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

Поиск по Unsplash и Google Images интегрирован в интерфейс загрузки. Правда, в усеченной демонстрационной версии.

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

Клик по кнопке «Действия» (на рисунке 1) открывает доступ к 5 командам: «Скрыть (показать) блок» (2), «Вырезать», «Копировать», «Вставить», «Оставить замечание» (3). Команда «Скрыть блок» делает отмеченные блоки невидимыми в предпросмотре и на опубликованной странице. Соответственно, команда «Показать блок» отменяет невидимость. В интерфейсе редактирования скрытый блок затеняется. Неудачный маркер, на блоке с темном фоном он будет незаметен.

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

Команда «Оставить замечание» вызывает форму обратной связи с разработчиками «Битрикс24». Через нее можно передать свои советы и пожелания. Ответ на замечание не предусмотрен.

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

Значок корзины удаляет элемент, плюс дублирует его

Вот так мы удалили элемент «TOLL FREE» и продублировали элемент «EMAIL».

Новые блоки добавляются кнопкой «Добавить блок», всплывающей на верхней кромке.

Библиотека готовых блоков велика, но однообразна. Из 140 просмотренных нами дизайн-блоков оригинальных только 113. Остальные 27 дублируются от раздела к разделу.

1. «Обложка» – 14 вариантов;
2. «О проекте» – 4 варианта;
3. «Заголовок» – 6 вариантов;
4. «Текстовый блок» – 15 вариантов;
5. «Изображение» – 8 вариантов;
6. «Цитата» – 3 варианта;
7. «Преимущества» – 14 вариантов;
8. «Колонки» – 19 вариантов;
9. «Разделитель» – 1 вариант;
10. «Меню» – 20 вариантов;
11. «Подвал сайта» – 2 варианта;
12. «Список страниц» – 11 вариантов;
13. «Плитка и ссылка» – 9 вариантов;
14. «CRM-форма» – 8 вариантов;
15. «Команда» – 3 варианта;
16. «Отзывы» – 3 варианта;
17. «Расписание» – 1 вариант;
18. «Этапы» – 4 варианта;
19. «Контакты» – 3 варианта;
20. «Тарифы» – 2 варианта;
21. «Партнеры» – 4 варианта.
    

Эти важнейшие настройки надо обязательно сделать до начала рекламной кампании. Иначе вы утонете в мусорных сообщениях!

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

В разделе CRM-формы (/crm/webform/), есть форма обратного звонка «Название формы» и три предустановленные формы («Обратный звонок с номера базовой станции», «Форма обратной связи», «Контактные данные»). Доработаем форму обратного звонка. Нажимаем кнопку «Редактировать», кликаем звездочку настроек против поля «Телефон», ставим галочку «Обязательное поле».

Теперь форма будет требовать ввести телефон.

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

В настройки сайта можно войти через панель управления сайтами

Можно задать собственный адрес сайта как субдомен. Такое же поле есть в настройках страницы.

b24-86x7q1.bitrix24.site/ВАШСАЙТ/

На платных тарифах можно задать собственный адрес в формате домена 3 уровня. Домены 2 уровня не поддерживаются. Естественно, DNS-запись у регистратора надо будет тоже поменять

landing.yoursite.ru. IN CNAME lb.bitrix24.site.

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

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

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

Фон отдельной страницы можно задать при помощи такого же интерфейса в настройках страниц.

Поля Google Analytics и Яндекс.Метрика в настройках сайта предназначены для универсальных счетчиков отслеживания, работающих на всех страницах.

Для отдельных страницы можно задать индивидуальные ID. Мы добавили код Яндекс.Метрики и проверили страницу сервисом Ping-admin.ru. Метрика зафиксировала эту активность: 73 посещения из Украины, России, США и Казахстана в течение 1 часа.

Когда-нибудь в Битрикс24.Сайты появится функционал вставки карт или произвольного кода. Вот тогда и пригодится настройка сайта «Ключи карт Google». Мы заранее сгенерировали ключ API Google Maps и сохранили. Пусть будет.

AIzaSyDV6NBetRW3t7iE7OpaW3ejauzxKFzET_3c

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

Это поле предназначено для точной настройки рекомендаций для поисковых роботов. Например, полезно разрешить доступ только Яндекс и Google. И запретить сканирование нецелевым поисковикам Baidu и Yahoo, роботам бэклинков Ahrefs, парсерам grub, Larbin. Зачем нам лишняя нагрузка?

В подвале сайта по умолчанию выводится надпись «Заряжено Битрикс24». На платных тарифах ее можно отключить. На бесплатном – только полюбоваться на соответствующий pop-up.

В настройки страницы можно войти из интерфейса редактирования страницы.

Настраивается иллюстрация для соцсетей, заголовок, текст анонса. Чтобы побыстрей увидеть результат в соцсетях, кликайте скролинг отладчика Facebook.

В настройках страницы есть поля для добавления и редактирования мета-тегов Title, Description, Keywords. Для наглядности имеется предпросмотр в виде сниппета поисковых систем.

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

Поле «Блок HEAD» добавляет код в шапку сайта между тегами <HEAD>. Аналитику мы уже подключили, разместим для примера мета-теги копирайта, повышающие позиции в выдаче. Добавим строки:

<meta name="author" content="Имя Фамилия "/>

<meta name="copyright" lang="ru" content="Студия WRP"/>

Нажимаем кнопку «Опубликовать», смотрим исходный код и видим в нем мета-теги копирайта.

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

К примеру, в Битрикс24.Сайты по умолчанию загружаются с Google Fonts 3 шрифта: прямые Roboto и Mukta, прописной Niconne. А переключить их не получается!

Отладка и публикация

Битрикс24.Сайты позволяет редактировать страницу в режиме просмотра на настольном компьютере и просматривать в отображении для планшета и смартфона. Изрядная фишка, на Tilda до сих пор такого нет! Можно в один клик проверить, как выглядит верстка на телефоне.

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

После клика на выделенной цветом кнопке «Опубликовать» изменения становятся видны всем посетителям страницы.

Недостатки бета-версии Битрикс24.Сайты (в декабре 2017 года)

Октябрьский релиз Битрикс24.Сайты был выпущен как прототип (Minimal Viable Product, MVP), и сейчас дорабатывается по гибкой краудсорсинговой методологии Customer Development. Это доказывает тот факт, что разработчики в первую очередь вводят новые «фишки». Пока готовилась эта статья, в настройках сайта появился функционал выбора главной страницы, шаблона шапки и подвала, страницы 404.

При этом исправления недоработок остаются на потом. А их немало. Например:

В готовых блоках форм для вставки на страницу и в формах виджета «Открытых линий» не выводится ссылка на документ «Политика обработки персональных данных». Вместо нее публикуется текст согласия пользователя на обработку персональных данных. Формально это нарушение 2 параграфа статьи 18.1. Закона 152-ФЗ «О персональных данных». Применяя веб-формы в таком виде, пользователь Битрикс24.Сайты рискует получить штраф до 30 000 рублей.

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

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

По стандартам «1С-Битрикс», раздел «Помощь» пуст. Сейчас в нем 5 заметок:

1. «Создание сайта на Битрикс по шаблону»;
2. «Виджет «Открытых линий» на сайте»;
3. «Настройки сайтов и страниц»;
4. «Добавление своего домена»;
5. «Правила использования Битрикс24.Сайты».

Общим объемом на 11 000 знаков. Имеются 2 видеоурока по шаблонам сайтов и настройке виджетов открытых линий.

Видеоурок «Создание сайта по шаблону»

В панели «Действия» неактивны команды для блоков «Вырезать», «Скопировать», «Вставить».

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

При загрузке изображений недоступен источник «Библиотеки партнера». Загрузка фоновой картинки сайта или страницы по прямой ссылке также невозможна.

Не предусмотрена вставка видео, а также элементов социальных активностей: кнопок «Нравится», «Поделиться», виджетов соцсетей. Нет блоков карт Яндекс и Google. Притом что поле «Ключи карт Google» в настройках сайта есть.

Не предусмотрен откат редактирования к предыдущей версии (Undo).

Нет возможности ограничить доступ к сайту, задав IP-адреса или пароль. Экспортировать и импортировать сайт архивом невозможно.

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

Поскольку технически блокировку осуществляют провайдеры хостинга и операторы связи, отключение одной страницы на конструкторе сайтов может сделать недоступными все сайты, размещенные на площадке! Такие уже случалось: 26 октября 2016 года была заблокирована Wix, 29 июля 2017 года – Tilda.

Сейчас страницы пользователей Битрикс24.Сайты размещаются на субдоменах «Битрикс24». Роскомнадзор будет высылать уведомления о блокировке провайдеру, а тот уже сообщать в «Битрикс24». Чем больше поток уведомлений, тем выше вероятность того, что модераторы Битрикс24.Сайты не успеют своевременно отключить нарушителя. И тогда под бан могут попасть все онлайн-сервисы «Битрикс24» сразу.

Компания «1С-Битрикс» сознает этот риск. В «Правилах использования Битрикс24.Сайты» пользователей целых 5 раз убеждают соблюдать законодательство и призывают сообщать о нарушителях. Но хочется верить, что предусмотрены и другие процедуры проверки законности размещенных страниц. Иначе пользователям Битрикс24.Сайты придется сталкиваться с блокировками слишком часто.

При всех достоинствах Битрикс24.Сайты представляет собой конструктор статичных страниц. Он никогда не станет заменой CMS, движкам для разработки порталов и интернет-магазинов на Битрикс. Да и зачем бы «1С-Битрикс» создавать продукт, конкурирующий с собственной платформой «1С-Битрикс: Управление сайтом»?

Выводы

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

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

А пока можно потренироваться, поучаствовав в конкурсе «Лучший сайт на Битрикс24» от «1С-Битрикс». Хороший способ изучить на практике требования платформы к сайтам, набраться опыта и навыков. Да и iPhone X к празднику не помешает ). Удачи и с наступающим Новым годом!