0  /  141

Centino: Тренинги, семинары, обучение

Содержание

Установка решения

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

Также рекомендуем ознакомиться с материалами от разработчиков 1С-Битрикс:
Установка продукта «1С-Битрикс: Управление сайтом»

15-минутная видеоинструкция по установке интернет-магазина:



13-минутная видеоинструкция по установке сайта:


Подготовка хостинга

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

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

Рекомендуем ознакомиться с содержанием раздела «Поддержка» вашего хостинга, который может содержать готовые инструкции по установке 1С-Битрикс.

Также вам будут полезны эти материалы:  

Рекомендации по выбору и тестированию хостинга от разработчиков 1С-Битрикс
Список рекомендуемых хостингов от разработчиков 1С-Битрикс

Установка через bitrixsetup и создание базы данных

Авторизация и проверка наличия файла bitrixsetup.php

  1. Авторизуемся на хостинге и проверяем наличие файла bitrixsetup.php в корне сайта – в дальнейшем он будет необходим нам для установки и активации лицензии 1С-Битрикс.

    Мы проводим установку сайта на хостинге RedDock, и в нашем случае файл присутствует по умолчанию. Если на вашем хостинге файл отсутствует, скачать его можно прямо на сайте 1С-Битрикс и загрузить на ваш хостинг.

Создание базы данных

  1. Переходим в соответствующий раздел для создания базы данных.



  2. Нажимаем кнопку «Сохранить». Имя базы данных сохраняем в блокнот — в дальнейшем оно нам понадобится при установке 1С-Битрикс. База данных готова!



  3. Заполняем поля «Имя базы данных», выбираем из списка сайт, на который будем устанавливать решение, задаем имя пользователя и генерируем пароль. Имя базы данных и пароль сохраняем в отдельном документе – в дальнейшем нам понадобятся эти данные при установке решения. 

Если нет возможности подключить боевой домен к сайту — на нем старый сайт или в данный момент нет к нему доступа, необходимо создать новый домен.
При авторизации на хостинге создан технологический домен вида bx....ru — его удалять не нужно.
Создаем новый www-домен с наименованием основного домена — sitename.ru. Переходим в wwww-домен → sitename.ru → Изменить. В настройках www-домена ставим галку  «Использовать технологический домен вида bx....ru».



Упрощенная установка на хостинге RedDock

Если вы используете хостинг RedDock для 1С-Битрикс, вам доступна упрощенная установка решения. Используйте все возможности, чтобы сократить время на установку.
Внимание! Функция доступна только для тарифов «Хостинг для 1С-Битрикс», «Виртуальный хостинг» и «RED.Site».

1. Чтобы установка была корректной, необходимо разблокировать всплывающее окно браузера. Для этого воспользуйтесь документацией. Прилагаем ссылки на обучающие статьи для популярных браузеров:

2. Авторизуйтесь на хостинге RedDock.

3. Необходимо в корне сайта удалить сторонние файлы. Например, в нем по умолчанию лежит файл «bitrixsetup.php».

В левом меню перейдите в раздел Главное (1) → Менеджер файлов (2). Здесь находится путь к корню вашего сайта. В нашем примере необходимо перейти в папку «www» → «домен сайта».


Выделите все файлы и директории, при нажатой клавише ctrl. Затем нажмите кнопку «Удалить».

4. Установите решение. Перейдите в левом меню в раздел WWW (1) → WWW-домены (2).  


Выделите строку с вашим доменом и нажмите кнопку «Установка 1C-Bitrix».


Активация и установка решения на примере «Аспро: Маркет»

Активация ключа

Копируем адрес сайта, вставляем его в адресную строку на новой вкладке и вместо index.php после знака «/» прописываем «bitrix». Получается ссылка вида <вашсайт.hostdk.ru/bitrix>. 


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




Нажимаем кнопку «Открыть лицензионное соглашение» и принимаем его.




Переходим к активации лицензионного ключа и созданию аккаунта на сайте www.1c-bitrix.ru. Нажимаем кнопку «Активировать ключ» в административной панели




Заполняем открывшуюся форму: вводим имя, фамилию, логин и пароль для входа на сайт, email. Нажимаем кнопку «Активировать ключ» внизу формы.

Установка обновлений

Нажимаем кнопку «Установить рекомендуемые обновления». 



Важно! Если при попытке установить обновления система выдает ошибку, проверьте, установлены ли необходимые модули 1С-Битрикс. Список модулей


Начинается установка обновлений. Дождитесь окончания процесса.




Отчет об успешной установке выглядит так: 



Активация купона решения и загрузка обновлений

Переходим на вкладку «Обновление решений» и активируем купон. 



Переходим на вкладку «Список обновлений». Выбираем обновление, которое необходимо установить. В нашем случае это «Аспро: Маркет — адаптивный интернет-магазин». Отмечаем его и нажимаем кнопку «Загрузить».


Начинается установка обновлений на сайт. Дождитесь окончания процесса. 




После окончания вы увидите отчет об успешной установке обновлений.  


Внимание! Если выдаётся ошибка «[CHECK_IS_BAD] Купон (чек) не действителен. Ошибка активации купона», то возможны три варианта:
  1. Купон уже активирован на текущую копию 1С-Битрикс, тогда решение будет доступно по ссылке http://вашсайт/bitrix/admin/partner_modules.php?lang=ru
  2. Не активирована лицензия на платформу 1С-Битрикс.
    Активируйте вначале лицензию на 1С-Битрикс по адресу:
    http://ваш_сайт/bitrix/admin/update_system.php?lang=ru
    а затем попробуйте снова активировать решение
    http://ваш_сайт/bitrix/admin/update_system_partner.php?lang=ru
    вкладка «Активация купона».
    После активации купона решение будет доступно для скачивания по ссылке http://ваш_сайт/bitrix/admin/partner_modules.php?lang=ru.
  3. Если решения нет в списке по адресу http://вашсайт/bitrix/admin/partner_modules.php?lang=ru, то скорее всего купон был активирован на другую копию 1С-Битрикс, и вопрос по его повторной активации необходимо решать через техническую поддержку 1С-Битрикс, т.к. мы не занимаемся и не контролируем процессы связанные с активацией купонов и привязкой их к копиям 1С-Битрикс.

Загрузка решения из Маркетплейс

    Переходим на предыдущую вкладку, где у нас открыт Мастер установки 1С-Битрикс. Выбираем пункт «Загрузить из Маркетплейс» и нажимаем кнопку «Далее».



    Из списка решений выбираем «Аспро: Маркет» и нажимаем кнопку «Далее» внизу страницы. Поле «Купон» оставляем пустым — мы уже активировали ключ в административной панели нашего будущего сайта.




    Начинается подготовка к установке продукта. 

Настройка продукта

Выбираем шаблон «Аспро: Маркет — адаптивный интернет-магазин» и переходим к настройкам продукта.




Выбираем одну из 10 тем оформления нашего будущего интернет-магазина и нажимаем кнопку «Далее».




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




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




Выбираем типы плательщиков — физическое и/или юридическое лицо. Нажимаем кнопку «Далее».


Заполняем информацию о способах оплаты и доставки, выбираем местоположения (Россия и СНГ), США, мир или выбираем пункт «Не загружать», чтобы настроить эти параметры позже. Нажимаем на кнопку «Далее».




Ожидаем, пока система установит решение.




Отчет об успешной установке продукта выглядит так: 

Решение «Аспро: Маркет» установлено. Теперь мы можем перейти к следующему шагу – зайти на сайт и выполнить первичные настройки.

Активация лицензии, загрузка и установка обновлений 1С-Битрикс

Активация 1С-Битрикс

  1. Переходим на новую вкладку, в которую копируем имя домена. Именно туда мы будем устанавливать 1С-Битрикс и наше решение. На странице приветствия выбираем стандартную установку 1С-Битрикс.



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


Установка 1С-Битрикс

  1. После завершения загрузки откроется «Мастер установки 1С-Битрикc». Внимательно читаем информацию и нажимаем кнопку «Далее».



  2. Принимаем лицензионное соглашение.



  3. Регистрируем продукт. Ставим галочку в пункте «Установить в кодировке UTF-8», как рекомендуют разработчики 1С-Битрикс. Нажимаем кнопку «Далее».

Проверка параметров системы

  1.   Переходим к проверке параметров системы. Они должен соответствовать обязательным параметрам (отмечено зеленым цветом), иначе работоспособность сайта не гарантируется. Проверяем, все ли параметры нашего хостинга соответствуют требованиям. Убедившись, что все идеально, нажимаем кнопку «Далее» и переходим к вводу параметров базы данных.





    Убедившись, что все идеально, нажимаем кнопку «Далее» и переходим к вводу параметров базы данных. 

Ввод параметров базы данных и установка компонентов

  1. Заполняем поля «Имя пользователя» и вводим ранее сохраненный пароль для базы данных.

    - сервер – по умолчанию localhost
    - пароль – заданный пароль для пользователя базы данных
    - пользователь базы данных – существующий
    - база данных – существующая.



    Вводим сохраненное ранее имя базы данных и нажимаем кнопку «Далее».



  2. Дождитесь окончания установки компонентов.

Создание учетной записи администратора

  1. Переходим к созданию администратора. Заполняем поля «Логин» (логин администратора базы данных), «Пароль» (для входа в базу данных), E-mail, «Имя», «Фамилия» и нажимаем на кнопку «Далее».

  2. После выполнения этих действий мы попадем на страницу Маркетплейса. Установка 1С-Битрикс завершена. Теперь открываем новую вкладку браузера и переходим непосредственно к установке решения. 



Установка сайта в режиме многосайтовости

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

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

В этом видео показали, как установить сайт в режиме многосайтовости.

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

  1. Создать символьные ссылки
  2. Сделать резервное копирование главного сайта
  3. Добавить второй сайт
  4. Проверить второй сайт на ошибки и сравнить PHP-параметры
  5. Запустить мастера установки
  6. Сделать резервное копирование сайта в режиме многосайтовости

Рассмотрим их подробнее. 

Перед началом установки в режиме многосайтовости, нужен сайт, на котором выполнена установка платформы 1С-Битрикс. Перейдем к настройке.

Символьные ссылки

Для второго сайта нужно создать символьные ссылки. Посмотреть, как их настроить, вы можете в статье 1С-Битрикс.

Резервное копирование главного сайта

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


Добавление второго сайта

Перед установкой второго сайта нужно авторизоваться под главным сайтом. 


Переходим в Настройки → Настройки продукта → Сайты → Список сайтов. Кликаем по главному сайту:


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

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


Далее авторизируемся под вторым сайтом.


Переходим в в Настройки → Настройки продукта → Сайты → Список сайтов. Нажимаем на «Добавить сайт».


В открывшемся окне прописываем параметры ID (1), Название (2), Доменное имя (3), Сортировку (4). Значение сортировки должно быть ниже, чем у главного сайта. Затем нажимаем «вставить текущий» путь к корневой папке (5) – ссылка должна отличаться от главного сайта. Далее проставляем Параметры (6), Региональные настройки (7) и кликаем кнопку «Сохранить».


Проверка сайта на ошибки и PHP-параметры

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

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


Запуск мастера установки

Авторизуемся под вторым сайтом. Заходим в Настройки → Настройки продукта → Список мастеров. В списке выбираем нужное решение, кликаем на гамбургер и выбираем «Установить».


В открывшемся окне переходим к настройке продукта. На вкладке «Выбор сайта» (1), кликаем на «Существующий» и выбираем второй сайт. На этапе «Выбор шаблона» (2), просто нажимаем «Далее».

Переходим к «Выбору темы» (3). Здесь представлены 17 вариантов, отличающихся по цвету – выбираем подходящий. На вкладке «Информация о сайте» (4) прописываем данные о сайте: название, подпись сайта, телефон, e-mail и другие. Здесь выбираем «Типы плательщиков» (5): физические лица, юридические лица или отмечаем обе категории. «Оплата и доставка» (6) – выбираем способы оплаты, доставки и местоположение. Далее идет «Установка решения» (7) и «Завершение настройки» (8)

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


Второй сайт добавлен. Теперь нужно проверить во втором сайте наличие файлов «.access.php» и «.htaccess». Файл «.access.php» отвечает за настройку прав доступа пользователей, а  «.htaccess» – за перенаправление различных ссылок и обработку системных функций. Для проверки заходим в Контент → Структура сайта → Файлы и папки. Выбираем папку второго сайта.

Если нужных файлов нет, необходимо скопировать их из папки главного сайта. Для этого возвращаемся в «Файлы и папки» и заходим в главный сайт. Находим файл «.access.php», нажимаем на гамбургер и выбираем «Копировать».

В появившемся окне выбираем второй сайт и нажимаем «Копировать».

Аналогичным образом копируем файл «.htaccess».


ВНИМАНИЕ! При копировании название файла может отображаться некорректно – без точки в начале. Если ее нет, нажмите на «Переименовать» и добавьте вручную точку.

Направляем также в папку второго сайта.

После успешной установки сайта нужно снова сделать резервное копирование. Заходим в Настройки → Инструменты → Резервное копирование → Создание резервной копии. Выбираем «в папке сайта» и отмечаем галками оба сайта. Нажимаем кнопку «Создать резервную копию».

Рекомендуем перенастроить сайт на регулярное резервное копирование. Для этого переходим в Настройки → Инструменты → Резервное копирование → Регулярное резервное копирование. На вкладке «Параметры» находим «Содержимое резервной копии» и отмечаем галками оба сайта. Нажимаем на «Сохранить».

Сайт в режиме многосайтовости создан.

Первые шаги

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

Настройки главного модуля

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

Настройки главного модуля задаются в административной части сайта:

Настройки → Настройки продукта → Настройки модулей → Главный модуль.

 

Описания всех настроек и параметров главного модуля можно прочитать в пользовательской документации 1С-Битрикс: Управление сайтом.

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

Интерфейс настройки главного модуля делится на несколько основных вкладок:

  • Настройки
  • Авторизация
  • Журнал событий
  • Система обновлений
  • Доступ

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

Настройки

Общие настройки главного модуля разделяются также на несколько групп.

  • Системные настройки
  • Почта
  • Файлы
  • Изображения в профиле пользователя
  • Оптимизация CSS
  • Внешние сервисы перевода
  • Часовые пояса
  • Форматирование телефонных номеров
  • Сервис рекомендаций
  • Карта сайта
  • Богатые ссылки
  • Редактор изображений
  • Панель инструментов публичного раздела

Системные настройки

  • Название сайта (1) — используется по умолчанию для всех подключенных сайтов. Прописывается в тег <title> на всех страницах сайта, выводится в заголовке вкладки браузера и воспринимается поисковыми роботами в качестве названия сайта.
  • URL сайта (2) — адрес по умолчанию для всех подключенных сайтов.
  • Распространять куки на все домены (3) — активирует использование одних файлов cookies для всех подключенных сайтов. Это значит, что при переключении между сайтами пользователь будет оставаться авторизованным.
  • Режим вывода ошибок (4) — определяет, какие ошибки будут демонстрироваться пользователю. Рекомендуем выбирать опцию «Только ошибки»

Почта

 

  • E-mail, на который будут дублироваться исходящие сообщения (5) — адрес (адреса), на которые будут дублироваться все сообщения из системы почтовых событий сайта.
  • E-mail администратора сайта (6) — адрес отправителя писем с сайта по умолчанию.

Файлы

 

  • Качество JPG при масштабировании изображений (7) — задает уровень сжатия для .jpg файлов в процентном отношении, где 100% — наименьшее сжатие и самое высокое качество изображения.

В остальных группах свойства менять не рекомендуется.

Авторизация

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

 

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

Система обновлений

Содержит информацию о лицензионном ключе 1С-Битрикс и имени сервера с обновлениями, адрес и порт прокси, имя пользователя прокси и пароль, а также настройки обновлений.

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

Доступ

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

Вы можете выбрать любой уровень доступа для каждой группы. Группа «по умолчанию» включает в себя всех пользователей и посетителей сайта, в том числе неавторизованных. Чтобы добавить новое правило доступа для группы, нажмите ссылку «Добавить право доступа». Выберите группу слева, а затем уровень доступа справа.

Служебные процедуры

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

 

Настройка прав пользователей

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

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

Уровни доступа

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

Чтобы просмотреть список имеющихся уровней доступа, изменить их или добавить новый, в административной части сайта перейдите в Рабочий стол → Настройки → Пользователи → Уровни доступа.


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


В режиме редактирования/добавления уровня доступа на вкладке «Параметры» располагаются первые основные параметры:

  • Название (1) — наименование уровня
  • Привязка (2) — вид объекта для уровня доступа. Это может быть файл/папка или системный модуль
  • Модуль (3) — выбор конкретного модуля, на который распространяются правила доступа.

Буква — это короткое наименование уровня доступа для системы, Описание — это развернутая информация для администратора.

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


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

Группы пользователей

Следующий этап разграничения прав — создание групп для пользователей и назначение этим группам необходимых уровней доступа. Вы можете настраивать в системе 1С-Битрикс права только для групп пользователей и добавлять отдельных пользователей в группы. Однако количество групп с разными правами не ограничено, и фактически вы можете назначить каждому пользователю уникальные права. Но объединять пользователей в группы все-таки удобнее.

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

Чтобы изменить или создать новую группу пользователей, в административной части сайта перейдите в Рабочий стол → Настройки → Пользователи → Группы пользователей.


Войдите в режим редактирования/добавления группы.


На вкладке «Параметры» находятся основные параметры группы:

  • Название (1) — наименование группы
  • Символьный идентификатор (2) — id группы для использования в системе
  • Описание (3) — развернутое описание для администратора

Также здесь можно установить порядок сортировки и перейти к списку пользователей. Для этого щелкните по ссылке на количестве пользователей.

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


На вкладке «Доступ» устанавливаются уровни доступа для всех модулей сайта от главного модуля до валют и подписок.


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

Настройка прав пользователя

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

В административной части сайта перейдите в Рабочий стол → Настройки → Пользователи → Список пользователей. В списке пользователей найдите нужного и войдите в режим редактирования.


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


Добавление новых пользователей и управление существующими

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

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


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


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

На вкладке «Группа» назначьте пользователю необходимые группы с уровнями доступа.


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

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

Настройка резервного копирования

С помощью закладки «Резервное копирование» можно настроить создание полной резервной копии с настройками процесса по умолчанию.

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

Настройки → Инструменты → Резервное копирование → Регулярное резервное копирование

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

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



Возвратитесь на вкладку «Регулярный запуск» и нажмите на кнопку «Включить регулярное резервное копирование».




Задайте пароль для шифрования архива и нажмите на кнопку «Сохранить».



Подробнее о настройках резервного копирования в 1С-Битрикс читайте в курсе от 1С-Битрикс «Администратор. Базовый».

Композитный режим

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

Управление технологией осуществляется в настройках продукта:
Настройки → Настройки продукта → Композитный сайт

Функция включается с помощью кнопки «Включить композитный режим». 



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

Более подробная информация о настройках композитного режима – в документации разработчика.

Техническая поддержка

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

Если вы не нашли ответ на свой вопрос, оформите запрос в поддержку.

Как создать учетную запись для сотрудника техподдержки.

При каждом обращении обязательно предоставьте следующие данные:

  1. Адрес сайта.
  2. Логин и пароль для доступа к 1С-Битрикс с правами администратора.
  3. Адрес сервера, логин и пароль для доступа к сайту. При необходимости сотрудник поддержки может запросить у вас данные для доступа по FTP или SSH с правами на чтение и запись.
  4. Четкое описание проблемы и действий для ее воспроизведения.
  5. Скриншоты или скринкасты (по возможности).

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

Поддержка осуществляется по будням с 8:00 до 16:00 по московскому времени. Скорость ответа зависит от загруженности команды и сложности вопроса, но в среднем составляет 2-3 рабочих дня.

Как создать учетную запись для сотрудника техподдержки

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

Настройки → Пользователи → Список пользователей. Нажмите кнопку «Добавить пользователя».

 

Заполните поля, которые понадобятся сотруднику техподдержки для входа на сайт:


Перейдите на вкладку «Группы» и отметьте пункт «Администраторы». Сохраните изменения.


Типовые настройки решения

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

Для удобства пользователей основные настройки решения располагаются в Центре управления Centino – общие, для главной страницы и разделов, каталога товаров, личного кабинета и т.д.

Действующие настройки решения актуальны для всего сайта и для всех групп пользователей. Установить выставить в административной части сайта в Рабочий стол → Centino → Centino Heat → Настройки.

В этой главе мы представим обзор этих настроек и отдельно остановимся на возможностях Центра управления.

Общие

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

 

  • Переключатель тем (1) — активирует виджет настроек сайта для администраторов.
  • Цвета сайта (2) — можно выбрать один из базовых цветов или выставить в поле «Базовый цвет» значение «Пользовательский», а затем записать hex-код нужного цвета в поле ниже. Подобрать базовый или кастомный цвет и посмотреть, как будет выглядеть сайт с ним, можно в настройках виджета.
  • Логотип с фоном базового цвета (3) — активирует заливку прозрачных областей логотипа выбранным основным цветом сайта.
  • Загрузка логотипов сайта (4) — группа полей, в которых можно загрузить логотип для шапки, фавикон для заголовка вкладки браузера и иконку Web clip icon для iPhone и iPad.

  • Обработка персональных данных (5) — активирует информирование об обработке персональных данных и позволяет задать подпись для уведомления об этом. Подробнее.
  • Кнопка «Наверх» (6) — активирует кнопку и задает ее вид и положение.

Варианты вида: нет (кнопка отсутствует), круглая цветная, круглая серая, круглая белая, квадратная цветная, квадратная серая, квадратная белая. При выборе цветного варианта кнопка заливается основным цветом сайта.

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

Шапка

Группа полей, задающих настройки для шапки сайта.

 

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

Нажмите кнопку «Добавить», чтобы добавить дополнительные поля для ввода. Вы можете сортировать телефоны при помощи зеленых стрелок справа, перемещая телефоны выше или ниже. Также есть возможность удалить ненужное поле с помощью кнопки-крестика.

Футер

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

Мобильная версия

Данные настройки идентичны с настройками в виджете.

Главная

 

  • Тип анимации большого баннера (1) — определяет, с какой анимацией будут сменяться слайды на основном баннере сайта. Можно выбрать: горизонтальное скольжение, вертикальное скольжение или выцветание.
  • Скорости для слайдов основного баннера (2) — определяет, с какой периодичностью будут сменяться слайды основного баннера и с какой скоростью будет происходить анимация при их смене.
  • Скрывать на узких экранах (3) — при активации основной баннер скрывается при просмотре сайта в мобильной версии.
  • Скорости для слайдов блока «Наши партнеры» (4) — определяет, с какой периодичностью будут сменяться слайды в блоке «Наши партнеры» и с какой скоростью будет происходить анимация при их смене.

Остальные поля рассматриваются в обзоре виджета настроек сайта.

Каталог

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

Адреса страниц корзины и оформления заказа — позволяют задать адреса для соответствующих страниц. Поддерживается использование шаблонов адресов Битрикс.

Услуги

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

Разделы

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

В полях «Адрес», «Телефон», «Email», «Расписание», «Текст краткого описания» и «Настройки карты» меняются соответствующие элементы страницы контактов. Для настройки параметров карты выполните двойной клик по элементу Яндекс.Карты: настраиваемая карта в открывшемся диалоговом окне редактирования включаемой области.

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

Ссылка «Перейти к редактированию страницы контактов» переносит в публичную часть сайта на страницу контактов.

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

Личный кабинет

В этой группе настроек можно активировать и деактивировать личный кабинет, объединить ФИО в одно поле или разделить по разным, а также приравнивать логин к email.

Меню

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

Баннеры

Здесь можно активировать/деактивировать дополнительные баннеры на сайте.

Счетчики и цели

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

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

В поле «Файл со счетчиками» можно загрузить соответствующий файл с кодами счетчиков и другие пользовательские скрипты.

Если вы используете Яндекс.Метрику с целями, активируйте соответствующее поле и заполните остальные.

Здесь находятся ссылки на руководство пользователя, базу знаний, FAQ и полезные статьи. Также можно отправить заявку на доработку решения или связаться с техподдержкой.

Социальные сети

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

Валидация ввода

 

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

В поле «Использовать captcha в веб-формах на инфоблоках» включается защита от спама. При заполнении формы пользователю нужно будет ввести текст с картинки.

Настройки для мобильной версии сайта

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

Во вкладке «Мобильная версия» есть примеры таких параметров для настройки, как:

  • «Мобильная шапка» (1);
  • «Тип мобильного меню» (2);
  • «Способ отображения мобильного меню» (3).


В темах оформления предусмотрены белая и цветная мобильные шапки.

 

Типы мобильного меню предлагают 2 варианта: «Краткий» и «Подробный».

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

    


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



В административной части сайта применить эти же настройки можно в Рабочий стол → Centino → Centino Heat → Настройки. Выберите блок «Мобильная версия» и установите ту комбинацию настроек, которая вам нравится.


В пунктах меню «Мобильная шапка» и «Тип мобильного меню» присутствует вариант «Custom», которого нет в виджете настроек. Этот вариант предназначен для разработчиков.

Просмотр мобильной верстки с ПК

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

В Google Chrome, Mozilla Firefox и Яндекс браузере инструменты разработчика открываются клавишей F12.

В браузере Opera нужно открыть меню браузера и кликнуть пункт Другие инструменты → Показать меню разработчика.


Появится пункт «Разработка». Отсюда можете вызвать подпункт «Инструменты разработчика» или зажать комбинацию Ctrl+Shift+I.


Расположение кнопки перехода в режим адаптивного дизайна у Google Chrome, Opera и Яндекс браузера:


Кнопка перехода в режим адаптивного дизайна у Mozilla Firefox:


Виджет настроек решения

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

С его помощью можно попробовать множество вариантов оформления и собрать свою уникальную комбинацию, а выбранные настройки легко применить в админке в 1 клик. В этой статье мы подробно рассмотрим все возможности редактирования.

Готовые комбинации

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

Посмотрите все 4 типа, оцените его особенности и выберите наиболее подходящий для вашего проекта.

Точная настройка

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

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

Чтобы воспользоваться возможностями виджета, активируйте его в Центре управления Centino (Рабочий стол → Centino → Centino Training → Настройки). В блоке «Общее» активируйте «Переключатель тем» и нажмите «Применить».

Общие настройки

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

1. Выберите основной цвет сайта

Базовый цвет используется для заливки кнопок, шапки, подсветки ссылок и фона логотипа (если он прозрачный).

Палитра решения предлагает на выбор 20 стандартных цветов. Если вы хотите выбрать индивидуальный оттенок, кликните по кнопке «Свой цвет» и подберите нужный вам оттенок.

2. Подберите шрифт и размер для всех текстов на сайте

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

3. Установите ширину сайта и заголовки

Узнать статистику сайта по разрешениям экрана можно с помощью инструментов Яндекс.Метрика или Google Analytics.

Перед созданием нового сайта или редизайном необходимо:

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

4. Выберите вариант оформления внутренних страниц

  • первый вариант
  • второй вариант
  • третий вариант
  • 5. Установите дополнительные настройки

    • Информирование об обработке персональных данных (1) — если опция включена, во всех формах обратной связи и на странице оформления заказа появится обязательная галочка с текстом. В этом случае посетитель не сможет отправить сообщение через веб-форму, пока не примет пользовательское соглашение.
    • Кнопка печати страницы (2) — если настройка активна, на всех страницах сайта появится кнопка печати страницы, которая отправляет страницу на печать, если ее нажать.
    • Отображать «заказать звонок» (3) — если настройка активна, в шапке сайта появится кнопка «Заказать звонок», в плавающем блоке справа — иконка заказа звонка в виде телефонной трубки.
    Отображать блок с формами (4) — если настройка активна, справа будет выведен плав

    Шапка сайта

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

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

    • Фиксированная шапка сайта (1) – при активации функции закрепляет шапку вверху сайта при проматывании контента вниз. Выбранный в следующем пункте вариант будет отображаться поверх контента у верхней границы окна с сайтом.
    • Вариант закрепленной шапки (2) – возможность выбрать вариант фиксированной шапки, которая будет отображаться при прокручивании содержимого окна: вариант с поиском и свернутым меню или вариант с развернутым меню.
    • Фиксированные хлебные крошки (3) – хлебные крошки будут отображаться при прокручивании содержимого окна.

    • Варианты шапок (4) – возможность выбрать вид шапки из 4 вариантов, который отображается на всех страницах сайта (не при прокручивании содержимого). Позволяет быстро выбрать оптимальное содержимое шапки без долгих настроек и верстки.
    • Иконки в меню услуг (5) – при активации настройки при наведении на услуги в шапке сайта будут отображаться иконки

    А при деактивации будут отображаться изображения анонсов услуг.

  • Иконки в меню каталога (6) – при активации настройки при наведении на оборудование в шапке сайта будут отображаться иконки, а при деактивации – анонсы разделов.
  • Футер

    Настраивает внешний вид и содержимое подвала сайта (footer). На выбор предложено 6 вариантов оформления.


    Мобильная версия

    В этом разделе настраивается внешний вид сайта для мобильной версии.

    Мобильная шапка (1). В темах оформления предусмотрены белый и цветной вариант оформления.

    Тип мобильного меню (2). На ваш выбор предложено 2 варианта: «Краткий» и «Подробный».

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

    Способ отображения мобильного меню (3). Задает, как раскрывается меню в мобильной версии: слева или сверху.

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

    Главная страница

    В этом разделе можно определить, какие блоки отображать на главной, в каком виде и в каком порядке.

    Доступные блоки для редактирования:

    • Большие баннеры
    • Календарь
    • Рекламная лента
    • Услуги
    • Медиацентр
    • Дополнительный баннер
    • Каталог и реклама в каталоге
    • Разделы каталога
    • Отзывы
    • Блок «О компании»
    • Тизеры
    • Бренды
    • Статьи
    • Инстаграм
    • Youtube
    • Карта

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

    Каталог

  • Корзина (1) — активирует корзину на сайте. Можно выбрать ее положение:
  • 1. В шапке – значок корзины находится в фиксированной шапке сайта.

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

    3. Летающая – похожа на боковую, но высота выплывающего блока содержимого корзины меняется в зависимости от количества товаров.

    • Умный фильтр (2) – активирует умный фильтр в каталоге. Его положение можно выбрать: вертикальное или горизонтальное.
    • Шаблон списка разделов (3) – определяет вид отображения блоков:

    1. Блочный

    2. Блочный в две колонки

    Аналогично можно выбрать отображение списка подразделов и детальную страницу каталога (с табами или без).

    Услуги

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

    Разделы

    В этой вкладке вы легко можете выбрать внешний вид и содержимое базовых разделов сайта. Результат можно сразу увидеть на сайте.

    Настройка применяется для разделов:

    1. Контактов: FullHD или компактной.

    2. Наши сотрудники: блочным или списком.

    3. Страница партнеров: списком, блоками с небольшим описанием и только логотипы.

    4. Детальная страница партнеров: со связанными товарам, связанными разделами или связанными товарами и разделами.

    5. Вакансии: аккордеоном (раскрывающиеся) или списком (с переходом на детальную страницу).

    6. Лицензии: блочным или списком.

    Личный кабинет

    • (1) – активация и деактивация личного кабинета;
    • (2) – вывод ФИО в одном поле или с разделением на разные;
    • (3) – приравнивать логин к email адресу, чтобы авторизация осуществлялась по указанному при регистрации email.

    Меню

    • Внутреннее меню (1) — задает положение меню на внутренних страницах: справа или слева.
    • Состав левого блока на внутренних страницах (2) — позволят выбрать 3 варианта отображения: возможность убрать или добавить тизер или тизер + товар дня.
    • Выпадающее меню каталога (3) — картинка у корневых разделов — если опция включена, рядом с названием раздела будет расположена тематическая картинка.
    • Количество столбцов в выпадающем меню (4) — позволяет варьировать количество столбцов от 2 до 4.

    Баннеры

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

    Доступно 6 вариантов:

    • Сверху над шапкой
    • Сверху под шапкой
    • Боковая
    • Над контентом
    • Под контентом
    • Внизу страницы

    Отключить виджет настроек

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

    Чтобы отключить отображение виджета настроек, перейдите в административной части сайта в Centino → Centino Training → Настройки. На вкладке «Общее» уберите галку в поле «Переключатель тем» (1) и нажмите «Применить» (2).

    Главная страница

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

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

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

    Решение позволяет скомпоновать главную страницу из следующих элементов:

  • Баннеры с текстовым описанием и кнопками навигации (вид баннеров зависит от используемого типа страницы)
  • Рекламная лента – баннеры с небольшим описанием
  • Календарь событий
  • Предоставляемые компанией услуги
  • Медиацентр – интервью, мероприятия, новости, статьи компании
  • Дополнительный баннер с описанием и кнопками навигации
  • Небольшая информация о компании с навигационными кнопками и слайдеров изображений
  • Тизеры преимуществ, которые помогут рассказать об особенностях компании и предоставляемом сервисе
  • Отзывы клиентов компании
  • Разделы каталога товаров, представленных на сайте
  • Блок «Наши продукты» с товарами, которые необходимо выделить – например, хиты, новинки и товары по акции
  • Рекламный баннер в блоке «Наши продукты»
  • Слайдер с производителями, товары которых представлены на сайте компании
  • Последние новости из Instagram
  • Последние видео из YouTube
  • Карта, с помощью которой можно найти офис компании
  • Элементы, которые отображаются в блоках (товары, акции, статьи) выбираются в настройках. О том, как это сделать, написано в уроке «Редактирование блоков».

    Настройка отображения и редактирование блоков

    Для настройки отображения блоков откройте в публичной части сайта виджет настроек.

    Примечание: Виджет настроек отображается, если в админке активирован параметр «Переключатель тем» в Рабочий стол → Centino → Centino Training → Настройки → Вкладка «Общие».

    В виджете перейдите на вкладку «Главная». Здесь находится перечень доступных блоков. Чтобы включить один из блоков, сместите ползунок вправо (1). Чтобы отключить отображение блока – влево (2). Например, на скриншоте ниже представлены настройки, при которых на главной странице будет отображаться календарь, а рекламная лента – нет.

    Для изменения дизайна блоков выберете подходящий вариант из предложенных.

    Если вы хотите вернуть изначальные настройки главной страницы, нажмите на кнопку «Настройки по умолчанию» в нижней части виджета (1). Если вы хотите сохранить выбранный вами дизайн, нажмите кнопку «Сохранить» (2).

    Управление расположением блоков

    Для управления положением блоков из публичной части сайта разверните виджет настроек.

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

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

    Вид главной страницы до изменений:

    Вид страницы после изменений:

    Виджет Instagram

    Информация: Виджет Instagram располагается на главной странице сайта. Изображения в этот блок подгружаются автоматически из привязанного к сайту аккаунта Instagram.

    Настройка виджета Instagram из публичной части

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

    На этой же вкладке вы можете выбрать вид отображения виджета на главной странице: 4 или 3 блока.

    Настройка виджета Instagram из административной части

    В админке сайте перейдите в Centino (1) → Centino Training (2) → Настройки (3). Переключитесь на вкладку «Главная» (4).

    В блоке «Параметры» поставьте галочку в строке «Инстаграм на главной» (1). В строке «Вид отображения Инстаграм на главной» выберите подходящий вариант из выпадающего списка (2).

    Получение Access Token (API Token)

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

    Инструкция:

    1. Зарегистрируйте аккаунт Instagram, если он отсутствует.
    2. Авторизуйтесь на сайте сервиса по ссылке Instagram.com/developer под действующим аккаунтом.
    3. Заполните данные для входа в раздел для разработчиков:
    4. Your Website – ваш сайт
    5. Phone Number – номер телефона
    6. What do you want to build with the API? - произвольное описание применения функционала Instagram. В нашем случае мы указали, что это виджет для сайта.
    7. Нажмите на кнопку Sign Up.
    8. Зарегистрируйте нового клиента. Для этого нажмите на кнопку Manage Client, а затем на Register a New Client.
    9. Откроется форма регистрации нового Client ID. Заполните следующие поля:

    10. Application Name – произвольное название
    11. Description – произвольное описание
    12. Company Name – название компании или сайта
    13. Website URL – адрес сайта (c http://)
    14. Valid Redirect URLs – адреса, на которые должна выполняться переадресация. В нашем случае также оставляем адрес действующего сайта.
    15. Contact email – ваш электронный адрес.
    16. Перейдите на вкладку Security и деактивируйте параметр Disable implicit OAuth.
    17. Нажмите на кнопку Register. Откроется сообщение об успешной регистрации:
    18. Скопируйте ваш Client ID. Он имеет например такой вид: b745cc9d4d84446a894dda47ba0e696
    19. Подставьте ваш Client ID и адрес сайта, указанный при регистрации, в ссылку: instagram.com/oauth/authorize/?client_id=[ВСТАВЬТЕ_ВАШ_ID]&redirect_uri=[ВСТАВЬТЕ_АДРЕС_ВАШЕГО_САЙТА]&response_type=token
    20. Ссылка с Client ID будет выглядеть так: instagram.com/oauth/authorize/?client_id=bf790cc9d4d84446a974dda65ba0e696&redirect_uri=http://resort.aspro-demo.ru/&amp;response_type=token
    21. Скопируйте в ссылку и откройте ее в браузере. Откроется окно авторизации. Нажмите на зеленую кнопку Authorize. После этого вы будете перенаправлены по адресу, указанному при регистрации.
    22. Скопируйте из адресной строки Access Token: 339269743.bf790cc.6748a35121c8421d9629c5f0e45d5e88
    23. Перейдите в административную часть вашего сайта: Centino → Centino Training → Настройки. На вкладке «Главная» найдите поле API token для инстаграма. Скопируйте туда код Access Token и нажмите кнопку «Применить».

    Готово! Ваши снимки появятся на главной странице.

    YouTube на главной странице

    Информация: YouTube располагается на главной странице сайта. Изображения в этот блок подгружаются автоматически из привязанного канала YouTube.

    Настройка YouTube из публичной части

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

    Настройка виджета YouTube из административной части

    В админке сайте перейдите в Centino (1) → Centino Training (2) → Настройки (3). Переключитесь на вкладку «Настройки YouTube» (4).

    Получение Access Token (API Token)

    Чтобы настроить отображение видео, необходимо получить специальный код Access Token и добавить его на сайт с помощью настроек решения. Для этого перейдите в Google APl и сервисы и авторизуйтесь под аккаунтом Google. Создайте новый проект.

    Вы попадете на вкладку «Панель управления». Нажмите на кнопку «Включить API и сервисы».

    В библиотеке в поисковой строке введите ««YouTube» и выберете «YouTube Data API v3».

    Нажмите кнопку «Включить».

    На вкладке «Обзор» нажмите кнопку «Создать».

    В первом поле выберите API «YouTube Data API v3» (1), во втором – место вызова «Веб-браузер (JavaScript)» (2) и в третьем – «Общедоступные данные» (3). Нажмите кнопку «Выбрать тип учетных данных» (4).

    Скопируйте ваш ключ API и нажмите кнопку «Готово».

    Перейдите в административную часть сайта в Centino → Centino Training → Настройки. Перейдите на вкладку «Настройки Youtube».

    Вставьте полученный API token для YouTube (1). Если вы хотите показывать на главной все видео с вашего канала, вставьте ID канала (2), а если видео из определенного плейлиста – ID канала (2) и ID плейлиста (4). ID можно посмотреть в адресной строке браузера или настройках канала. Также вы можете определить порядок отображения видео (3).

    Внимание! При выводе всех видео с канала существует лимит по API Token на количество просмотров. При превышении лимита видео перестанет отображаться на сайте для всех пользователей. Используйте кэширование, чтобы при обновлении страницы или повторном посещении сайта видео всегда оставалось доступным.

    Дополнительно вы можете оформить блок – изменить заголовок, количество отображаемых видео, описание канала, количество подписчиков и другое.

    Основной баннер

    Внешний вид больших баннеров на главной имеет 7 типов. Включить отображение больших баннеров и определить их тип можно:

  • В виджете настроек
  • Раскройте виджет, нажав на кнопку в левой части сайта.

    Переключитесь на вкладку «Главная». Активируйте отображение баннеров на главной – сместите ползунок вправо.

  • В административной части сайта
  • Перейдите в Centino → Centino Training → Настройки. Откройте вкладку «Главная» и активируйте большие баннеры.

    Добавление и редактирование баннеров

    Большие баннеры

    Для управления основными баннерами из админки перейдите в Контент → Реклама (centino.training) → Большие баннеры.

    Нажмите «Добавить баннер» (1), чтобы создать новый. Для изменения (2), удаления (4) или отключения (3) существующего вызовите меню кнопки «Гамбургер» и используйте соответствующий пункт.

    Чтобы проделать те же действия в публичке, переключитесь в режим правки.

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

    Рассмотрим настройки большого баннера. На основной вкладке находятся следующие параметры:

    • Активность (1) – включает отображение баннера на главной странице;
    • Период активности (2) – определяет, в какой период пользователи увидят баннер
    • Название (3) – название элемента, по которому можно его найти в списке (в админке)
    • Заголовок баннера (4) – заголовок в текстовой части баннера
    • Текст баннера (5) – описание в текстовой части баннера
    • Ссылка с баннера (6) – ссылка на страницу, на которую пользователь попадет при нажатии на баннер
    • Индекс сортировки (7) – определяет, в каком порядке отображать баннеры (чем меньше индекс, тем раньше показывается баннер)

    • Цвет шапки и текста на баннере (8) – устанавливает цвет для соответствующих элементов – темный или светлый
    • Цвет фона баннера (9) – если поле заполнено, вместо фоновой картинки будет выбранный из выпадающего списка цвет: белый, серый, цвет темы (осветленный) или черный
    • Пользовательский цвет фона (10) – если поле заполнено, вместо фоновой картинки будет указанный цвет в формате HEX
    • Тип баннера (11) – с помощью этой настройки вы можете задать внешний вид баннера: картинка или изображение с текстом, расположенным с левой или правой стороны
    • Кнопка 1 текст (12) – при заполнении поля на баннере появится кнопка с указанным названием
    • Кнопка 1 класс (13) – определяет, как должны выглядеть кнопки (подробнее об оформлении здесь)
    • Кнопка 1 ссылка (14) – ссылка, на которую будет вести кнопка на баннере
    • Символьный код формы для первой кнопки (15) – с помощью символьного кода кнопкам можно привязать формы обратной связи, например, «Задать вопрос» (о том, где взять код формы, читайте здесь)
    • Кнопка 2 текст (16) – при заполнении поля на баннере появится вторая кнопка с указанным названием
    • Кнопка 2 класс (17) – определяет, как должны выглядеть кнопки (подробнее об оформлении здесь)
    • Кнопка 2 ссылка (18) – ссылка, на которую будет вести вторая кнопка на баннере
    • Символьный код формы для первой кнопки (19) – с помощью символьного кода кнопкам можно привязать формы обратной связи, например, «Задать вопрос» (о том, где взять код формы, читайте здесь)

    На вкладке «Картинки» можно загрузить активную часть (1) и фоновое изображение (2) баннера.

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

    Установите галку «Показывать видео» (1), чтобы включить его использование. Заполните текст (2) и класс (3) кнопки, которая будет выводиться в баннере. Чтобы видео начало воспроизводиться автоматически, установите соответствующую галочку (4). При необходимости включите повторное воспроизведение после окончания (5), заполнение видео по размеру баннера (6) и отключите звук (7).

    Внимание! Посетитель вашего сайте не может самостоятельно включать или отключать звук при просмотре видео.

    Добавить видео можно двумя способами:

      Загрузить файл в систему (10); Привязать ролик с YouTube (9) – о том, как это сделать, читайте в следующем уроке «Добавление видео с YouTube».

    С помощью соответствующей настройки (8) установите источник видео: html embed код «<iframe></iframe>» или видео из файла. Вы можете использовать оба способа привязки и переключаться между ними.

    Узкие баннеры

    В 4, 5 и 7 типах основного баннера он дополняется узкими – снизу или сбоку в зависимости от типа.

    Для управления узкими баннерами из админки перейдите в Контент → Реклама (centino. training) → Узкий баннер рядом с главным.

    Нажмите «Добавить баннер» (1), чтобы создать новый. Для изменения (2), удаления (4) или отключения (3) существующего вызовите меню кнопки «Гамбургер» и используйте соответствующий пункт.

    Чтобы проделать те же действия в публичке, переключитесь в режим правки.

    Наведите указатель на баннер. Появятся меню с кнопками, позволяющими изменить (1) или удалить (2) текущий баннер.

    Рассмотрим настройки узкого баннера. На основной вкладке находятся следующие параметры:

    • Активность (1) – включает отображение баннера на главной странице;
    • Название (2) – заголовок в текстовой части баннера
    • Индекс сортировки (3) – определяет, в каком порядке отображать баннеры (чем меньше индекс, тем раньше показывается баннер)
    • Ссылка с баннера (4) – ссылка на страницу, на которую пользователь попадет при нажатии на баннер
    • Картинка для анонса (5) – изображение баннера
    • Описание для анонса (6) – описание в текстовой части баннера.

    Добавление формы обратной связи

    С помощью кода формы к кнопкам на основном баннере можно привязать формы обратной связи — например, «Задать вопрос».

    Код формы можно взять из:

  • Инфоблока. Для этого перейдите в админке в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Формы (centino.training) → Записаться на курс и скопируйте содержимое поля «Символьный код».
  • Настроек веб-формы. Перейдите в админке в Рабочий стол → Сервисы → Веб-формы → Настройка форм. Найдите в таблице нужную форму и скопируйте запись в столбце «Символьный идентификатор».
  • В настройках баннера укажите символьный код в соответствующем поле.

    Добавление видео с «YouTube»

    Чтобы добавить видео с YouTube, откройте его в браузере. Нажмите «Поделиться».

    В появившемся окне выберите «Встроить».

    В новом окне нажмите «Копировать».

    Вернитесь в карточку баннера на вкладку «Видео» и установите код в соответствующее поле:

    Настройте воспроизведение так, как вам нужно и сохраните изменения.

    Сортировка баннеров в случайном порядке

    Большие баннеры на главной могут отображаться в случайном порядке. Для настройки включите режим правки и наведите на баннер. В появившемся меню нажмите на шестеренку.

    На вкладке «Источник данных» включите рандомную сортировку.

    Рекламная лента

    Рекламная лента – дополнительный инструмент для вовлечения посетителей. Она располагается на главной странице под основным баннером и прокручивается автоматически.

    Для управления рекламной лентой из админки перейдите в Контент → Реклама (centino.training) → Промо блок на главной.

    Нажмите «Добавить элемент» (1), чтобы создать новый. Для изменения (2), удаления (4) или отключения (3) существующего вызовите меню кнопки «Гамбургер» и используйте соответствующий пункт.

    Чтобы проделать те же действия в публичке, переключитесь в режим правки.

    Наведите указатель на баннер. Появятся меню с кнопками, позволяющими создать новый баннер (1), изменить (2) или удалить (3) текущий.

    Рассмотрим настройки баннера рекламной ленты. На основной вкладке находятся следующие параметры:

    • Активность (1) – включает отображение баннера на главной странице
    • Период активности (2) – определяет, в какой период пользователи увидят баннер
    • Название (3) – название для поиска баннера в административной части сайта
    • Индекс сортировки (4) – определяет, в каком порядке отображать баннеры (чем меньше индекс, тем раньше показывается баннер)
    • Заголовок (5) – заголовок в текстовой части баннера
    • Описание (6) – описание в текстовой части баннера
    • Ссылка (7) – ссылка на страницу, на которую пользователь попадет при нажатии на баннер
    • Детальная картинка (8) – изображение баннера

    Дополнительный баннер с информацией

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

    Для управления дополнительным баннером из админки перейдите в Контент → Контент (centino.training) → Информационные блоки.

    Нажмите «Добавить элемент» (1), чтобы создать новый. Для изменения (2), удаления (4) или отключения (3) существующего вызовите меню кнопки «Гамбургер» и используйте соответствующий пункт.

    Чтобы проделать те же действия в публичке, переключитесь в режим правки.

    Наведите указатель на баннер. Появятся меню с кнопками, позволяющими изменить (2), удалить (3) текущий баннер или создать новый (1).

    Рассмотрим настройки дополнительного баннера. На основной вкладке находятся следующие параметры:

    • Активность (1) – включает отображение баннера на главной странице
    • Период активности (2) – определяет, в какой период пользователи увидят баннер
    • Название (3) – заголовок в текстовой части баннера
    • Индекс сортировки (4) – определяет, в каком порядке отображать баннеры (чем меньше индекс, тем раньше показывается баннер)
    • Описание для анонса (5) – описание в текстовой части баннера
    • Текст кнопки 1 (6) – название первой кнопки
    • Стиль кнопки 1 (7) – стиль первой кнопки (белая, прозрачная и прочее, посмотреть стиль можно в оформлении)
    • Ссылка кнопки 1 (8) – ссылка на страницу, на которую пользователь попадет при нажатии на первую кнопку
    • Открывать в новом окне кнопка 1 (9) – при нажатии на первую кнопку пользователь перейдет на нужную страницу, которая откроется в новой вкладке
    • Текст кнопки 2 (10) – название второй кнопки
    • Стиль кнопки 2 (11) – стиль второй кнопки (белая, прозрачная и прочее, посмотреть стиль можно в оформлении)
    • Ссылка кнопки 2 (12) – ссылка на страницу, на которую пользователь попадет при нажатии на вторую кнопку
    • Открывать в новом окне кнопка 2 (13) – при нажатии на вторую кнопку пользователь перейдет на нужную страницу, которая откроется в новой вкладке

    На вкладке «Картинки» можно загрузить активное изображение (1) и фоновое (2).

    Рекламный баннер в блоке с продуктами

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

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

    Для включения рекламного баннера в административной части сайта перейдите в Centino → Centino Training → Настройки. На вкладке «Главная» включите отображение блока.

    Чтобы включить рекламный баннер в каталоге через виджет, откройте его и активируйте настройку на вкладке «Главная».

    Для добавления и изменения баннера в админке перейдите в Контент → Реклама (centino.training) → Рекламные баннеры на главной в каталоге.

    Здесь можно добавить новый баннер (1), изменить (2), деактивировать (3) и удалить существующий (4).

    Рассмотрим подробнее настройки баннера.

    • Активность (1) – включает отображение баннера в блоке на главной
    • Название (2) – название баннера для поиска в административной части сайта
    • Ссылка (3) – адрес, по которому перейдет пользователь при нажатии на баннер
    • Показывать на главной (4) – включает отображение баннера на главной странице в блоке «Наши продукты»
    • Стикер (5) – текст на баннере, который будет выделен желтым фоном
    • Картинка для анонса (6) – изображение баннера
    • Описание для анонса (7) – текстовая часть баннера.
    Примечание: этот же баннер может отображаться в раскрывающемся меню шапки. Подробнее в этой статье.

    Основные разделы

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

    Компания

    О компании

    На этой странице содержится информация о компании – ее история, цели, преимущества и описание. Страница состоит из баннера и поля для описания, которое можно заполнить текстом, таблицами, изображениями или видео.

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

    Наведите указатель на контент. Сверху появится кнопка «Изменить страницу в редакторе».

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

    История

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

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

    Наведите указатель на контент. Сверху появится меню, с помощью которого можно изменить описание (2) или добавить новый элемент – этап истории (1). А также изменить уже существующий (3) или удалить (4).

    Редактировать описание можно стандартным визуальным редактором через публичную часть.

    Те же настройки элементов доступны в административной части сайта в Контент → Контент (centino.training) → История.

    Здесь можно добавить новый элемент – этап истории (1), изменить (2), деактивировать (3) или удалить текущий (4).

    Рассмотрим подробнее настройки элемента – этапа истории.

    • Активность (1) – включает отображение элемента на странице истории
    • Период активности (2) – определяет, в какой период пользователи увидят элемент
    • Название (3) – название, которое будет выделено на серов фоне и большим шрифтом под цвет темы
    • Индекс сортировки (4) – определяет, в каком порядке отображать элементы (чем меньше индекс, тем раньше показывается элемент)
    • Картинка (5) – изображение рядом с текстовым описанием
    • Описание для анонса (6) – тестовое описание этапа истории.

    Лицензии

    Раздел «Лицензии» предназначен для ознакомления клиентов с образцами выдаваемых дипломов после обучения, вашими лицензиями, сертификатами, наградами и другими важными документами.

    Доступно 2 варианта внешнего вида:

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

    В публичке шаблон меняется через виджет настроек.

    Для сохранения изменений нажмите кнопку в правом нижнем углу виджета.

    В админке шаблоны переключаются в центре управления: Centino (1) → Centino: Training (2) → Настройки (3). Перейдите на вкладку «Разделы» (4).

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

    Настройка и редактирование разделов (категорий лицензий)

    Категории сертификатов – это внутренние подразделы раздела «Лицензии». Например, «Лицензии» или «Дипломы».

    Изменять и удалять подразделы можно в публичной и административной части сайта. Добавлять новые – только в административной.

    Для управления разделами в публичке включите режим правки.

    Наведите указатель на содержимое категории, например, описание. Над ней появится меню, с помощью которого вы можете изменить (1) или удалить (2) категорию.

    Для управления разделами в админке перейдите в Контент → Контент (centino.training) → Лицензии и сертификаты.

    Используйте кнопку «Добавить раздел» (1), чтобы создать новую категорию. Вызовите меню кнопки «Гамбургер» на соответствующей строке, чтобы изменить (2) или удалить (3) существующую.

    Создание и изменение раздела происходит с помощью редактора карточек. Здесь основным параметром является название раздела (1) – поле обязательно для заполнения.

    Также вы можете добавить небольшое описание, которое будет выводиться над списком входящих в раздел документов. Для этого заполните одноименное поле (2).

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

    Редактирование списков элементов (сертификатов)

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

    Включите режим правки, чтобы работать с элементами в публичке.

    Наведите указатель на один из документов. Появятся 2 меню с кнопками для добавления (1), изменения (2) или удаления (3) элементов. Операции изменения и удаления применяются к выделенному документу.

    В административной части сайта управлять документами можно через Рабочий стол → Контент → Контент (centino.training) → Лицензии и сертификаты.

    Управление элементами здесь стандартно – отдельная кнопка для добавления нового документа (1) и меню кнопки «Гамбургер» для изменения (2), удаления (4) или деактивации показа (3) существующего на сайте.

    Добавляя новый документ или изменяя существующий, вы попадаете в редактор карточки. В редакторе для документа вы можете:

    • включить или отключить отображение документа на сайте (1);
    • определить период, в течение которого документ будет отображаться (2);
    • дать ему название (3) – поле обязательно для заполнения;
    • указать, на какой позиции в списке отображать элемент (4) – чем больше индекс сортировки, тем ниже и правее положение документа в списке;
    • загрузить документ или его отсканированную копию для анонса (5);

      • загрузить документ или его отсканированную копию для детального просмотра (6);
      • заполнить описание сертификата – написать пару слов о том, что дает вам этот сертификат или на что направлен (7).

    Партнеры

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

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

  • Списком
  • Списком 2
  • Только логотипами
  • Смена способа отображения карточек доступна:

  • в виджете настроек на вкладке «Разделы»
  • в центре управления: Centino (1) → Centino Training (2) → Настройки (3), на вкладке «Разделы» (4).
  • Немного пролистните настройки и в строке «Компания \ Партнеры» выберите подходящий вариант из выпадающего списка. Здесь также есть вариант «list_elements_custom» для подключения пользовательского шаблона (для разработчиков).

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

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

    Управление карточками партнеров

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

    Для управления из админки перейдите в Контент → Контент (centino.training) → Партнеры.

    Добавьте партнера с помощью одноименной кнопки (1). Если требуется изменить (2), удалить (4) или отключить отображение (3) бренда на сайте, вызовите меню кнопки «Гамбургер» и выберите нужный пункт.

    Изменить карточку партнера можно в публичной части сайта с включенным режимом правки.

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

    Рассмотрим, какие настройки доступны в карточке бренда. На основной вкладке вы можете:

    • включить/отключить отображение бренда на сайте (1);
    • указать название бренда (2) – поле обязательно для заполнения;
    • определить, на какой позиции в списке он будет отображаться (3) – чем больше индекс сортировки, тем ниже и правее позиция в перечне;
    • добавить сайт (4) и контактный номер телефона (5), которые будет видно в анонсе (при вариантах внешнего вида «Список» и «Список 2»);
    • добавить на детальную страницу связанные документы – рекомендательные письма (6);
    • определить, отображать ли карточку бренда на главной (7).

    На вкладке «Картинка и описание» можно загрузить логотип бренда (1), добавить описание для анонса (2) и подробную информацию (3).

    На вкладке «Связи» вы можете прикрепить ответы на часто задаваемые вопросы, услуги, отзывы и сотрудников.

    Отзывы

    В любом бизнесе важна репутация и доверие клиентов. Отзывы — это один из мощных инструментов повышения доверия потенциальных покупателей. В Centino: Тренинги, семинары, обучение под них отведен целый раздел. Здесь посетители могут оставить свой отзыв и ознакомиться с мнением других людей о качестве работы вашей команды.

    Отзывы клиентов (2) располагаются друг за другом. Над ними в начале страницы находится приветственный текст (1).

    Внизу страницы находится кнопка, вызывающая форму обратной связи «Оставить свой отзыв».

    С ее помощью посетитель может представиться, описать свои впечатления и при необходимость прикрепить файлы и/или видео.

    Редактирование описания раздела

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

    Наведите курсор на описание. На появившейся панели нажмите «Изменить область».

    Откроется окно визуального редактора. Вставьте здесь свой текст и сохраните изменения.

    Редактирование и публикация отзывов

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

    Для редактирования отзыва наведите на него указатель. Над ним всплывет меню, которое позволит изменить (2) или удалить (3) выделенный элемент. Курсор над содержимым страницы также вызывает меню с кнопкой для добавления нового отзыва (1).

    Создание и изменение отзывов происходит через редактор карточек.

    Рассмотрим параметры карточки отзыва подробнее:

    • Активность (1) – определяет, будет ли отзыв виден на сайте;
    • Название (2) – содержит в себе имя пользователя, оставившего отзыв;
    • Сортировка (3) – задает позицию отзыва на странице (чем больше индекс сортировки, тем ниже положение отзыва на сайте);
    • Показывать на главной (4) – позволяет отображать отзыв на главной странице;
    • Должность (5) – соответствующие данные клиента, оставившего отзыв;

  • Файлы (6), Видео (7) – поля, позволяющие дополнить отзыв изображениями, документами и видео;
    • Фотография (7) – фото клиента, оставившего отзыв;
    • Отзыв (8) – описание впечатлений от сотрудничества;

    Во вкладке «Социальные сети» вы можете добавить ссылки на популярные социальные сети клиента:

    В разделе «Отзывы» выводятся элементы, которые хранятся в админке в Рабочий стол → Контент → Контент (centino.training) → Отзывы клиентов.

    Здесь вы можете добавить новый отзыв с помощью соответствующей кнопки (1) или удалить (4), изменить (прочитать) (2), скрыть/показать на сайте (3) существующий, используя меню кнопки «Гамбургер».

    Если вы используете формы обратной связи, построенные на инфоблоках, то отзывы от пользователей будут попадать сюда (в результаты работы инфоблока) автоматически. Если решение настроено на использование веб-форм, то отзывы клиентов потребуется переносить вручную из результатов работы веб-форм.

    Если вы используете веб-формы, перейдите в Рабочий стол → Сервисы → Веб-формы → Результаты → Оставить свой отзыв.

    Вызовите меню кнопки «Гамбургер» и нажмите «Изменить». Для заполнения карточки отзыва в Рабочий стол → Контент → Контент (centino.training) → Отзывы клиентов используйте значения из группы «Поля результата».

    Подробнее об особенностях системы обратной связи читайте в соответствующей главе.

    Вакансии

    Раздел «Вакансии» содержит список открытых вакансий компании.

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

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

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

    Переключаться между видами отображения раздела можно:

  • с помощью виджета настроек на вкладке «Разделы»
  • в центре управления: Рабочий стол → Сentino (1) → Centino Training (2) → Настройки (3), группа «Разделы»
  • В группе «Разделы» вы можете выбрать необходимый вид отображения вакансий.

    Управление разделами (отделами)

    Создавать, редактировать и удалять разделы (отделы компании для вакансий) можно в административной части сайта. В публичной части доступно только изменение и удаление существующих разделов.

    Для управления разделами из админки перейдите в Рабочий стол → Контент → Контент (centino.training) → Вакансии. Чтобы добавить новый раздел, нажмите одноименную кнопку (1).

    Для изменения (2) или удаления (3) существующего используйте меню кнопки «Гамбургер».

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

    Наведите указатель на описание отдела или одну из вакансий. Над названием отдела появится панель с кнопками «Изменить раздел» (1), «Удалить раздел» (2).

    В настройках (карточке отдела) вы можете:

    • включить/отключить отображение отдела на сайте (1);
    • дать ему название (2) – поле обязательно для заполнения;
    • добавить небольшое описание для отдела (3), которое выводится перед списком вакансий.

    Управление элементами (вакансиями)

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

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

    Наведите указатель на вакансию. Над ней появится меню, с помощью которого вы можете изменить (1) описание вакансии или удалить ее (2).

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

    Карточки вакансий в админке хранятся в Рабочий стол → Контент → Контент (centino.training) → Вакансии. Откройте раздел, в котором должна отображаться вакансия. Например, «Отдел проектов».

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

    (1). Разверните кнопку «Гамбургер» и выберите нужный пункт, чтобы изменить (2), удалить (4) или отключить отображение вакансии на сайте (3).

    В каждой карточке вакансии на основной вкладке:

    • определите видимость вакансии на сайте с помощью соответствующей настройки (1);
    • обязательно укажите название (2);
    • отметьте, в какой позиции должна отображаться вакансия на сайте (3) – чем больше индекс сортировки, тем ниже предложение отобразится в списке;
    • укажите размер заработной платы (4)

    Небольшое описание вы можете добавить на соответствующей вкладке

    Описание отобразиться на основной странице раздела над ключевой информацией о вакансии.

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

    Реквизиты

    В разделе «Реквизиты» находится небольшое текстовое описание и реквизиты компании, представленные в табличном виде.

    Чтобы заменить описание, переключитесь в режим правки.

    Наведите указатель на содержимое страницы и нажмите на кнопку «Изменить страницу в редакторе».

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

    Календарь

    В разделе «Календарь» вы можете подробно рассказать о предстоящих мероприятиях: когда, где оно будет проходить, какая программа, кто спикеры и т.д. А чтобы не забыть о предстоящем событии, можно его сохранить в Google календарь. Также в календаре можно увидеть все прошедшие события обучающего центра.

    Календарь может отображаться:

  • блоками
  • списком
  • Чтобы настроить необходимый вид страницы, в виджете нужно найти раздел «Календарь» и выбрать подходящий вариант «Шаблона списка элементов». Настройки изменены!

    Настройка и редактирование страницы мероприятия

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

    Для вызова элементов управления в публичке включите режим правки.

    В разделе «Календарь» наведите указатель на область одного из мероприятий. Появится панель с кнопками, которые позволят вам изменить (2), удалить (3) рассматриваемое событие или добавить новое (1).

    Те же элементы управления доступны на детальной странице мероприятия. Наведите указатель на анонс, чтобы вызвать меню с кнопками «Изменить услугу» (2), «Удалить услугу» (3) (действие будет применено к выделенному элементу). Указатель над содержимым раздела также вызовет второе меню с кнопкой «Добавить услугу» (1).

    Для настройки и редактирования календаря из админки перейдите в Рабочий стол → Контент → Каталог (centino.training) → Календарь.

    Нажмите «Добавить услугу» (1), чтобы создать новую. Вызовите меню кнопки «Гамбургер» и выберите соответствующий пункт, если хотите изменить (2), удалить (4) или отключить отображение события на сайте (3).

    Все настройки детальной страницы услуги хранятся в карточках. Рассмотрим ее содержимое по вкладкам.

    Вкладка «Услуга»

    Чтобы услуга отображалась на сайте, установите галку у параметра «Активность» (1). Так же можно выставить начало и окончание активности (2). Каждая услуга обязательно должна иметь свое название (4). Поле «Сортировка» (5) определяет, в каком порядке должны отображаться услуги в списке — чем больше цифра, тем ниже отображение. Установив галку в параметре «Показывать на главной» (3), вы определяете, будет отображаться услуга на главной или нет.

    На этой же вкладке ниже располагается группа параметров «Значения свойств». Она включает в себя блоки с подробной информацией о мероприятии: время (6), дата (7), ссылка на Google календарь (8), дополнительная информация (9) и место проведения (10), в том числе и на карте:

    На вкладке «Спикер» вы можете:

    • задать тематику (11), например, продажи, переговоры, личная эффективность
    • указать старую и новую цены (12) для отображения скидки
    • загрузить фотографии (13) и файлы (14)
    • управлять отображением форм заказ услуг (15) и задать вопрос (16). Для этого просто поставьте или уберите галки
    • настроить положение блока заказа услуги (17). Кнопка может отображаться сбоку или сверху.

    Вкладка «Этапы»

    Чтобы красиво оформить программу мероприятия, используется вкладка «Этапы». Здесь можно прописать название этапа (1) – например, это может быть день, часть программы. Этапы группируются по одинаковым названиям. Каждое уникальное название - отдельный таб, как на примере в публичной части ниже. Далее можно прописать время (2), название темы или доклада (3), краткое описание темы (4) и спикера (5), который будет рассказывать доклад.

    В публичной части этапы выглядят следующим образом:

    Вкладка «Картинки и видео»

    Вместо основной картинки можно установить красочный баннер во всю ширину страницы с текстом и кнопками. Откройте вкладку «Картинки и видео», поставьте галку «Баннер сверху» (1) и загрузите изображение:

    • Если вы не используете составной баннер (на баннере уже есть активная картинка) – в поле «Фоновая картинка» (3);
    • Если вы используете составной баннер – в поле «Фоновая картинка» (3) загрузите фон, а в поле «Активная картинка» (2) – ключевое изображение.

    Чтобы изменить цвет текста, выводимого на баннере, заполните одноименное поле (4) 16-ричным кодом цвета (не забудьте в начале установить символ «#», как показано на скриншоте ниже).

    Также на вкладке «Картинки и видео» можно разместить картинку для анонса (5) и детальную картинку (6).

    Здесь же можно:

    • управлять расположением фото (7) – речь идет о картинке в начале страницы. Ее можно разместить сбоку от краткого описания (слева или справа) или над ним – по ширине (боковая панель расположена сбоку от изображения), вверху (изображение помещается над содержимым страницы и боковым меню)
    • через код iframe загрузить видео (8)
    • загрузить в галерею фотографии (9) – например, с прошлых мероприятий.

    Вкладка «Описание»

    На вкладке «Описание» расположены:

    • описание для анонса (1) – отображается на детальной странице справа от баннера
    • детальное описание (2) – располагается над этапами мероприятия

  • текст по середине (3) – находится под этапами мероприятия
  • В публичной части элементы описания выглядят так:

    Вкладка «Связи»

    Здесь к услуге можно привязать:

  • faq (1);
  • услуги (2);
  • товары (3);
  • специалисты (4);
  • отзывы (5);
  • тизеры (6);
  • медиацентр (7);
  • Управление расположением блоков

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

    Наведите указатель на содержимое страницы. На всплывшем меню нажмите на шестеренку.

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

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

    Пользоваться конструкторами очень просто – захватите левой кнопкой мыши один из элементов и переместите его вверх или вниз на нужное место. Для примера передвинем вопрос-ответ ниже под тизерами:

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

    Вид блоков на странице до изменений:

    После:

    Внимание! Настройки в параметрах компонента действуют на все элементы внутри раздела, включая те, что находятся в разных внутренних подразделах.

    Направления

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

    Услуги обучающего центра могут отображаться в виде списка направлений деятельности компании (1) с небольшим описанием над ним (2) и под ним (3).

    Для направлений обучающих курсов доступно 5 шаблонов списка раздела:

  • Списком с кратким описанием и перечнем услуг
  • Блочный с картинками, кратким описанием и перечнем услуг
  • Блочный с иконками и кратким описанием
  • Компактный список с картинками и описанием (чтобы увидеть перечень входящих в него услуг, нужно перейти в раздел)
  • Блочный с картинками, перечнем услуг и кратким описанием
  • Разделы направлений

    Здесь содержится список направлений курсов, входящих в раздел (1) и текстовое описание (2). Список может состоять из более мелких подразделов или услуг. Как и в основном разделе «Направления», здесь описание можно добавить как над списком, так и под ним. Об этом в уроке «Настройка и редактирование разделов».

    Для списка элементов доступно 3 варианта внешнего вида:

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

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

    Настройка и редактирование разделов (курсов)

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

    Чтобы вызвать элементы управления в публичной части сайта, переключитесь в режим правки.

    В списке разделов наведите указатель на анонс того раздела, который нужно изменить (1) или удалить (2). На появившемся меню используйте кнопку, соответствующую вашим целям.

    Для управления разделами из админки перейдите в Рабочий стол → Контент → Каталог (centino.training) → Направления.

    Нажмите «Добавить раздел» (1), чтобы создать новый. Вызовите меню кнопки «Гамбургер» и используйте одноименный пункт, чтобы изменить (2) или удалить (3) существующий.

    Все настройки раздела хранятся в карточках. Рассмотрим ее подробнее.

    На основной вкладке «Раздел» вы можете:

    • включить/отключить отображение раздела на сайте (1);
    • определить его положение в иерархии разделов (2);
    • дать разделу название (3) – поле обязательно для заполнения;
    • загрузить изображение для анонса (4);

  • добавить описание для раздела под списком направлений/подразделов (5).
  • Для добавления текста над списком направлений/подразделов перейдите на вкладку «Доп. поля» и заполните поле «Краткое описание».


    В этой же вкладке вы можете добавить:

    • иконку для раздела (1);
    • тизер (2). При необходимости вы можете включить или отключить отображение, загрузить иконку тизера и добавить текст тизера;
    • акцию (3) При настройки акции, вам доступны такие же возможности, что и с настройкой тизера – включить или отключить отображение, загрузить иконку акции и добавить текст акции;
    • баннер слева в меню (4) – указанный баннер будет отображаться под боковым меню.

    Вот как будет выглядеть тизер (2) и акция (3) на странице раздела направлений:

    Чтобы задать разделу позицию в списке разделов, переключитесь на вкладку «Дополнительно» и заполните параметр «Сортировка». Чем больше индекс в этом поле, тем ниже и правее положение раздела в списке.

    Настройка и редактирование страницы направления (курса)

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

    Для вызова элементов управления в публичке включите режим правки.

    На детальной странице услуги наведите указатель на ее содержимое (под баннером, если он есть). Появится панель с кнопками, которые позволят вам изменить (2), удалить (3) просматриваемую услугу или добавить новую (1).

    Те же элементы управления доступны на странице подраздела, в который входит услуга. Наведите указатель на анонс, чтобы вызвать меню с кнопками «Изменить услугу» (2), «Удалить услугу» (3) (действие будет применено к выделенному элементу). Указатель над содержимым раздела также вызовет второе меню с кнопкой «Добавить услугу» (1).

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

    Для настройки и редактирования услуги из админки перейдите в Рабочий стол → Контент → Каталог (centino.training) → Направления. Откройте раздел, где должен храниться курс. Например, «Личная эффективность».

    Нажмите «Добавить услугу» (1), чтобы создать новую. Вызовите меню кнопки «Гамбургер» и выберите соответствующий пункт, если хотите изменить (2), удалить (4) или отключить отображение услуги на сайте (3).

    Все настройки детальной страницы услуги хранятся в карточках. Рассмотрим ее содержимое по вкладкам.

    Вкладка «Услуга»

    Чтобы услуга отображалась на сайте, установите галку у параметра «Активность» (1). Каждая услуга обязательно должна иметь свое название (2). Поле «Сортировка» (3) определяет, в каком порядке должны отображаться услуги в списке — чем больше цифра, тем ниже отображение. Установив галку в параметре «Показывать на главной» (4), вы определяете, будет отображаться услуга на главной или нет.

    На этой же вкладке ниже располагается группа параметров «Значения свойств». Она включает в себя блоки обратной связи – «Заказ услуги» (5) и «Задать вопрос» (6):

    Каждую услугу вы можете дополнительно сопроводить акцией или тизером. Во вкладке «Дополнительно» вы можете:

    • задать показ акции в списке (10). Для этого снимите или установите галку.
    • указать заголовок (11) и текст акции (12).
    • задать показ тизера в списке (7). Для этого снимите или установите галку.
    • загрузить иконку (8) и добавить текст в тизере (9).

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

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

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

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

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

    Стоимость услуги указывается ниже на той же вкладке «Услуги». Здесь вы можете отобразить скидку на услуги: вписать в пункте «Старая цена» обычную стоимость, а в «Цене» – стоимость услуги со скидкой. А также определить цену для фильтра. Стоит отметить, что цена для фильтра – это числовое значение, которое отображается только в фильтре. А старая и новая цены – это текстовые поля, которые отображаются в карточке товара. Поэтому здесь можно дописать необходимые вам дополнения, например, валюту и приставку «от».

    Помимо всего вышеперечисленного на основной вкладке могут присутствовать пользовательские характеристики.

    Они отображаются в соответствующем табе.

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

    Вкладка «Этапы»

    Чтобы красиво оформить программу курса, используется вкладка «Этапы». Здесь можно прописать название этапа (1) – например, это может быть день или часть программы. Этапы группируются по одинаковым названиям. Каждое уникальное название - отдельный таб, как на примере ниже. Это значит, что доклады можно группировать по дням или частям запланированной программы для удобства и компактности.

    Также стоит прописать время (2), название темы или доклада (3), краткое описание темы (4) и спикера (5), который будет рассказывать тему. Если не заполнить некоторые поля, они просто не отразятся в публичной части.

    В публичной части этапы выглядят следующим образом:

    Вкладка «Анонс»

    Оформить анонс курса в списке подраздела, в который она входит, можно на одноименной вкладке. Здесь загружается картинка для анонса (1) и описание (2).

    Отображение описания на сайте:

    Вкладка «Подробно»

    • «Расположение фото» (1) – управляет положением картинки в начале страницы. Ее можно разместить сбоку от краткого описания (слева или справа) или над ним – по ширине (боковая панель расположена сбоку от изображения), вверху (изображение помещается над содержимым страницы и боковым меню).
    • Детальная картинка (2) – изображение услуги на детальной странице.
    • Галерея (3) – дополнительные фотографии для услуги.
    • Область для загрузки файлов (4) – наполняет содержимое таба «Документы».
    • Текстовое описание услуги добавляется ниже в соответствующем поле (5).

    Вкладка «Связи»

    Здесь к услуге можно привязать:

  • товары (1);
  • услуги (2);
  • отзывы (3);
  • сотрудники (4);
  • вопрос-ответ (5);
  • тизеры (6);
  • медиацентр (7);
  • Вкладка «Баннер»

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

    • Если вы не используете составной баннер (на баннере уже есть активная картинка) – в поле « Фоновая картинка» (3);
    • Если вы используете составной баннер – в поле «Фоновая картинка» (3) загрузите фон, а в поле «Активная картинка» (2) – ключевое изображение.

    Чтобы изменить цвет текста, выводимого на баннере, заполните одноименное поле (4) 16-ричным кодом цвета (не забудьте в начале установить символ «#», как показано на скриншоте ниже).

    Вкладка «Разделы»

    На этой вкладке вы можете перенести созданную услугу в другой раздел (направления).

    Такие элементы детальной страницы, как: текстовое описание, характеристики, вопрос-ответ, документы – можно представить в виде табов.

    Внешний вид страницы основного раздела, входящих в него подразделов и детальной страницы услуги настраивается:

  • в виджете настроек на вкладке «Услуги»
  • в центре управления: Centino → Centino Training → Настройки → вкладка «Услуги»
  • Настройки пользовательских характеристик

    Характеристики услуги выводятся под одноименным табом:

    Добавление новых характеристик производится всего в 3 шага. Вам понадобится:

    1. Добавить новое свойство (характеристику) в инфоблок.
    Внимание! Внесение изменений в уже существующие свойства решения, настроенные по умолчанию, может привести к некорректной работе сайта. Мы не рекомендуем изменять их без навыков разработки на 1С-Битрикс.

    Откройте в админке Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Контент (centino.training) и выберите пункт «Направления».

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

    Для новой характеристики:

    • дайте название (1);
    • укажите тип хранимого в ней значения (2) (подробнее о типах написано ниже);
    • установите галку «Акт.» (3), чтобы свойство отображалось в карточках услуг и на странице с описанием;
    • задайте индекс сортировки (4);
    • дайте понятное кодовое название (латиницей) (5).

    Для свойства можно использовать следующие типы значений:

  • Строка (1). Используйте строку, если характеристика должна быть описана символами/словами — например, артикул модели или название категории.
  • Число (2). Выберите этот тип, если характеристика должна принять числовые значения — например, для метров, килограмм или дней.
  • Список (3). Выберите этот тип, если характеристика должна принимать одно из заданных значений — например, «Статус» может принимать значения: «В наличии» или «Нет в наличии».
  • При добавлении свойства типа «Список» понадобится указать для него дополнительные настройки. Для этого нажмите кнопку с многоточием в конце строки.

    В новом окне в пункте «Внешний вид» (4) выберите вариант «Список» и заполните таблицу (5) значениями, которые может принимать характеристика.

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

    Пример значений для свойства «Консультация по Skype»:

    При создании новой характеристики типа «Число» и «Строка» дополнительные настройки не требуются.

    После внесения изменений сохраните их. Новое свойство добавлено в инфоблок.

    2. Заполнить характеристику в карточке услуги в админке.

    Если вы открыли карточку услуги, а новая характеристика в ней не появилась, нажмите на шестеренку в правом верхнем углу и выберите пункт «Настройки».

    В верхнем левом перечне (1) выберите «Услуга», а в правом (2) – название вкладки, на которой хотите отображать характеристику (для удобства рекомендуем выводить все свойства услуги на вкладку «Услуга»). Найдите в списке «Доступные поля» (3) созданную вами характеристику, выделите её и нажмите на стрелку (4).

    Свойство попадет в список «Выбранные поля». Чтобы определить, в каком порядке должны отображаться характеристики, в редакторе используйте кнопки «Выше», «Ниже» (1). Когда закончите с настройкой, сохраните изменения.

    После этого созданная характеристика будет доступна для заполнения.

    3. Настроить параметры компонента.

    В публичной части сайта откройте страницу услуги и перейдите в режим правки.

    Наведите курсор на содержимое страницы. На появившейся панели нажмите на шестеренку.

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

    Готово! Характеристика добавлена.

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

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

    Управление расположением блоков

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

    Наведите указатель на содержимое страницы. На всплывшем меню нажмите на шестеренку.

    В новом окне перейдите в группу «Настройки детального просмотра». Здесь находится 3 конструктора:

  • Порядок отображения табов
  • На странице с описанием услуги он помогает настраивать порядок вкладок. На скриншоте представлен пример таких вкладок, как «Описание», «Характеристики», «Вопрос-ответ», «Документы».

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

  • Порядок отображения блоков для безтабового шаблона
  • При использовании шаблона «Без табов» содержимое вкладок представляется в виде отдельных блоков. Этот конструктор помогает регулировать их положение относительно прочих элементов.

    Пример отображения характеристик, проектов и вопрос/ответ в безтабовом шаблоне:

    Пользоваться конструкторами очень просто – захватите левой кнопкой мыши один из элементов и переместите его вверх или вниз на нужное место. Для примера передвинем сотрудников выше над тизерами:

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

    Вид блоков на странице до изменений:

    После:

    Внимание! Настройки в параметрах компонента действуют на все элементы внутри раздела, включая те, что находятся в разных внутренних подразделах.

    Рекламный баннер в выпадающем меню шапки

    В выпадающем меню шапки на вкладке «Направления» и в каталоге можно отображать рекламный баннер.

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

    Для включения рекламного баннера в административной части сайта перейдите в Centino → Centino Training → Настройки. На вкладке «Шапка» включите отображение блоков.

    Чтобы включить рекламный баннер в шапке через виджет, откройте его и активируйте настройку на вкладке «Шапка».

    ля добавления и изменения баннера в админке перейдите в Контент → Реклама (centino.training) → Рекламные баннеры на главной в каталоге.

    Здесь можно добавить новый баннер (1), изменить (2), деактивировать (3) и удалить существующий (4).

    Рассмотрим подробнее настройки баннера.

    • Активность (1) – включает отображение баннера в блоке на главной
    • Название (2) – название баннера для поиска в административной части сайта
    • Ссылка (3) – адрес, по которому перейдет пользователь при нажатии на баннер
    • Ссылка пункта меню (4) – включает отображение баннера в указанном пункте шапки (услуги или продукции)
    • Стикер (5) – текст на баннере, который будет выделен желтым фоном
    • Картинка для анонса (6) – изображение баннера
    • Описание для анонса (7) – текстовая часть баннера.
    Примечание: этот же баннер может отображаться в раскрывающемся меню шапки и в блоке с продуктами на главной.

    Учебные материалы

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

    Учебные материалы могут отображаться:

  • блоками
  • списком в две колонки
  • Чтобы настроить необходимый вид страницы, в виджете нужно найти раздел «Каталог» и выбрать подходящий вариант «Шаблона списка элементов». Настройки изменены!

    Настройки раздела

    Чтобы изменить описание в начале страницы раздела, перейдите в режим правки.

    Наведите указатель на описание. В появившемся меню нажмите «Изменить область».

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

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

    Для переключения внешнего вида в админке перейдите в Centino (1) → Centino Training (2) → Настройки (3). Перейдите на вкладку «Каталог» (4), выберите шаблон и нажмите «Применить».

    Настройка и редактирование категорий (разделов)

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

    Для вызова элементов управления в публичке переключитесь в режим правки.

    На странице со списком категорий (разделов) наведите указатель на раздел, который нужно настроить (1) или удалить (2). Над ним появится меню с нужными кнопками.

    Для управления разделами из админки перейдите в Рабочий стол → Контент → Каталог (centino.training) → Продукты.

    Нажмите «Добавить раздел» (1), чтобы создать новую категорию товаров. Вызовите меню кнопки «Гамбургер» и выберите одноименный пункт, чтобы изменить (2) или удалить (3) существующую категорию.

    Настройки категории хранятся в карточках. Рассмотрим ее содержимое подробнее по вкладкам.

    В состав вкладки «Раздел» входят такие параметры, как:

    • Раздел активен (1) – отвечает за отображение раздела на сайте;
    • Родительский раздел (2) – определяет положение категории в иерархии разделов;
    • Название (3) – название раздела (обязательно для заполнения);
    • Изображение (4) – область для загрузки картинки для анонса, которая будут использоваться при выборе соответствующих вариантов внешнего вида списка категорий и основного меню навигации;
    • Описание (5) – текст, выводимый на странице редактируемого раздела под списком товаров.

    Для управления положением категорий в списке переключитесь на вкладку «Дополнительно» и заполните поле «Сортировка». Чем выше индекс сортировки, тем ниже/правее положение категории в списке.

    Чтобы изменить текст в разделе над списком товаров, переключитесь на вкладку «Доп. поля» и заполните «Краткое описание» (2).

    Параметр «Шаблон отображения списка товаров в разделе» (1) отвечает за способ отображения товаров, которые входят в этот раздел:

  • в виде плитки
  • списка
  • прайса
  • В этой же вкладке доступны следующие параметры:

    • отображать на главной странице (3) – включает показ раздела на главной;
    • видео в попапе (4). Необходимо указать ссылку на видео в формате https://www.youtube.com/embed/jo4A4Wqlksc.
    Внимание! При добавлении видео в настройках раздела оно появится у всех входящих в него товаров. Видео будет доступно в карточке товара.

    Рассмотрим добавление кода на примере видео, размещенного на Youtube. Перейдите на страницу с вашим видео на Youtube и нажмите на кнопку «Поделиться».

    Появится всплывающее окно, нажмите на кнопку «Встроить».

    В этом окне вам нужно скопировать код, который прописан в кавычках после «src=».

    Вставьте скопированный код в поле в настройках карточки.

    • детальная страница товаров в разделе (5) – с табами или без табов;
    • иконка раздела (6), которая может использоваться вместо анонса (настраивается в виджете или админке сайта);
    • тип умного фильтра (7) – вертикальный или горизонтальный.

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

    Внешний вид детальной страницы задается параметром, который можно найти в виджете настроек на вкладке «Каталог».

  • в виджете
  • в центре управления Centino (1) → Centino Training (2) → Настройки (3) → Каталог (4).
  • Управлять страницей товара также можно как в административной, так и в публичной части сайта.

    Для вызова элементов управления в публичке переключитесь в режим правки.

    На детальной странице продукта наведите указатель на содержимое. Появится меню, с помощью которого вы сможете добавить новый товар (1), изменить (2) или удалить (3) просматриваемый товар.

    Создание нового товара (1), изменение (2) и удаление (3) существующего доступно и на странице категории, в которую входит товар. Наведите указатель на анонс товара, чтобы вызвать его элементы управления.

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

    Для управления описанием товара из админки перейдите в Рабочий стол → Контент → Каталог (centino.training) → Продукты и откройте раздел, в котором должен храниться настраиваемый товар. Рассмотрим на примере раздела «Маркетинг».

    Для добавления нового товара нажмите одноименную кнопку (1). Чтобы изменить (2), удалить (4), деактивировать на сайте показ существующего (3), вызовите меню кнопки «Гамбургер» и выберите соответствующий пункт.

    Настройки страницы с подробным описанием хранятся в карточке. Рассмотрим ее содержимое по вкладкам.

    Вкладка «Товар»

    При создании товара на этой вкладке вам потребуется заполнить такие параметры, как:

    • Активность (1) – отвечает за отображение товара на сайте
    • Название (2) – название товара (поле обязательно для заполнения)
    • Сортировка (3) – определяет, на какой позиции в списке будет отображаться товар (чем больше индекс сортировки, тем ниже/правее положение в перечне)
    • Цена (4) – «Цена на карточке» и «Старая цена» имеют текстовый формат, в котором вы можете указать стоимость в любом виде, например «1000 руб./мес.». Пункт «Цена» – поле с числовым форматом действующей цены без дополнительных слов (обязательно заполните его, чтобы умный фильтр выдавал этот товар в результатах и корректно работал подсчет общей суммы в корзине). Также вы можете отобразить скидку на услуги: вписать в пункте «Старая цена» обычную стоимость, а в «Цене» – стоимость товара со скидкой.

    • Показывать кнопку «Заказать товар», «Задать вопрос» (5) – активируют на странице показ кнопок, привязанных к одноименным формам обратной связи.
    • Популярный товар (6) – блок в корневом разделе каталог

  • Товар дня (7) – включает отображение товара в боковом меню. При выборе нескольких товаров в этот блок они отображаются в случайном порядке.
  • Включить отображение товаров дня в боковом меню можно с помощью виджета.

    Отображать в слайдере на главной (8) – включает отображение товара на главной странице.

  • Хит продаж (9) – устанавливает стикеры в карточках товаров.
    • Статус (10) – позволяет выставить у товара статус: «в наличии», «нет в наличии», «под заказ», «ожидается»
    • Примечание-подсказка (11) – заданный текст отображается в карточке товара после описания для анонса.

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

    Характеристики товаров можно отобразить под табом:

    Или в виде отдельного блока:

    Вкладка «Анонс»

    Оформить анонс товара можно на одноименной вкладке. Здесь вы можете загрузить изображение (1) и добавить краткое описание (2).

    Вкладка «Подробно»

    На этой вкладке вы можете:

    заполнить верхнюю галерею (в «визитке» товара) основным (1) и дополнительными (2) изображениями; Заполнить фотографиями большую галерею (3), отображаемую отдельным блоком. Большая галерея позволяет увеличить фотографии и перелистывать их с помощью стрелок.

    Можно загрузить документы (4).

    Добавить текстовое описание товара (5) и оформить его с помощью инструментов визуального редактора.

    Вкладка «Связи»

    На странице товара можно вывести связанные элементы:

  • тизеры (1);
  • услуги (2);
  • сотрудники (3);
  • отзывы (4);
  • FAQ (5);
  • Вкладка «Видео»

    На этой вкладке вы можете добавить ссылки на ролики с YouTube (1) или загрузить несколько видеофайлов в систему (2).

    Если вам недостаточно полей под 5 файлов или 5 ссылок нажмите кнопку «Добавить» (3) под соответствующим блоком параметров.

    Как привязать ролик с YouTube в попапе

    Шаг 1. Чтобы привязать ролик с YouTube, откройте его в браузере. Нажмите кнопку «Поделиться».

    Шаг 2. В появившемся меню выберите «Встроить».

    Шаг 3. В этом окне вам нужно скопировать код, который прописан в кавычках после «src=».

    Шаг 4. Вставьте скопированный код в поле в настройках карточки.

    Как привязать ролик с YouTube в отдельной вкладке

    Чтобы привязать ролик(и) с YouTube под отдельной вкладкой «Видео», проделайте шаги 1-2, о которых мы писали выше. После этого скопируйте код для встраивания видео полностью.

    Вставьте скопированный код в поле «Код с видео (iframe)».

    Вкладка «Баннер»

    • Включает / отключает баннер (1)
    • Если вы используете составной баннер – в поле «Фоновая картинка» (3) загрузите фон, а в поле «Активная картинка» (2) – ключевое изображение
    • Если вы не используете составной баннер (на баннере уже есть активная картинка) – в поле « Фоновая картинка» (3)
    • Чтобы изменить цвет текста, выводимого на баннере, необходимо указать код цвета в 16-ричном формате (4).

    Вкладка «Разделы»

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

    Настройка пользовательских характеристик

    Характеристики выводятся в карточке товара:

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

    Добавление новых характеристик производится всего в 3 шага. Вам понадобится:

    1. Добавить новое свойство (характеристику) в инфоблок

    Внимание! Внесение изменений в уже существующие свойства решения, настроенные по умолчанию, могут привести к некорректной работе сайта. Мы не рекомендуем изменять их без навыков разработки на 1С-Битрикс.

    Откройте в админке Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог (centino.training) и выберите пункт «Продукты».

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

    Для новой характеристики:

    • дайте название (1);
    • укажите тип хранимого в ней значения (2) (подробнее о типах написано ниже);
    • установите галку «Акт.» (3), чтобы свойство отображалось в карточках товаров и на странице с описанием;
    • задайте индекс сортировки (4);
    • дайте понятное кодовое название (латиницей) (5).

    Для свойства можно использовать следующие типы:

    • Число (1). Выберите этот тип, если характеристика должна принять числовые значения — например, для метров, килограмм или дней.
    • Строка (2). Используйте строку, если характеристика должна быть описана символами/словами — например, артикул модели или название категории.

  • Список (3). Выберите этот тип, если характеристика должна принимать одно из заданных значений — например, «Статус» может принимать значения «В наличии», «Нет в наличии», «Ожидается» или «Под заказ».
  • При добавлении свойства типа «Список» понадобится указать для него дополнительные настройки. Для этого нажмите кнопку с многоточием в конце строки.

    В новом окне в пункте «Внешний вид» (1) выберите вариант «Список» и заполните таблицу (2) значениями, которые может принимать характеристика.

    При создании новой характеристики типа «Число» и «Строка» дополнительные настройки не требуются.

    После внесения изменений сохраните их. Новое свойство добавлено в инфоблок.

    2. Заполнить характеристику в карточке товара в админке

    Если вы открыли карточку товара, а новая характеристика в ней не появилась, нажмите на шестеренку в правом верхнем углу и выберите пункт «Настройки».

    В верхнем левом перечне (1) выберите «Товар», а в правом (2) – название вкладки, на которой хотите отображать характеристику (в примере свойство будет выведено на основную вкладку «Товар»). Найдите в списке «Доступные поля» (3) созданную вами характеристику, выделите её и нажмите на стрелку (4).

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

    После этого созданная характеристика будет доступна для заполнения.

    3. Настроить параметры компонента

    В публичной части сайта откройте страницу с описанием товара. Перейдите в режим правки.

    Наведите курсор на содержимое страницы. На появившейся панели нажмите на шестеренку.

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

    Готово! Характеристика добавлена.

    Управление расположением блоков

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

    Наведите указатель на содержимое страницы и на всплывшем меню нажмите на шестеренку.

    В новом окне перейдите на вкладку «Настройки детального просмотра». Здесь вы найдете конструкторы страницы для:

  • порядка отображения табов
  • Например, табов с описанием товара, характеристиками, вопросами-ответами.

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

  • блоков для безтабового шаблона
  • При использовании шаблона «Без табов» содержимое вкладок представляется в виде отдельных блоков. Этот конструктор помогает регулировать их положение относительно прочих элементов.

    Пример отображения списка характеристик товара и дополнительной информации в безтабовом шаблоне:

    Пользоваться конструкторами очень просто – захватите левой кнопкой мыши один из элементов и переместите его вверх или вниз на нужное место. Для примера передвинем блок с характеристиками в начало (используем бестабовое отображение страницы):

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

    Вид страницы до изменений:

    После изменений:

    Внимание! Настройки в параметрах компонента действуют на все элементы внутри раздела, включая те, что находятся в разных внутренних подразделах.

    Рекламный баннер в блоке «Популярные товары»

    В корневом разделе каталога в блоке «Популярные товары» можно отображать рекламный баннер.

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

    Для добавления и изменения баннера в админке перейдите в Контент → Реклама (centino.training) → Рекламные баннеры на главной в каталоге.

    Здесь можно добавить новый баннер (1), изменить (2), деактивировать (3) и удалить существующий (4).

    Рассмотрим подробнее настройки баннера.

    • Активность (1) – включает отображение баннера в блоке на главной
    • Название (2) – название баннера для поиска в административной части сайта
    • Ссылка (3) – адрес, по которому перейдет пользователь при нажатии на баннер
    • Показывать в корне каталога (4) – включает отображение баннера в корне каталога в блоке «Популярные товары»
    • Стикер (5) – текст на баннере, который будет выделен желтым фоном
    • Картинка для анонса (6) – изображение баннера
    • Описание для анонса (7) – текстовая часть баннера.
    Примечание: Этот же баннер может отображаться в раскрывающемся меню шапки и на главной в блоке «Наши продукты».

    Спикеры

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

    Спикеры могут отображаться:

  • блоками
  • списком
  • Чтобы настроить необходимый вид страницы, в виджете нужно найти «Разделы» и выбрать подходящий вариант «Компании \ Наших сотрудников». Настройки изменены!

    Настройка и редактирование списка объектов (спикеров)

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

    Для вызова элементов управления в публичке переключитесь в режим правки.

    На странице со списком категорий (спикеров) наведите указатель на раздел, который нужно изменить (1) или удалить (2). Над ним появится меню с нужными кнопками.

    Для управления разделами из админки перейдите в Рабочий стол → Контент → Контент (centino.training) → Спикеры.

    Нажмите «Добавить раздел» (1), чтобы создать новую категорию спикеров. Вызовите меню кнопки «Гамбургер» и выберите одноименный пункт, чтобы изменить (2) или удалить (3) существующую категорию.

    Настройки категории хранятся в карточках. Рассмотрим ее содержимое подробнее по вкладкам.

    В состав вкладки «Раздел» входят такие параметры, как:

    • Раздел активен (1) – отвечает за отображение раздела на сайте;
    • Родительский раздел (2) – определяет положение категории в иерархии разделов;
    • Название (3) – название раздела (обязательно для заполнения);
    • Изображение (4) – область для загрузки картинки для анонса, которая будут использоваться при выборе соответствующих вариантов внешнего вида списка категорий и основного меню навигации;
    • Описание (5) – текст, выводимый на странице редактируемого раздела над списком спикеров.

    Для управления положением категорий в списке переключитесь на вкладку «Дополнительно» и заполните поле «Сортировка». Чем выше индекс сортировки, тем ниже/правее положение категории в списке.

    Настройка и редактирование элементов детальной страницы (карточки объекта)

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

    Для вызова элементов управления в публичке включите режим правки.

    В разделе «Спикеры» наведите указатель на область одного из преподавателя. Появится панель с кнопками, которые позволят вам изменить (2), удалить (3) рассматриваемого сотрудника или добавить нового (1).

    Те же элементы управления доступны на детальной странице мероприятия. Наведите указатель на анонс, чтобы вызвать меню с кнопками «Изменить сотрудника» (2), «Удалить сотрудника» (3) (действие будет применено к выделенному элементу). Указатель над содержимым раздела также вызовет второе меню с кнопкой «Добавить сотрудника» (1).

    Для настройки и редактирования календаря из админки перейдите в Рабочий стол → Контент → Контент (centino.training) → Спикеры. Выберите нужный раздел, например, «Кураторы групп».

    Нажмите «Добавить услугу» (1), чтобы создать новую. Вызовите меню кнопки «Гамбургер» и выберите соответствующий пункт, если хотите изменить (2), удалить (4) или отключить отображение спикера на сайте (3).

    Все настройки детальной страницы услуги хранятся в карточках. Рассмотрим ее содержимое по вкладкам.

    Вкладка «Сотрудник»

    Чтобы сотрудник отображался на сайте, установите галку у параметра «Активность» (1). Так же можно выставить начало и окончание активности (2). Каждый сотрудник обязательно должна иметь свое название (3). Поле «Сортировка» (4) определяет, в каком порядке должны отображаться сотрудники в списке — чем больше цифра, тем ниже отображение.

    На этой же вкладке ниже располагается группа параметров «Значения свойств». Она включает в себя блоки с подробной информацией о спикере (5): Email, должность и телефон. Также присутствует поле «Написать сотруднику» (6), которое отвечает за отображение формы для связи со спикером.

    Вкладка «Описание»

    На вкладке «Описание» расположены:

    • картинка для анонса (1)
    • описание для анонса (2) – отображается на детальной странице в самом начале
    • детальное описание (3) – располагается под описанием для анонса

  • галерея Фото (4) – находится под детальным описанием.
  • В публичной части элементы описания выглядят так:

    Вкладка «Социальные сети»

    Эта вкладка содержит строки, которые необходимы для отображения способов связи с преподавателем.

    Вкладка «Связи»

    Здесь к услуге можно привязать:

  • товары (1);
  • услуги (2);
  • медиацентр (3);
  • отзывы (4);
  • галерея Видео (5);
  • мероприятия (6);
  • тизеры (8).
  • Вкладка «Разделы»

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

    Управление расположением блоков

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

    Наведите указатель на содержимое страницы и на всплывшем меню нажмите на шестеренку.

    В новом окне перейдите на вкладку «Настройки детального просмотра». Здесь вы найдете конструкторы страницы для порядка отображения блоков.

    Этот конструктор задает общий вид страницы. Он помогает регулировать их положение относительно прочих элементов.

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

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

    Вид страницы до изменений:

    После изменений:

    Внимание! Настройки в параметрах компонента действуют на все элементы внутри раздела, включая те, что находятся в разных внутренних подразделах.

    Фильтр для быстрого поиска

    В разделе «Спикеры» предусмотрен фильтр для быстрого поиска нужного педагога. Выборка ведется по преподаваемым предметам: нужно просто отметить галками интересующее направление. Если ни одно направление не выбрано, то в списке отобразятся все педагоги.

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

    Медиацентр

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

    Все новости сгруппированы по типам информации (1): интервью, новости, мероприятия, статьи. Чтобы пользователи могли следить за новостями компании в социальных сетях, выведены ссылки на имеющиеся группы (2), а также присутствует кнопка «Подписаться» на группу в ВКонтакте (3).

    На детальной странице новости выведены кнопки, позволяющие поделиться статьей в социальных сетях (1) и задать вопрос (2). А также представлена лента «Это интересно», где отображены другие материалы из медиацентра компании (3).

    Создание категорий медиацентра

    Категории в разделе «Медиацентр» используются для сортировки статей по типу. Такое разделение используется для удобства администрирования. Вы можете создавать свои типы, редактировать и удалять существующие. Для этого откройте Рабочий стол → Контент → Контент (centino.training) → Медиацентр.

    Чтобы создать новый подраздел, используйте соответствующую кнопку (1). Для изменения (2) и удаления (3) существующего – меню кнопки «Гамбургер».

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

    На странице название раздела отображается в анонсе.

    Название категории также можно увидеть на детальной странице:

    Также при создании категории можно выбрать, в каком виде элементы раздела будут отображаться в общем списке. Для этого на вкладке «Доп.поля» нужно выбрать необходимый шаблон.

    Настройка и редактирование элемента

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

    Для вызова элементов управления в публичке переключитесь в режим правки

    Создать новость можно на странице медиацентра. Наведите указатель на анонс публикации. Появится панель с кнопкой для добавления элемента (1).

    На детальной странице новости можно добавить (1), удалить (3) и изменить (2) материалы. Действия те же – навести указатель на содержимое в режиме правки.

    В административной части сайта для работы со статьями перейдите в Рабочий стол → Контент → Контент (centino.training) → Медиацентр. Откройте нужный раздел, например, «Новости».

    Нажмите «Добавить элемент» (1), чтобы создать новую новость. Вызовите меню кнопки «Гамбургер», если вам необходимо изменить (2), удалить (4) или отключить отображение (3) существующей на сайте.

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

    Вкладка «Элемент»

    Здесь вы можете:

    • управлять отображением новости на сайте (1);
    • установить период отображения новости на сайте в строках «Начало активности» и «Окончание активности» (2);
    • задать публикации название (3);
    • определить, на какой позиции в перечне должна отображаться новость (4) – чем меньше индекс сортировки, тем выше и левее положение анонса на странице;
    • установить дату, которая будет отображаться на карточке (5)

    Вкладка «Анонс»

    Анонс новости настраивается на одноименной вкладке.

    Здесь загружается картинка для анонса (1) и добавляется небольшое описание для привлечения внимания посетителей (2).

    Текст анонса дублируется на детальной странице новости:

    Вкладка «Подробно»

    На вкладке «Подробно» вы можете загрузить картинку (1) и добавить основной текст статьи (2).

    Вкладка «Связи»

    С помощью параметров этой вкладки к новости из раздела «Новости и акции» вы можете привязать:

  • товары (1);
  • услуги (2);
  • отзывы (3);
  • вопросы (4);
  • тизеры (5);
  • медиа (6);
  • сотрудники (7);
  • Вкладка «Разделы»

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

    Контакты

    Раздел с контактными данными компании и наглядным представлением расположения главного офиса имеет 2 шаблона:

    Карта FullHD

    Данный вариант внешнего вида визуально делит страницу на 2 вертикальные части.

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

    Компакт

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

    Управление внешним видом раздела

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

    Чтобы «примерить» шаблон в публичке, разверните виджет настроек. Переключитесь на вкладку «Разделы». Выберите интересующий вас вариант в группе «Контакты». Страница тут же примет заданный вид.

    В админке переключить внешний вид раздела вы можете в Centino → Centino Training → Настройки. Перейдите к группе «Разделы», выберите в выпадающем списке «Контакты» интересующий вас вариант и нажмите «Применить».

    Также в этой группе вы можете найти параметры, отвечающие за:

    • отображение формы обратной связи (1);
    • отображение карты (2);
    • настройки карты (3).

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

    Управление интерактивной картой

    Управлять интерактивной картой вы можете как в админке, так и в публичной части сайта. В админке элементы управления находятся Centino → Centino Training → Настройки. На вкладке «Разделы» найдите строку «Настройки карты».

    Чтобы вызвать элементы управления в публичной части сайта, переключитесь в режим правки.

    Наведите указатель на карту и выберите пункт «Редактировать Map как html»:

    В открывшемся окне дважды кликните по кнопке «Яндекс.Карты: настраиваемая карта»:

    Откроются «Параметры компонента»:

    Здесь вы можете:

    • Определить тип карты, используемый по умолчанию (1):
    • Изменить высоту (3) и ширину (2) карты;
    • Включать/отключать элементы управления (4): кнопки, шкалу и ползунок масштаба, переключатель типа карты, поиск по ней и мини-карту;
    • Определить дополнительные настройки (5) – разрешить или запретить перетаскивание карты, изменение масштаба колесом мыши/двойным щелчком/правой кнопкой мыши;
    • Активировать голосование шаблона компонента по умолчанию (6) – авто, за или против
    • Определить содержимое компонента (7) – статическая область, динамическая область с заглушкой, динамическая область без заглушки, динамическая область с заглушкой-крутилкой.

    В основных параметрах доступно 5 тип карт:

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

    Система обратной связи

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

    1. Заказать звонок


    2. Оставить свой отзыв


    3. Отправить резюме


    4. Задать вопрос


    5. Заказать услугу


    6. Записаться на курс


    7. Написать сотруднику


    8. Заказать продукт (заменяет форму оформления заказа, когда отключена покупательская корзина)


    9. Написать директору (доступна в личном кабинете)


    В решении формы обратной связи могут работать на основе инфоблоков, веб-форм или форм Битрикс24. Выбрать подходящий способ для каждой формы можно в Centino → Centino Training → Настройки → Формы. Подробнее о каждой форме в следующих уроках.




    Веб-формы для редакции 1С-Битрикс: Старт

    В редакции 1С-Битрикс: Старт отсутствует модуль «Веб-формы», поэтому использование функционала системы обратной связи кажется невозможным. Но мы реализовали систему обратной связи на инфоблоках. Так вы можете не просто заявить о себе в просторах Интернета, но еще и конвертировать посетителей сайта в заявки.

    Переключить работу форм обратной связи на инфоблоки можно в Centino → Centino Training → Настройки → Формы.



    Результаты заполненных форм

    Сообщения пользователей, полученные с форм, хранятся в административной части сайта. Для их просмотра перейдите в Рабочий стол → Контент → Формы (centino.training). Для просмотра сообщений, например, с формы «Обратный звонок», кликните по ее названию.


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


    В группе «Значения свойств» хранится информация, которую оставил пользователь.





    Управление формами

    Управление формами

    Вы можете создавать новые, изменять и удалять существующие формы. Перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Формы (centino.training).


    Для создания новой формы нажмите «Добавить инфоблок» (1). Чтобы изменить (2) или удалить (3) форму, вызовите меню кнопки «Гамбургер» у соответствующей строки и выберите нужный пункт.

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

    Рассмотрим основные настройки инфоблока.

    На вкладке «Инфоблок»:

    • установите галку «Информационный блок активен» (1), чтобы форму было видно на сайте;

    • придумайте понятный символьный код (латинскими заглавными буквами) (2) – он будет использоваться для привязки к элементам (например, кнопкам);

    • выберите сайт, на котором будет действовать форма (3);

    • дайте форме название (4).


    Внизу вкладки есть поле «Описание». Здесь можно добавить небольшой текст, который будет отображаться под заголовком формы.


    На вкладке «Свойства» создаются и настраиваются поля форм.


    Для каждого поля обязательно нужно указать название (1), тип (2) и код заглавными латинскими буквами (7).

    Тип определяет, какое значение будет принимать поле – «Строка», «HTML/текст», «Число», «Дата», «Список» (когда пользователю предлагается несколько вариантов стандартных ответов – например, «да» или «нет») или «Файл» (например, для загрузки документа с резюме). Если пользователь укажет в поле значение неверного формата, форма выдаст ошибку.

    Чтобы поле отображалось в форме, установите галку «Акт.» (3). Если поле может хранить более одного значения, отметьте «Множ.» (4) – например, чтобы разрешить загрузку более одного файла за раз:


    Для полей, которые являются обязательными для заполнения, активируйте параметр «Обяз.» (5). Чтобы задать порядок отображения полей на форме, заполните колонку «Сорт.» (6) – чем меньше индекс сортировки, тем выше будет положение поля.

    Для удаления лишней строки установите галку «Удал.» (9) и нажмите «Применить».

    Внимание! Внесение изменений в свойства форм, настроенных по умолчанию, без навыков разработки на 1С-Битрикс может привести к неприятным результатам.

    Колонка «Изм.» (8) содержит кнопки, которые открывают редактор свойств (полей) с дополнительными настройками. Дополнительные настройки могут понадобиться для определенных типов полей. Например, для поля типа «Список» в таблице «Значения списка» (2) следует задать доступные для выбора варианты. Также здесь можно выбрать внешний вид (1) – список или флажки.


    А для типа «Html/текст» в дополнительных настройках можно задать высоту поля ввода.


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

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


    Веб-формы для редакции 1С-Битрикс: Стандарт

    Вы можете сами выбрать, какой использовать вариант реализации системы обратной связи — стандартными веб-формами от 1С-Битрикс или инфоблоками (о них рассказали подробнее в уроке «Веб-формы для редакции 1С-Битрикс: Старт»).

    Внимание! Для настройки интеграции решения с CRM-системой включите использование веб-форм от 1С-Битрикс.

    Проверить, установлен ли модуль веб-форм можно в административной части сайта в Рабочий стол → Настройки → Настройки продукта → Модули.


    Если модуль веб-форм установлен, в решении появится дополнительный параметр. Его можно найти в админке. Перейдите в Centino → Centino Training → Настройки → Формы.



    Результаты заполненных форм

    Сообщения пользователей с веб-форм хранятся в Рабочий стол → Сервисы → Веб-формы → Результаты. Чтобы просмотреть результаты формы, например, «Заказать звонок», выберите соответствующий пункт.


    Здесь также видно:

    • когда была отправлена форма (1);

    • от какого пользователя пришло сообщение – зарегистрированного или нет (2);

    Для просмотра результатов с форм в более удобном виде вызовите меню кнопки «Гамбургер» и нажмите «Изменить».


    Данные с формы отобразятся в группе «Поля результата».



    Управление формами

    Вы можете создавать (1), изменять (2) и удалять веб-формы (3) в Рабочий стол → Сервисы → Веб-формы → Настройка форм.


    Рассмотрим основные настройки форм.

    На вкладке «Свойства» находятся следующие параметры:


    • Наименование (1) – заголовок веб-формы;

    • Символьный идентификатор (2) (задается латинскими буквами) – используется для привязки формы к элементам (например, кнопкам);

    • Порядок сортировки (3) – определяет положение формы в списке (в админке);

    • Пункты меню в административном разделе (4) – название пунктов меню в админке, куда будут сохранятся результаты работы формы (названия указываются для каждого языка, используемого в системе);

    • Сайт формы (5) – здесь отмечаются сайты, на которых будет использоваться веб-форма;

    • Подпись на кнопке, сохраняющей результаты формы (6) – дает название кнопке на форме для отправки результатов;

    • Использовать CAPTCHA (7) – подключает к форме проверку «человек или робот?».

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


    На вкладке «Шаблон формы» вы можете выбрать, какой шаблон использовать – предложенный по умолчанию или свой. О том, как создать свой шаблон, читайте в уроке от 1С-Битрикс.


    На вкладке «CRM» настраивается интеграция с Битрикс24. Подробнее об интеграции с Битрикс24, Flowlu и amoCRM читайте здесь.


    Перейти к редактированию полей формы можно через верхнее меню (пункт «Вопросы»):


    Чтобы добавить новое поле, нажмите одноименную кнопку (1). Для изменения параметров существующего поля раскройте меню кнопки «Гамбургер» и выберите «Параметры вопроса» (2). С помощью этого же меню поле можно удалить (3).


    Также к созданию нового поля можно быстро перейти из списка веб-форм – нажмите на «+» в колонке «Вопросы» на соответствующей строке.


    При создании нового поля на вкладке «Свойства» обязательно укажите символьный идентификатор (3) (латинскими заглавными буквами). На этой же вкладке:

    • установите галку «Акт.», чтобы пользователи увидели поле (1);

    • укажите индекс сортировки (2) – чем меньше индекс сортировки, тем выше позиция поля на форме;

    • активируйте одноименный параметр, если поле должно быть обязательным для заполнения (4).


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


    На вкладке «Ответ»:

    • Укажите в таблице, какой тип данных принимает поле (2). Например, текст, число, дата и т.п.

    • Заполните колонку «Текст» (1) в соответствии с выбранным типом ответа.


    Например, если вы хотите предложить пользователю список, из которого он может выбрать несколько вариантов ответа, установив галки у нужных пунктов – перечислите варианты в колонке «Текст» и установите для каждого из них тип checkbox.

    Если же в качестве ответа посетитель должен ввести свой текст, поставьте в первой колонке пробел и выберите нужный тип (text или textarea).

    Подробнее о настройке веб-форм вы можете узнать из курса от 1С-Битрикс.


    Формы Битрикс24

    Теперь построить систему обратной связи можно не только стандартными веб-формами от 1С-Битрикс или инфоблоками. В решении Centino: Инжиниринг мы реализовали простой способ привязки форм Битрикс24 на сайт.

    Переключить работу форм обратной связи на инфоблоки можно в Centino → Centino Training → Настройки → Формы.




    Управление формами

    Подключить форму из Битрикс24 просто! Достаточно скопировать код формы и вставить в специальное поле на сайте. Рассмотрим подробнее на примере пробной версии Битрикс24.

    Перейдите в раздел CRM в левом меню (1). В верхней панели нажмите кнопку «Еще» (2) и выберите пункт «CRM-формы» (3).


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


    Рассмотрим подключение формы обратной связи на примере предустановленной. Скопируем код на сайт.


    В административной части сайта перейдите в Centino → Centino Training → Настройки. На вкладке «Формы» переведите нужную форму на Битрикс24 и нажмите кнопку «Редактировать».


    Вставьте код формы из Битрикс24 и сохраните изменения.


    Теперь при нажатии на сайте на кнопку «Задать вопрос» будет открываться форма Битрикс24, а результаты попадут сразу в CRM.




    Результаты заполненных форм

    Сообщения пользователей с форм обратной связи хранятся в Битрикс24 в разделе CRM. В зависимости от того, как вы настраивали форму, результаты формы попадут в лид или сделку.


    Подробнее о работе с CRM читайте в документации Битрикс24.



    Свойства и связи

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

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

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

    Свойства инфоблока – это единицы структурированной информации конкретного инфоблока. Благодаря им информация выводится в том или ином виде на различных страницах. Например, сопутствующие услуги – в виде привязанных элементов, файлы – как документы для скачивания, а заданные координаты на карте – как точки, отображаемые на подключенному к сайту сервису Яндекс.Карты.

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



    Типы свойств

    Рассмотрим типы свойств на примере раздела «Медиацентр».

    Чтобы просмотреть список свойств, в административной части сайта откройте Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Контент (centino.training). Далее выберите нужный инфоблок и через кнопку «Гамбургер» щелкните «Изменить».


    Перейдите во вкладку «Свойства».


    Здесь представлены такие типы как:

    • HTML/текст (1) – прикрепляет к карточке текстовое поле, изменяемое с помощью визуального редактора;

    • Число (2) – добавляет поле для ввода числовых значений;

    • Дата (3) – добавляет поле для ввода даты и времени;

    • Привязка к элементам (4) – настраивает ссылки на другие инфоблоки. Например, на похожие статьи.

    • Список (5) – оперирует как одиночными значениями (поля с галками), так и множественными (представляет их в виде списка);

    • Строка (6) – хранит символьные значения (есть также тип «Число» для хранения числовых значений);

    • Файл (7) – используется для добавления в инфоблок галереи, возможности прикреплять документы, аудио и видео.

    Связи для страниц

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

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

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

    • товары;

    • тизеры;

    • акции;

    • новости;

    • статьи;

    • услуги;

    • проекты;

    • сотрудников;

    • отзывы;

    • FAQ.


    В настройках инфоблока возможность связывать между собой элементы позволяет тип свойства «Привязка к элементу».


    Чтобы связать между собой различные страницы, перейдите в ее настройки в публичной части сайта на вкладку «Связи».


    Нажмите кнопку с многоточием и выберите в новом окне нужный элемент из списка.


    Пример страницы товара с привязанными к ней статей и услугами:




    Согласие на обработку персональных данных

    В феврале 2017 года были внесены поправки в статью 13.11 КоАП по поводу нарушений закона о персональных данных. Они вступили в силу 1 июля 2017 года и коснулись всех, кто собирает, обрабатывает и хранит любые персональные данные. Подробнее о законе и мерах, которые необходимо предпринять, читайте в блоге Аспро.

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

    Чтобы добраться до настройки перейдите Centino → Настройки → Общие.


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



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


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


    В открывшемся окне введите данные.


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

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


    Отредактируйте содержимое и сохраните изменения.



    Выбор шаблона согласия на обработку персональных данных

    В решении Centino: Тренинги, семинары, обучение появилась возможность выбора шаблона согласия на обработку персональных данных. Доступно два варианта:

    • использовать готовое соглашение от Центино, которое открывается в новом окне. В этом случае прочитать текст соглашения можно по ссылке, а галочку поставить сразу без этого прочтения;


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


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

    Чтобы добраться до настройки перейдите Centino → Настройки → Общие.


    Здесь вы увидите пункт «Использовать соглашение», в котором выбирается шаблон – стандартный Центино или собственный шаблон Битрикс. После выбора нажмите кнопку «Применить».


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


    Здесь вы можете:

    • добавить новое соглашение (1);

    • открыть и изменить существующее соглашение (2);

    • просмотреть полученные согласия (3);

    • удалить соглашение (4).


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

    • введите название шаблона (1);

    • выберите тип (2) – доступно три варианта: собственное, стандартное согласие на обработку персональных данных «Казахстан» и стандартное согласие на обработку персональных данных «Russia»;

    • введите текст согласия (3);

    • придумайте подпись галки согласия (4).


    При выборе собственного шаблона Битрикс после установки галки пользователем в веб-форме появляется попап.


    В окне содержится информация о согласии пользователя. Нажимая кнопку «Принимаю», пользователь принимает условия соглашения.




    Автоматическое согласие на обработку персональных данных

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

    Внимание! Из закона 152-ФЗ следует, что для подтверждения согласия обработки персональных данных пользователь должен совершить конкретное действие — например, проставить галку в чекбоксе. Из этого следует, что настройка согласия по умолчанию не гарантирует 100% соблюдение 152-ФЗ. Компания Centino не несет ответственности за юридические последствия применения этой настройки.


    Активация данной возможности происходит в административной части сайта. Для этого перейдите Centino → Настройки → Общие.


    Прокрутите до пункта «Галочка об информировании обработки персональных данных проставлена?» и включите его. Изменения вступят в силу после нажатия кнопки «Применить».




    Личный кабинет

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


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


    В персональных данных пользователь может добавить или изменить свои ФИО, телефон, email и пароль.


    В подписках можно настроить и оформить подписку на материалы с сайта.


    Пользователь может указать удобный для получения рассылки email, выбрать интересующие рубрики и предпочтительный формат: текстовый или HTML.

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


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


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


    Настройки разделов личного кабинета

    Настройка рассылок

    Перейдите в раздел «Подписки», активируйте режим правок и нажмите всплывающую кнопку с шестеренкой, чтобы войти в режим редактирования компонента.


    Группа полей «Источник данных»


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

    Группа полей «Дополнительные настройки»


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

    • Показывать ссылки на авторизацию при анонимной подписке (2) — при подписке на рассылку анонимному пользователю будут выведены формы авторизации или регистрации

    • Устанавливать заголовок страницы (3) — заголовком страницы будет «Редактирование параметров подписки» при редактировании подписки или «Добавление адреса подписки».

    Настройка «Написать директору»

    Переключитесь на административную часть сайта и перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Формы (centino.training) → Написать директору.


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


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


    Подробнее о настройках полей формы читайте в соответствующей статье.


    Установка логина в значении email адреса

    Настройка «Логин равен email адресу» позволяет пользователю не придумывать логин при регистрации, а использовать для этого свою электронную почту. Адрес электронной почты уникальный для каждого. Поэтому не возникнет проблем при регистрации: «Логин занят другим пользователем». А клиентам не нужно будет запоминать новый логин.

    В решении Centino: Тренинги, семинары, обучение возможно два варианта настройки для авторизации:

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

    • Логин может совпадать с email. На большинстве современных сайтов регистрация проходит именно по такому сценарию. Ее главное преимущество – пользователю не нужно запоминать отдельно логин. Это страхует от ошибок при авторизации и восстановлении пароля.

    Давайте посмотрим, как будет выглядеть форма регистрации при активной/неактивной настройке.

    Логин задан отдельным полем:


    Логин равен email:


    Чтобы включить функцию «Логин равен email адресу», перейдите в Centino (1) → Centino Training (2) → Настройки (3) → Личный кабинет (4).


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




    Настройки шрифта с помощью Google Fonts

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

    Откройте Google Fonts. Для русскоязычного сайта в панели поиска справа выберите у параметра «Languages» вариант «Cyrillic».


    Выберите понравившийся вам стиль и нажмите «+».


    Внизу появится панель, которую нужно развернуть.


    В панели перейдите на вкладку «Customize» (1).


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

    • «Cyrillic» (4) – стиль сработает для русскоязычного текста;

    • «regular 400» (2) – чтобы использовать шрифт для обычного (нормального) текста;

    • «bold 700» (3) – чтобы на сайте работало выделение текста заданного стиля полужирным.

    Затем переключитесь на вкладку «Embed» и скопируйте код из «Embed Font → Standart».


    Откройте в админке Рабочий стол → Centino → Настройки. Найдите в группе общих настроек поле «Пользовательский шрифт из Google Fonts» и вставьте в него код.


    Результат на сайте после применения изменений:




    Корзина

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

    В этой главе рассмотрим, как настраивать корзину и форму оформления заказа.

    Настройка корзины

    Корзина имеет настраиваемый внешний вид. Примерить темы оформления можно через виджет настроек, раздел «Каталог».


    Доступно 3 варианта корзины: «В шапке», «Боковая» и «Летающая».

    При оформлении «В шапке» иконка корзины располагается рядом с основным меню. Клик по иконке перемещает посетителя на страницу со списком заказов.


    «Боковая» корзина фиксируется у края экрана. Клик по иконке разворачивает список заказов в этом же окне.


    «Летающая» также фиксируется у края экрана и имеет компактный вид.




    Настройка цены товара

    Для каждого товара существует три поля цены.


    1. «Цена на карточке» – отображается на сайте, можно прописывать как числа, так и выражения (например, «от 120 р/мес»)


    2. «Старая цена» – сумма отображается зачеркнутой, можно прописывать числа и символы.


    3. «Цена» – имеет только числовое значение и не отображается на сайте.

    Внимание! Чтобы умный фильтр учитывал товар при отборе по запросу цены или диапазона цен, в поле «Цена» обязательно нужно ввести числовое значение. Это же значение учитывается при математических операциях в корзине, например, при подсчете стоимости и при изменении количества.




    Настройка формы оформления заказа

    Вы можете сами настраивать форму оформления заказа и составляющие ее поля, а также указывать, какие поля являются обязательными для заполнения (например, имя и телефон).


    Настройка формы задается в административной части сайта в меню Контент → Инфоблоки → Типы инфоблоков → Формы (centino.training) → Оформление заказа, на вкладке «Свойства».


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

    • «Название поля» отображается на сайте как его заголовок.

    • «Тип» определяет основную характеристику поля – какие значения будут корректны для поля ввода (строка, число, дата, текст в несколько строк, список).

    • «Акт.» – активность поля. Опция определяет, отображается выбранное поле на сайте или нет

    • «Множ.» – множественное свойство. Множественный список дополнительных опций при заказе означает, что пользователь может выбрать сразу несколько значений заданного свойства.

    • «Обяз.» – обязательное для заполнения поле. Если отмеченное поле не будет заполнено, то форма не отправится, а у пользователя на экране появится уведомление, что он не заполнил обязательное поле.

    • «Код» – уникальный ID поля, нужный программным модулям для обработки и хранения информации из формы.

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


    Чтобы удалить созданное вами поле, поставьте галочку в столбце «Удал.» напротив него и сохраните изменения.

    Внимание! Мы настоятельно не рекомендуем удалять существующие по умолчанию поля – это действие необратимо. Если вы хотите, чтобы поле не отображалось на сайте и не заполнялось пользователем, деактивируйте его, сняв галочку в столбце «Удал.».




    Посадочные страницы

    Решение Centino: Тренинги, семинары, обучение позволяет создавать неограниченное количество посадочных страниц – внутри каталога, услуг или отдельными страницами (в разделе «Обзоры»). Это могут быть тематические и сезонные подборки, специальные предложения под рекламную кампанию, акцию или запрос в поисковых системах (например, «Продажи и переговоры»).

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

    Рассмотрим подробнее состав и особенности посадочных страниц в каталоге, услугах и в разделе «Обзоры».


    Посадочные страницы в разделе «Обзоры»

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

    Посадочные страницы в разделе «Обзоры» состоят из:


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

    • Блок с тизерами (2), которые помогут рассказать о ваших преимуществах и особенностях сервиса компании;


    • Области с описанием над перечнем товаров (3);

    • Блока «Задать вопрос» для обратной связи (4);

    • Списка ссылок на другие посадочные страницы (5);


    Списка товаров, заданных с помощью умного фильтра (6);


    Дополнительного блока с описанием под перечнем товаров (7);


    Области для комментариев пользователей (8).

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


    Наведите указатель на область с описанием (под баннером). Появится меню с элементами управления страницей – изменить (2), удалить (3) существующую или создать (1) новую.


    То же самое можно сделать в админке. Перейдите в Рабочий стол → Контент → Каталог (centino.training) → Посадочные страницы.


    Для создания нового лендинга нажмите «Добавить элемент» (1). Для изменения (2), удаления (4) или отключения отображения (3) существующего выберите соответствующий пункт меню кнопки «Гамбургер».

    Рассмотрим основные вкладки подробнее.

    Вкладка «Элемент»


    • активировать ее отображение на сайте (1);

    • задать период отображения (2) (при необходимости);

    • дать странице название (3) – поле обязательно для заполнения;


    • привязать к странице раздел или часть товаров из раздела с помощью умного фильтра (4, 12) – подробнее о настройках читайте в следующем уроке;

    • оформить баннер с помощью активного изображения (5);

    • включить отображение баннера (6);

    • задать заголовок над списком привязанных товаров (7);

    • изменить цвет текста, выводимого на баннере (8) (по умолчанию – при пустом поле – используется черный);

    • определить количество комментариев, отображаемых по умолчанию (9);


    • изменить название кнопки на баннере (10);

    • включить отображение блока обратной связи (11);

    • указать, какой текст выводить на баннере (13);

    • оформить баннер с помощью фонового изображения (14);

    • вывести на странице тизеры (15).

    Вкладка «Анонс»

    Анонс посадочной страницы настраивается на одноименной вкладке.


    Здесь загружается картинка для анонса (1) и добавляется текст посадочной страницы (2).

    Вкладка «Подробно»

    На вкладке «Подробно» можно изменить содержимое блока с описанием под списком связанных товаров.




    Настройка списка товаров с помощью умного фильтра

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

    Для этого откройте на сайте страницу с нужным списком товаров. Установите в умном фильтре свойство «В наличии» (1) и нажмите «Показать» (2).


    Скопируйте из адресной строки браузера часть URL’а, начиная с /filter/. В примере это: /filter/format-is-2/apply/


    Вернитесь в окно редактирования посадочной страницы. На вкладке «Элемент» выберите раздел (2) «PR-директор. Практический курс» и вставьте скопированную строку в поле «URL фильтр» (1).


    В результате на странице появится требуемый список:


    Если вы хотите привязать целый раздел каталога без фильтрации по свойству, тогда в карточке посадочной страницы выберите нужный раздел в одноименном перечне, а в поле «URL фильтр» вставьте строку: /filter/filter_price-from-0/apply/. В результате появятся товары с разными свойствами.




    Привязка посадочных страниц к услугам

    Решение Centino: Тренинги, семинары, обучение позволяет создавать посадочные страницы не только для каталога товаров, но еще и услуг.

    Вам понадобится:

    1. Изменить настройки инфоблока «Посадочные страницы».

    Откройте админку. Перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог (centino.training). Выберите «Посадочные страницы».


    Переключитесь на вкладку «Свойства». Найдите в перечне строку с именем «Раздел». Вызовите редактор настроек при помощи кнопки с многоточием.


    Пролистайте параметры до конца. У настройки «Информационный блок» выставьте значения «Контент (centino.training)» и «Направления [310]».

    Сохраните изменения и в редакторе свойств, и в самом инфоблоке.

    2. Привязать посадочную страницу к разделу услуг.

    Откройте карточку посадочной страницы. На основной вкладке найдите параметр «Раздел» (2). После настройки инфоблока в этом перечне вместо категорий товаров появится список разделов услуг. Выберите раздел, который нужно привязать к посадочной странице.


    Обратите внимание — умный фильтр в разделе «Услуги» не используется, поэтому на посадочной будет отображаться все содержимое привязанного раздела, и заполнять поле «URL фильтр» (1) не потребуется.

    3. Настроить параметры компонента «Новости».

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


    Перейдите в группу «Дополнительные настройки».


    В поле «ID инфоблока с каталогом» вместо строки: ={CCache::$arIBlocks[SITE_ID]["centino_training_catalog"]["centino_training_catalog"][0]}

    вставьте:

    ={CCache::$arIBlocks[SITE_ID]["centino_training_catalog"]["centino_training_services"][0]}

    Сохраните изменения.

    Результат на странице:




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

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

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

    В составе этого типа посадочных страниц элементы идут в следующем порядке:


    • Баннер (1);

    • Верхний блок с описанием (2);


    • Блок с тизерами (3),которые помогут рассказать о ваших преимуществах и особенностях сервиса компании;

    • Блок обратной связи «Задать вопрос» (4);

    • Список связанных товаров, которые задаются с помощью умного фильтра (5);


    • Нижний блок с SEO-описанием (6);

    • Блок с похожими посадочными страницами (7).

    Управлять данным типом посадочных страниц можно только в админке. Перейдите в Рабочий стол → Контент → Каталог (centino.training) → Посадочные в каталоге и услугах.


    Для создания нового лендинга нажмите «Добавить элемент» (1). Для изменения (2), удаления (4) или отключения отображения существующей посадочной страницы (3) используйте пункты меню кнопки «Гамбургер».

    Рассмотрим подробнее основные вкладки.

    Вкладка «Посадочная страница»


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

    В группе параметров «Значения свойств» вы можете:


    • при помощи настроек «Ссылка» (4) и «Раздел» (6) указать системе, где отображать посадочную страницу (подробнее об этом в отдельном уроке);

    • привязать к странице тизеры (5).

    • подключить блок обратной связи «Задать вопрос» (7).

    Вкладка «Описание и картинка»

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


    Прокрутив вкладку ниже, вы найдете поле для добавления описания под товаром (3). Вы можете использовать этот блок для SEO-текста.




    Привязка посадочной страницы к результатам фильтра

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

    Для этого откройте на сайте страницу с нужным списком товаров. Установите в умном фильтре свойство «Бумажный» и нажмите «Показать».


    В адресной строке браузера выделите часть URL’а, начиная с /product/, и скопируйте содержимое. В примере это: /product/marketing/organizatsiya-i-provedenie-event-meropriyatiy/filter/format-is-2/apply/


    Откройте карточку посадочной страницы в каталоге, вставьте ссылку в одноименное поле (1) и выберите нужный раздел (2).


    В результате, когда посетитель в подразделе каталога «Маркетинг» использует умный фильтр по параметру «Бумажный», перед ним откроется посадочная страница с перечнем товаров, соответствующим условиям поиска.




    Посадочные страницы в услугах

    В решении Centino: Тренинги, семинары, обучение у вас есть возможность красиво оформить раздел или подраздел услуг, которые вы оказываете. Это позволит продвигаться в поисковиках еще эффективнее — вы можете добавить дополнительное seo-описание, изображение и тизеры. А еще вы сможете использовать такие страницы для рекламы — вести ваших покупателей в каталог с уже выбранными вами услугами для показа. Пример посадочной страницы в услугах в демо-версии решения.

    В составе этого типа посадочных страниц элементы идут в следующем порядке:


    • Баннер (1);

    • Верхний блок с описанием (2);


    • Блок с тизерами (3), которые помогут рассказать о ваших преимуществах и особенностях сервиса компании;

    • Блок обратной связи «Задать вопрос» (4);

    • Список связанных услуг (5);

    • Рекламный блок с выгодным предложением (6);


    • Нижний блок с SEO-описанием (7).

    Управлять данным типом посадочных страниц можно только в админке. Перейдите в Рабочий стол → Контент → Каталог (centino.training) → Посадочные в каталоге и услугах.


    Для создания нового лендинга нажмите «Добавить элемент» (1). Для изменения (2), удаления (4) или отключения отображения существующей посадочной страницы (3) используйте пункты меню кнопки «Гамбургер».

    Рассмотрим подробнее основные вкладки.

    Вкладка «Посадочная страница»


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


    • при помощи настройки «Ссылка» (4) укажите системе, где отображать посадочную страницу;

    • привязать к странице тизеры (5);

    • выбрать нужный раздел (6);

    • подключить блок обратной связи «Задать вопрос» (7).

    Вкладка «Описание и картинка»

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


    Прокрутив вкладку ниже, вы найдете поле для добавления описания под товарам (3). Вы можете использовать этот блок для SEO-текста.




    Интеграция с другими сервисами

    В этой главе рассматриваются возможности интеграции решения с другими сервисами – сервисом аналитики Яндекс.Метрика и CRM-системами.

    Расширенная интеграция с Яндекс. Метрикой

    Благодаря расширенной интеграции с Яндекс.Метрикой вы сможете:

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

    Обзор настроек для Яндекс.Метрики

    В решении Centino: Тренинги, семинары, обучение есть блок настроек для расширенной интеграции вашего сайта с системой аналитики Яндекс.Метрика. Благодаря ей вы сможете настроить сервис быстро и легко, не привлекая сторонних разработчиков и программистов.

    Отслеживать активность пользователей, показатели конверсии и эффективность рекламы стало проще и удобнее. Вам не придется редактировать код решения или привлекать программиста – самые важные цели вынесены в модуль настроек. Все, что нужно сделать – выбрать нужный уровень детализации аналитики и настроить цели на стороне Яндекс.Метрики.

    В этой главе мы рассмотрим настройку целей. Настройки для Яндекс.Метрики находится в Центре управления Centino в админке (блок «Яндекс.Метрика, Google.Analytics»).




    Установка счетчиков

    Действия по установке счетчика заключаются в добавлении его кода в специальный файл. В блоке настроек счетчиков предоставлен быстрый доступ к этому файлу через кнопку «Редактировать».


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


    Сюда можно скопировать коды Google Analytics, Яндекс.Метрики, пикселей ВКонтакте и Facebook.

    Установка счетчика Яндекс.Метрики

    Первым делом необходимо создать счетчик в Яндекс.Метрике.

    Для этого создайте учетную запись на сервисе или авторизуйтесь, если она у вас уже есть. Затем нажмите «Создать новый счетчик».

    Далее заполняем основные поля: имя счетчика (1), адрес сайта (2). Для активации кнопки «Создать новый счетчик» следует принять пользовательское соглашение, установив соответствующую галочку (3).


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


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

    Наш счетчик появится в списке.


    Теперь нужно добавить сгенерированный Яндекс.Метрикой код, который мы скопировали, на свой сайт. В Центре управления в блоке «Цели и счетчики» ставим галочку у пункта «Использовать цели Яндекс.Метрики». Появится окно для добавления счеткиов.


    Вставляем сюда код и сохраняем изменения.


    Затем в том же блоке вставляем ID счетчика в одноименное поле и нажимаем «Применить».


    ID счетчика можно найти в личном кабинете на Яндекс.Метрике.


    Он дублируется в карточке счетчика на сервисе.


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


    Откройте окно отладки клавишей F12. Здесь следует перейти во вкладку «Console». Если счетчик установлен правильно, он начнет отправлять данные сразу после установки. Его ID отобразится на консоли браузера.


    В сервисе Яндекса в списке счетчиков у корректно установленного счетчика будет соответствующий значок статуса проверки, а в «Сводке» вы увидите первые собранные данные.


    Теперь можно настраивать цели.


    Настройка целей в Яндекс.Метрике

    Внимание! В рамках технической поддержки мы не консультируем по настройкам Яндекс.Метрики. Если вам нужна индивидуальная настройка или диагностика, напишите нам на почту: info@centino.ru

    В поле «Использовать цели заполнения веб-форм» вы можете:

    • отключить отслеживание конверсии при заполнении посетителями веб-форм, выбрав вариант «Нет»;

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

    • задать отслеживание действий по конкретным веб-формам для учета их доли в конверсии – «Отдельная цель».


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

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



    Создание общей цели для веб-форм

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

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

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


    Скопируйте идентификатор цели из подсказки: goal_webform_success. В Яндекс.Метрике перейдите в карточку счетчика. Далее Настройка (1) → Цели (2) → Добавить цель (3).


    Введите название цели (1). Выберите тип условия «JavaScript-событие» (2). В поле «Идентификатор цели» введите ранее скопированную из подсказки строку (3). Нажмите «Добавить цель».


    В списке целей нашего счетчика появилась новая запись. Сохраните изменения соответствующей кнопкой.


    Проверьте работоспособность цели – заполните любую веб-форму и отследите появление данных в Яндекс.Метрике.

    Внимание! Данные в Яндекс.Метрику поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.

    Результат нашей настройки доступен для просмотра в меню Отчеты → Стандартные отчеты → Конверсии.


    Внешний вид отчета:




    Создание отдельной цели для веб-формы

    В Центре управления Centino отслеживание отдельной цели включается одноименной опцией в поле «Использовать цели заполнения веб-форм» в блоке настроек целей и счетчиков. Опция позволяет фиксировать действия пользователей, связанные с разными веб-формами, и определять, какие из них приносят больше конверсии.

    Активация опции открывает желтое поле с перечнем идентификаторов для целей.


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

    Цели конфигурируются по шаблону goal_webform_success_#ID_инфоблока_формы#.

    Вместо #ID_инфоблока_формы# нужно подставить ID формы, которую хотите отслеживать детально.

    Идентификаторы можно также просмотреть во вкладке «Контент», ветка «Формы».


    В таблице ID расположены в крайнем правом столбце.

    Рассмотрим задание отдельной цели на примере формы «Заказать услугу». Для этого копируем идентификатор: goal_webform_success_297 из подсказки.

    Также как в уроке по созданию общей цели перейдите в настройку счетчика на сервисе Яндекс.Метрика. Выберите Цели → Добавить цель. Введите название цели, установите тип условия «JavaScript-событие» и вставьте скопированный ID.


    В списке целей появилась новая запись. Сохраните изменения.


    Закажите услугу на сайте и просмотрите изменение данных в Яндекс.Метрике. Результат действий проверяем через консоль. Вызываем окно отладки клавишей F12, переходим на вкладку консоли. Ищем строку с отметкой «Reach goal», кодом счетчика и id цели.


    В Яндекс.Метрике данные можно просмотреть в меню Отчеты → Стандартные отчеты → Конверсии.


    Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.

    Настройка цели корзины и оформления заказа

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


    После активации опции примените изменения.

    В Яндекс.Метрике все настраивается по алгоритму, описанному ранее. Рассмотрим его на примере цели добавления заказа в корзину. Копируем идентификатор нужного действия: goal_basket_add.

    В Яндекс.Метрике в настройке переходим на вкладку целей и нажимаем «Добавить цель». В новом окне: указываем название цели, устанавливаем тип «JavaScript-событие» и вставляем скопированный ID.


    Сохраняем изменения в списке целей.


    Для проверки работоспособности целей перейдем в публичную часть сайта и добавим какой-нибудь товар в корзину. Нажмем клавишу F12 и во вкладке консоли проверим появление записи о достижении цели с id счетчика и цели.


    В Яндекс.Метрике данные можно просмотреть в Отчеты → Стандартные отчеты → Конверсии.


    Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.

    Остальные цели, связанные с оформлением заказа настраиваются по аналогии.

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

    Автоматизировать работу вашего бизнеса просто. В решении Centino: Тренинги, семинары, обучение реализована удобная интеграция с CRM-системами: Битрикс24, Flowlu и amoCRM. Для интеграции необходимы лицензия 1С-Битрикс: Стандарт и модуль «Веб-формы».

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

    Настройка займет всего пару минут, а навыки программирования не потребуются.

    Благодаря интеграции вы можете передавать в CRM все заполненные веб-формы:

    • заказа звонка;

    • запроса консультации;

    • отправленного резюме;

    • заданного вопроса;

    • заказа услуги;

    • заказа проекта;

    • заказа продукта;

    • сообщения директору;

    • оформления заказа.

    Интеграция с Битрикс24

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

    Внимание! Функционал доступен только для редакции 1С-Битрикс: Стандарт.

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

    Благодаря интеграции с Битрикс24 вы можете передавать в CRM все заполненные веб-формы:

    • заказа звонка;

    • запроса консультации;

    • отправленного резюме;

    • заданного вопроса;

    • заказа услуги;

    • заказа проекта;

    • заказа продукта;

    • сообщения директору;

    • оформления заказа.

    Настройка займет всего пару минут, а навыки программирования не потребуются.

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

    Перейдите в Рабочий стол → Сервисы → Веб-формы → Настройка форм. Для редактирования существующей формы вызовите меню кнопки «Гамбургер» и нажмите «Изменить».


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

    В перечне «CRM» выберите пункт «настроить новый».


    В открывшемся окне укажите:

    • Название для нового списка (1);

    • Сервер CRM (2);

    • Параметры авторизации: логин и пароль (3).


    Проверьте, установлено ли соединение. Для этого нажмите «Настроить список».


    В настройках списка нажмите «Проверить соединение».


    Если соединение установлено, в колонке «Авторизация» отобразится «ОК».


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

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

    Определите способ отсылки данных с формы (1) – ручной или автоматический, и настройте связанные поля.


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

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

    Связанные поля настраиваются следующим образом: в правой колонке (3) нужно выбрать, из какого поля формы будет отправлена запись в CRM, а в левой колонке (2) — какое поле CRM ее примет.

    Сохраните изменения. Для проверки корректности настроек заполните и отправьте соответствующую форму из публичной части сайта. В нашем случае — это форма заказа звонка.


    Если вы настроили отправку форм «вручную», то перед тем, как зайти в Битрикс24, просмотрите раздел «Результаты» в Рабочий стол → Сервисы → Веб-формы. Откройте список нужной формы.



    Найдите строку с тестовыми данными (с данными формы, которые вы только что заполнили) и вызовите меню кнопки «Гамбургер» для отправки формы в CRM. После успешной отправки записи в колонке «Отправлено» метка сменит цвет с красного на зеленый.


    Если вы автоматически отправляете информацию о заполненных формах в CRM, сразу перейдите в Битрикс24. Здесь в левом меню на вкладке «CRM» (1) появится новый лид (2).


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


    Остальные веб-формы настраиваются аналогично.

    Интеграция с amoCRM и Flowlu

    CRM-система — то, что позволяет бизнесу автоматизировать работу с клиентами, увеличить продажи, стандартизировать работу менеджеров и собрать важную информацию для анализа эффективности. Мы знаем, насколько вам важно не упустить ни одну заявку с сайта, поэтому сделали то, что казалось невозможным для решений на 1С-Битрикс — реализовали простую и легкую интеграцию с amoCRM и Flowlu.

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

    Благодаря интеграции вы можете передавать с сайта в CRM все заполненные веб-формы:

    • заказа звонка;

    • запроса консультации;

    • отправленного резюме;

    • заданного вопроса;

    • заказа услуги;

    • заказа проекта;

    • заказа продукта;

    • сообщения директору;

    • оформления заказа.

    Настройка займет всего пару минут, а навыки программирования не потребуются.

    Для интеграции решения с amoCRM и Flowlu необходимо настроить подключение, а затем настроить веб-формы. Для этого переходим в Centino → CRM интеграции.


    Подключение Flowlu

    Для подключения решения к Flowlu, укажите:


    • домен CRM (1);

    Домен вводите в виде:


    • ключ API (2).

    Ключ можно посмотреть в системе Flowlu. Он находится в Настройках системы → Настройки системы → API.




    Подключение amoCRM

    Чтобы подключить amoCRM нужно указать:


    • домен в amoCRM (1);

    В поле требуется вводить домен 3го уровня (без https:// и .amocrm.ru).


    • логин от аккаунта в amoCRM (2);

    • ключ API (3).

    Найти ключ можно в настройках amoCRM на одноименной вкладке.


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



    Настройка интеграции и веб-форм

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

    Под настройками подключения CRM находится группа настроек «Интеграция и соответствие полей». С ее помощью вы можете:

    • Включить интеграцию (1).

    • Активировать автоматическую отправку результатов в CRM (2). В этом случае они будут отправляться в систему сразу после того, как пользователь ее заполнил – вам не придется делать это вручную.

    • Включить логирование для отслеживания проблем с соединением (3). Логи записываются в директории /upload/logs/centino.heat/crm/YY-mm-dd/. Исходящие запросы с сайта в CRM пишутся в %_название_CRM_%_create_lead_request.log, а ответы CRM в %_название_CRM_%_create_lead_response.log, где %_название_CRM_% - подменяется amoCRM или Flowlu, в зависимости от того, с какой CRM вы работаете. Содержимое этих файлов в случае проблем с соединением поможет специалистам выяснить и устранить причину ошибок.

    • Задать название лида для заявок с сайта (4). Значение из этого поля будет использоваться в качестве названия новой сделки в CRM, если в таблице связей полей CRM и форм сайта не указано иное (о таблице читайте ниже).

    • Перечислить теги для amoCRM (5) (в Flowlu этого функционала пока нет). Теги удобно использовать для поиска сделок. Подробнее о работе с ними в amoCRM читайте здесь. Так же, как и с названием лида по умолчанию, передаваемые теги можно переназначить для конкретной формы.


    У каждой веб-формы есть своя таблица связей с полями CRM. Для переключения между этими таблицами используйте выпадающий список в конце перечня настроек (6). В таблице вы можете указать системе, какое поле формы с вашего сайта в какое поле CRM передавать. Настройки, указанные здесь, перекрывают настройки по умолчанию (имеются в виду теги для amoCRM и заголовок).


    Например, сначала мы установили, что в поле amoCRM «Название сделки» должно передаваться название веб-формы (допустим, «Заказать звонок») и передали несколько результатов, а потом удалили эту настройку.


    Следующая отправленная сайтом заявка придет с названием, установленным по-умолчанию (в примере это «Заявка с сайта»).


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


    Теперь давайте посмотрим, как это работает. Допустим, вы настроили форму заказа обратного звонка, заполнили ее тестовыми данными и отправили.


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


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


    В Flowlu сведения с той же формы попадут в раздел CRM → Сделки.


    Здесь также можно просмотреть более подробную информацию:




    Для разработчиков

    Решение Centino: Инжиниринг создано на современной технологической платформе – Bootstrap 3.0, HTML5, CSS3, jQuery. Оно имеет принципиально новую архитектуру, с которой по-настоящему удобно работать. В специальном разделе есть библиотеки кнопок, иконок и элементов для оформления.

    В этой главе мы расскажем об этих преимуществах, а также о том, как легко и просто изменять основные элементы сайта.

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

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

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

    Модификация кода шаблона

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

    Глава выстроена в виде уроков-кейсов. В кейсах рассматривается общий алгоритм работы с шаблонами компонентов и элементов, содержатся названия файлов и ссылки, необходимые для работы.

    Главная страница

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

    Кликните по вкладке с названием решения, далее Настройки → Главная. В «Типе главной страницы» выберите «Custom».

    Затем перейдите в Рабочий стол → Контент → Структура сайта → Файлы и папки. В корне расположен кастомный файл (1) и шаблонные (2).

    Из файлов шаблонов (2) в карточку (1) перенесите нужные вам элементы кода. Чтобы открыть файл, кликните на «гамбургер» и выберите «Редактировать как PHP».

    При копировании кода обязательно в начале перенесите в файл indexblocks_custom.php (1) строку:

    Далее скопируйте нужные блоки. Каждый из них должен начинаться и заканчиваться строками:

    Блоки услуг и портфолио содержат несколько вариантов отображения. Поэтому для копирования понравившегося вам шаблона, перейдите в Рабочий стол → Контент → Структура сайта → Файлы и папки → include → mainpage. Там расположены файлы шаблонов услуг (3) и портфолио (4).

    Кликните на гамбургер нужного файла и выберите «Редактировать как PHP».

    Оттуда необходимо скопировать весь код и вставить в файл indexblocks_custom.php (1).

    Нужно помнить, что расположение блоков главной зависит о того, в каком порядке вставлен код каждого элемента в файле indexblocks_custom.php (1).

    Шапка сайта

    Изменения для шапки сайта выполняются по аналогичному алгоритму. Перейдите в Центр управления Centino. В настройках найдите блок «Шапка». Подключите опцию для разработчиков Custom.

    Вид сайта в публичной части снова изменился:

    Перейдите в структуру сайта по адресу /bitrix/templates/centino-heat/page_blocks. Найдите в списке файлы с кодом для различных типов шапки сайта. Всего их 12:

    • header_1.php
    • header_2.php
    • ...
    • header_12.php

    Файл header_custom.php предназначен для внесения изменений. Скопируйте туда фрагменты кода отдельных элементов, которые необходимы вам для работы, или разместите свой код.

    Подвал сайта

    Подключите опцию для разработчиков Custom в настройках решения, расположенных в Центре управления Centino.

    Перейдите в структуру сайта /bitrix/templates/centino-heat/page_blocks. Найдите файлы, которые могут понадобиться для работы:

    • footer_1.php
    • footer_2.php
    • ...
    • footer_12.php

    Файл footer_custom.php предназначен для внесения изменений. Скопируйте туда фрагменты кода отдельных элементов, которые необходимы вам для работы, или разместите свой код.

    Мобильная шапка и мобильное меню

    Перейдите в Центр управления Centino и подключите опцию Custom для разработчиков в зависимости от того, что хотите изменить – мобильную шапку или тип мобильного меню.

    Перейдите в структуру сайта: /bitrix/templates/centino-heat/page_blocks. Найдите нужные файлы.

    Содержат код мобильной шапки:

    • header_mobile_1.php
    • header_mobile_2.php

    Содержат код мобильного меню:

    • header_mobile_menu_1.php
    • header_mobile_menu_2.php

    Файлы, в которые нужно вносить изменения:

    • header_mobile_custom.php – для мобильной шапки
    • header_mobile_menu_custom.php – для мобильного меню.

    Отредактируйте нужный файл и сохраните изменения.

    Графические материалы

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

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

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

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

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

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

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

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

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

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

    Раздел «Элементы» содержит примеры внешнего вида ярлыков (Labels) – иконок, содержащих исчерпывающую информацию, например, об участии предложения в действующей акции или отношение товара к хитам продаж.

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

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

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

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

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

    Размеры навигационной панели по страницам раздела представлены в 3х вариантах.

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

    Также в поставку включены элементы для работы с изображениями – Carousel, Fancybox и рамки для миниатюрных изображений.

    Вы также можете использовать цветовые гаммы, которые меняются исходя из выбранной цветовой темы шаблона. Найти их можно в разделе «Цвета».

    Использование библиотеки UI-элементов

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

    Внимание! Для успешной работы с html-кодом понадобятся хотя бы минимальные знания тегов и принципов записи. Если возникают сомнения или нужно попрактиковаться, вы можете смело экспериментировать с версткой на тестовой странице. Изменение html-кода может испортить верстку отдельной страницы, но не сломает весь сайт.

    Представленные на демо-сайте UI элементы являются html-кодом, который вы можете скопировать и вставить в нужное место на странице сайта. В качестве примера добавим на сайт цитату.

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

    Переключитесь на совмещенный режим отображения, чтобы было видно одновременно и html-код, и внешний вид содержимого.

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

    Скопируйте код интересующих вас элементов и вставьте на странице своего сайта.

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