Битрикс24.Сайты — мир не будет прежним

29.11.2017


Что нового в Битрикс24?

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

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

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

Свой домен — адрес вида vashakompaniya.ru. На платных тарифах можно сделать так, чтобы ваши сайты имели вид: nazvanie.vashakompaniya.ru, где nazvanie — название вашего битрикс-сайта. На бесплатном Битриксе это будет так: nazvanie.bitrix24.site. Смысл привязки своего домена в том, чтобы сразу было понятно, что новый сайт относится к вашей компании.

Зачем вам нужен сайт?

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

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

Если у вас есть свой бизнес или вы оказываете услуги — вам нужен сайт. Без него создать стабильный поток клиентов не получится.

С чего начать?

После обновления Токио у вас два варианта: заказать сайт в интернет-агентстве или сделать его самому сразу из Битрикс24. Рассмотрим второй вариант.

Чтобы сделать свой сайт, вам будут нужны две вещи: свой портал Битрикс24 и доступ в Интернет. Если у вашей компании еще нет портала, зарегистрируйте его. Теперь заходим в свой Битрикс24, в левом главном меню, ближе к концу, будет ссылка на Сайты. По ней попадаем в раздел, где видим кнопку создания сайта и те страницы, которые мы уже сделали. Выбираем Создать сайт.

Создание сайта в Битрикс24. Бесплатные сайты в Битрикс24

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

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

Остановимся на шаблоне с недвижимостью.

Выбор шаблона в Битрикс24. Бесплатные сайты в Битрикс24


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

Первая страница выглядит пока так:


Первая страница. Бесплатные сайты в Битрикс24

Теперь пройдем все по порядку, начиная с самого верхнего меню.

Настройки

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

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

Адаптивность. Бесплатные сайты в Битрикс24


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


Переключение режимов. Адаптивная верстка. Сайты в Битрикс24


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


Настройка страницы. Бесплатные сайты в Битрикс24


Что тут можно сделать:

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

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

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

Посмотрим теперь настройки самого сайта (Действия → Настроить сайт):

Настройка сайта. Бесплатные сайты в Битрикс24


И вот здесь можно донастроить все остальное: аналитику, настройки робота, подключить виджет обратной связи (уже связанный с вашей CRM) и ключи от карт Google, и выбрать вид конкретной страницы.


Донастройка сайта. Бесплатные сайты в Битрикс24

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

В чем основная функция конструктора сайтов? В том, чтобы дать человеку возможность сделать все, что он хочет, со своим сайтом. И в Битрикс24.Сайтах это есть.

Хотите поменять цвет фона — пожалуйста, не нужен целый раздел — убирайте. Это значит, что все, что не нравится на сайте, можно убрать, а все, что нужно — оставить или добавить.

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

В каждом блоке можно:

  • менять содержимое;
  • менять дизайн;
  • менять блоки местами;
  • скрывать блоки или удалять их.

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

Кнопки управления. Бесплатные сайты в Битрикс24

Начнем с дизайна.

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

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

Дизайн. Бесплатные сайты в Битрикс24


Редактура содержимого. Тут все круто, просто и понятно, прицепиться не к чему. Менять можно практически все.


Редактура содержимого. Бесплатные сайты в Битрикс24


Любой текст можно форматировать, менять цвет, оформление и стиль.


Форматирование текста. Бесплатные сайты в Битрикс24


Даже если это сложный блок с обилием информации, его тоже можно править. Рассмотрим на примере этого блока с карточками:


Правка блока. Бесплатные сайты в Битрикс24


Посмотрим, что можно изменить или настроить:


Изменение блока. Бесплатные сайты в Битрикс24


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

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

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


Группировка блоков. Бесплатные сайты в Битрикс24


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

Если нужно, он точно так же настраивается, как и остальные, чтобы все смотрелось в едином стиле.


Единый стиль. Бесплатные сайты в Битрикс24


Что получилось, когда мы добавили новый раздел:


Добавление нового раздела. Бесплатные сайты в Битрикс24


Блоки можно двигать вверх и вниз, нажимая на эти стрелки:


Движение блоков. Сайты в Битрикс24


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


Просмотр страницы в интернете. Сайты в Битрикс24


Если одной страницы мало, создавайте еще. Для этого снова идём в боковой раздел Сайты, выбираем наш сайт и нажимаем Новую страницу.


Создание нескольких страниц. Сайты в Битрикс24

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

Интеграция с CRM

Здесь все тоже просто: все формы и чаты на сайте уже связаны с вашей CRM.

Когда кто-то напишет вам в чат, закажет звонок или заполнит форму обратной связи — он сразу попадет в вашу базу. Теперь у вас есть его данные и есть все возможности, чтобы с Битрикс24.CRM сделать его своим клиентом.

Посмотрим на примере формы с заказом:

Форма заказа. Сайты в Битрикс24


У каждого блока с формой свои настройки:


Настройка блоков. Сайты в Битрикс24


Можно использовать ваш дизайн формы:


Дизайн блока. Сайты в Битрикс24


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


Форма - заказать настройку открытых линий. Сайты в Битрикс24


Можно поменять внешний вид формы и ее поведение:


Внешний вид и поведение формы. Сайты в Битрикс24


Что будет, если выберем вариант Скачивание учебника:


Вариант - скачать учебник. Сайты в Битрикс24


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


Виджет обратной связи. Сайты в Битрикс24


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


Все варианты связи. Сайты в Битрикс24


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

И еще. 

Для тех кто хочет попробовать битрикс24 сайты, но не хочет тратить время и разбираться в том, как правильно их настраивать и оформлять мы запустили уникальную акцию: "Бесплатный битрикс24 сайт под ключ при заказе в Веб-Центре любой услуги по SEO или контекстной рекламе".

Подробно читайте на отдельном сайте, который сами сделали на конструкторе Битрикс24 :-)




Комментировать

Наши менеджеры готовы прямо сейчас обсудить ваши задачи!

Сергей

Сергей

Марина

Марина

Игорь

Игорь

Позвоните нам или оставьте заявку на бесплатную консультацию,
мы ответим в течение 1 часа (в рабочее время) и расскажем, как мы сможем решить ваши задачи!

Оставить заявку
Загрузка...