Как сделать страницу в битриксе
Интерфейс до версии 9.5
Основным учебным материалом для контент-менеджеров сайтов на основе «1С-Битрикс: Управление сайтом» является курс Контент-менеджер. Система «1С-Битрикс: Управление сайтом» постоянно развивается и совершенствуется. Как в своём функционале, так и в интерфейсах, с которыми приходится работать пользователям и контент-менеджерам. Но достаточно большое число сайтов в российском интернете работают на старых версиях нашей системы, с необновлённым интерфейсом.
Если у вас такой сайт, то рекомендуется начинать изучение системы с этого учебного курса. В этом курсе описан только интерфейс «1С-Битрикс: Управление сайтом» до версии 9.5. Все приёмы и методы работы можно изучить в курсе Контент-менеджер, они полностью аналогичны.
Также в таблице приведены ссылки на доступные для скачивания учебные видеоматериалы, которые помогут Вам быстро освоить систему «1С-Битрикс: Управление сайтом» до версии 9.5. Видеоролики демонстрируют основные функциональные возможности продукта.
|
Чтобы отключить подобное отношение к файлу необходимо:
Отсутствие кнопки Разблокировать возможно в двух случаях:
Страница битрикс: создание
В данном видео уроке подробно разберем, создание новой страницы на 1С Битрикс при помощи мастера, чем отличается статическая страничка от динамической и какие свойства при этом можно задавать.
Если смотрели предыдущие видео-уроки, где я рассказывал что на сайте, может представлено несколько видов информации эта статическая и динамическая, кто не знает что это такое, рекомендую посмотреть предыдущее видео, и вопросов не останется. В данной статье подробнее разберем создание статической странички на 1С Битрикс и немного затронем создание динамического контента.
Если мы будем рассматривать создание статической странички в 1С битрикс, то в рамках файловой структуры сайта это просто файл, в тоже время раздел это просто папка и получается, что создавая простую страничку, вы просто создаете файл на сервере, а создавая разделы в 1С Битрикс, вы создаете простые папки.
С динамической информацией обстоит дело немного по другому, что бы создать динамическую страницу нам достаточно в визуальном редакторе, разместить комплексный компонент, который и создаст раздел, подразделы и страницы в нем.
Как привило, шаблон сайта, настроен администратором таким образом, что пользователь, не обладающий глубокими знаниями, не нужно устанавливать компонент, и его настраивать, контент-менеджеру достаточно просто уметь им пользоваться.
Создавать странички и разделы можно из публичной части сайта, так и с Административного раздела. Начинающим пользователям желательно работать из публичной часть сайта, по этой причине в данном видео уроке рассмотрим функционал создание страницы из визуальной части.
Создание страниц при помощи мастера
Для создания простого статического материала воспользуемся «Мастер создания страниц».
Мастер – это функционал для создания новых страниц или разделов, которым задаются основные параметры и свойства перед ее публикацией в 1С Битрикс.
Для примера создадим страничку в разделе «О магазине». Первоначально перейдем в данный раздел, в котором собираемся создать новую страничку в битрикс.
В панели управления нажмем кнопку «Создать страницу», тем самым мы запускаем мастера, с помощью которого будем формировать её свойства.
Создание новой страницы в разделе
Нажмем кнопку далее.
Прописываем свойства
На этом шаге мастера, задаем свойства нашего контента. Начальные все свойства наследуются из раздела где она создана, при необходимости можем их изменить. Поля «Описание страницы», «Ключевые слова», «Продвигаемые слова», «ROBOTS» все это служит для SEO оптимизации в 1С Битрикс. Указав в поле «Заголовок окна браузера», мы увидим отображение его в окне браузера когда будем находиться в ней. В поле «Теги», заполняем ключевые слова для быстрого поиска материала в самой системе, оставим все без изменения.
Редактируем контент в визуальном редакторе
Новая страничка создана в системе битрикс и благодаря тому, что была установлена галочка «Перейти к ее редактированию» она у нас загрузилась в визуальном редакторе, где ее можно наполнить содержанием.
Давайте введем текст, «Наша первая страничка» и добавим компонент, который динамически будет выводить список новостей. Нажимаем сохранить, страница готова, она нам сразу отобразилась, и мы видим ее содержание.
Создание страницы с добавлением ее в меню
Теперь давайте рассмотрим пример с добавлением ее в меню. Перейдем обратно в нашу категорию «О компании» и нажмем, создать новую страницу в битрикс. Активируем опцию, «Добавить пункт меню», и нажимаем далее.
Так как данный параметр у нас активирован, мы переходим на шаг по настройки его параметров:
Нажимаем далее, заполняем свойства страницы 1С Битрикс если нам это необходимо, жмем Готово.
Мы создали новый материал на сайте с добавлением его в пункт меню, возможно по аналогии создавать такие же страницы в 1С Битрикс при помощи функции «Управление структурой» которая находится на панели управления.
Выберем «Структура», «Управление структурой» и перед нами отобразилась вся структура статических страниц и разделов сайта.
При наведении на папку раздела, появляется стрелочка, щелкнув по папке, открывается выпадающий список, из которого можем, добавить новый материал, изменить существующий, или удалить, как страницу так и раздел, в общем, провести ряд операций, которые вам необходимы.
Если выбрать пункт «Добавить страницу» нам откроется мастер, которым пользовались при создании материала в начале урока.
Так же по аналогии можно создавать страницы и формировать разделы, как было описано в начале самой статьи.
Если остались вопросы пишите их в комментариях, к данному уроки.
Битрикс24 cайты — мир не будет прежним
Что нового в Битрикс24?
10 октября этого года в Битрикс24 появилось новое обновление — Токио. Поменялся внешний вид карточек, добавили новые функции, но главное — в Битрикс24 появился конструктор сайтов. Про него и пойдет речь в этой статье.
Конструктор сайтов — механизм, который помогает сделать сайт, даже если вы ничего не знаете о программировании и веб-технологиях. Основная идея: есть заранее составленные шаблоны страниц, которые можно менять так, как это нужно. Если чего-то в шаблоне не хватает — добавляем, если лишнее — убираем. Вы «мышкой» перетаскиваете блоки и элементы страницы, меняете цвета и дизайн, пишете свои тексты вместо заготовок. В итоге получаете полноценный сайт, который вам нужен.
В бесплатной версии Битрикс24 это тоже можно делать, но с ограничениями: можно сделать только один сайт и нельзя привязать свой домен. Внутри одного сайта страниц может быть сколько угодно.
Свой домен — адрес вида vashakompaniya.ru. На платных тарифах можно сделать так, чтобы ваши сайты имели вид: nazvanie.vashakompaniya.ru, где nazvanie — название вашего битрикс-сайта. На бесплатном Битриксе это будет так: nazvanie.bitrix24.site. Смысл привязки своего домена в том, чтобы сразу было понятно, что новый сайт относится к вашей компании.
Зачем вам нужен битрикс24 сайт?
Сайты нужны для того, чтобы сообщить людям о том, что вы делаете. При этом неважно, продаете вы щебень вагонами или чините компьютеры на дому — в любом случае вам есть, что сказать клиентам. Наверное, вы и сами замечали, что за новой информацией мы идем в интернет. Точно так же делают ваши клиенты, когда хотят решить свои проблемы. Грубо говоря, если вас нет в сети — о вас не узнают и не придут к вам.
Сайт — это необязательно интернет-магазин или крупный региональный портал, иногда достаточно и одной страницы. Даже она сообщит клиентам, чем вы им можете быть полезны. Если человек ищет, где заказать вкусные торты на свадьбу ручной работы из марципана, а вы как раз про это рассказываете на сайте, он вам позвонит. Сайт — дополнительный и неограниченно мощный источник входящих обращений в компанию.
Если у вас есть свой бизнес или вы оказываете услуги — вам нужен сайт. Без него создать стабильный поток клиентов не получится.
С чего начать?
После обновления Токио у вас два варианта: заказать сайт в интернет-агентстве или сделать его самому сразу из Битрикс24. Рассмотрим второй вариант.
Чтобы сделать свой сайт, вам будут нужны две вещи: свой портал Битрикс24 и доступ в Интернет. Если у вашей компании еще нет портала, зарегистрируйте его. Теперь заходим в свой Битрикс24, в левом главном меню, ближе к концу, будет ссылка на Сайты. По ней попадаем в раздел, где видим кнопку создания сайта и те страницы, которые мы уже сделали. Выбираем Создать сайт.
Система сразу предложит все шаблоны, которые у нее есть. Выбираем тот, который лучше всего всего подходит для наших задач. Их все, кстати, делали те же ребята из компании 1С-Битрикс, которая продает лицензии на профессиональные системы управления сайтами. Поэтому с точки зрения дизайна и внешнего вида они все выглядят сбалансированно и адекватно.
Необязательно выбирать только тот шаблон, которые относится к вашему профилю. Например, если вы занимаетесь архитектурой, но вам понравился шаблон про недвижимость, и вы видите, что он вам подходит больше — выбирайте его.
Остановимся на шаблоне с недвижимостью.
Сразу появляется уже готовый сайт с заготовками текста и шаблонными фотографиями. Наша задача — наполнить страницу своими текстами и изменить фотографии на свои.
Первая страница выглядит пока так:
Теперь пройдем все по порядку, начиная с самого верхнего меню.
Настройки
Мы видим, что находимся в разделе Мои сайты, наш сайт называется Недвижимость и первая страница на нем тоже называется Недвижимость. Все эти названия можно заменить на свои в настройках сайта и страницы.
Дальше идут три переключателя режимов представления. Можно сразу посмотреть, как увидят сайт посетители с планшетами или на телефоне.
Так делают для того, чтобы на всех устройствах сайт полноценно выполнял свои функции и отлично выглядел. Обратите внимание, что переключатель режимов показывает, в каком режиме вы создаете сайт.
Следующий пункт меню — настройки страницы. Значок карандашика означает, что этот текст или значение можно изменять.
Что тут можно сделать:
Последнее — самое крутое. Это значит, что если вам что-то не нравится в шаблонном дизайне или вы хотите, чтобы вид страницы был похож на ваш основной сайт, то это можно сделать. Единственный минус: нужно знать веб-программирование и CSS или обратиться к специалистам, они сделают, как нужно.
По большому счету, этих настроек достаточно, чтобы сделать сайт таким, как вам хочется. И в этом особенность Битрикс.сайтов — работать становится проще.
Посмотрим теперь настройки самого сайта (Действия → Настроить сайт):
И вот здесь можно донастроить все остальное: аналитику, настройки робота, подключить виджет обратной связи (уже связанный с вашей CRM) и ключи от карт Google, и выбрать вид конкретной страницы.
Редактирование страниц
В чем основная функция конструктора сайтов? В том, чтобы дать человеку возможность сделать все, что он хочет, со своим сайтом. И в Битрикс24.Сайтах это есть.
Хотите поменять цвет фона — пожалуйста, не нужен целый раздел — убирайте. Это значит, что все, что не нравится на сайте, можно убрать, а все, что нужно — оставить или добавить.
Блок — часть сайта, которая решает свою задачу. Есть блоки с фотогалереей, отзывами, примерами, просто текстовые блоки, формы обратной связи и так далее. Блоки не зависят друг от друга и каждый блок настраивается независимо от другого.
В каждом блоке можно:
Когда наводим мышку на любой блок, видим кнопки управления: добавление блока, режим дизайна и редактуры, кнопки порядка блоков и действий с ними.
Видимость блока на устройствах нужна для того, чтобы, например, с компьютера и планшета этот раздел был виден, а с телефона — нет. Это полезно, когда вы знаете, что с телефона блок будет выглядеть некрасиво, мелко или неудобно им будет пользоваться. Чтобы не портить впечатление от всего сайта, такой блок можно показывать тем, кто смотрит сайт на большом экране и скрывать для всех остальных.
Внутренние отступы сдвигают текст выше или ниже — если он закрывает важную часть фотографии. Цвет фона выбираем, если нет фоновой картинки. Если фон — фотография, то изменения цвета фона вы не увидите.
Редактура содержимого. Тут все круто, просто и понятно, прицепиться не к чему. Менять можно практически все.
Любой текст можно форматировать, менять цвет, оформление и стиль.
Даже если это сложный блок с обилием информации, его тоже можно править. Рассмотрим на примере этого блока с карточками:
Посмотрим, что можно изменить или настроить:
Как видим, настраивается каждый элемент отдельной карточки вплоть до выбора того, в каком окне открывать новую страницу. И в этом вся мощь Битрикс24.Сайтов — тонкая настройка каждого элемента. А если что-то не получается в конструкторе сделать так, как хочется, вспоминаем, что есть CSS, где можно прописать любые изменения.
Если в шаблоне нет нужного блока, его можно добавить специальной черной кнопкой. Она всегда стоит под каждым блоком. Разделов на странице может быть сколько угодно, и идти они могут в любом порядке.
Блоки сгруппированы по смыслу, в каждой группе несколько вариантов. Есть из чего выбрать.
Например, мы хотим добавить раздел с нашими преимуществами. Выбираем из большого списка тот, что нам больше всего понравился.
Если нужно, он точно так же настраивается, как и остальные, чтобы все смотрелось в едином стиле.
Что получилось, когда мы добавили новый раздел:
Блоки можно двигать вверх и вниз, нажимая на эти стрелки:
Когда вы полностью наполните страницу дизайном и содержимым, можно посмотреть, как она будет выглядеть в Интернете и сразу опубликовать ее, если выглядит она там отлично. Нужные кнопки — вверху справа.
Если одной страницы мало, создавайте еще. Для этого снова идём в боковой раздел Сайты, выбираем наш сайт и нажимаем Новую страницу.
С ней можно делать все то же самое, что и с первой страницей: наполнять нужным вам текстом и настраивать внешний вид. При этом шаблон можно выбрать другой.
Интеграция с CRM
Здесь все тоже просто: все формы и чаты на сайте уже связаны с вашей CRM.
Когда кто-то напишет вам в чат, закажет звонок или заполнит форму обратной связи — он сразу попадет в вашу базу. Теперь у вас есть его данные и есть все возможности, чтобы с Битрикс24.CRM сделать его своим клиентом.
Посмотрим на примере формы с заказом:
У каждого блока с формой свои настройки:
Можно использовать ваш дизайн формы:
Если выберем этот вариант, форма будет выглядеть точно так же, как у вас на основном сайте:
Можно поменять внешний вид формы и ее поведение:
Что будет, если выберем вариант Скачивание учебника:
Если добавить в настройках сайта отображение виждета обратной связи, это будет выглядеть так (сейчас виджет в правом нижнем углу, но можно поставить в любое другое место):
Посмотрим, что будет, если на него нажать: видны все варианты, как с вами можно связаться. Посетитель выберет то, что ему удобнее, а весь диалог тоже сразу попадет в вашу CRM.
Битрикс.Сайты – потрясающе мощный и бесплатный инструмент для повышения продаж. Начинайте его использовать уже сейчас.
Для тех кто хочет попробовать bitirx24 сайты, но не хочет тратить время и разбираться в том, как правильно их настраивать и оформлять можно просто заполнить форму внизу. Специалисты Веб-Центр помогут вам создать свой битрикс24 сайт.