Поможем увеличить продажи Посмотрите наши условия и тарифы на услуги

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

s

Михаил Полянин

29.11.2017

Отправим материал
вам на почту
Нажимая на кнопку, вы даете согласие на обработку своих персональных данных

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

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

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

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

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

Зачем вам нужен битрикс24 сайт?

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

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

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

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

После обновления Токио у вас два варианта: заказать сайт в интернет-агентстве или сделать его самому сразу из Битрикс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


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

И еще. 

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




Оцените материал:  
(0)

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

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

Сергей Шамбалов

Сергей Шамбалов

Игорь Баннюк

Игорь Баннюк

Марина Рыжикова

Марина Рыжикова

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

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