0  /  268

Аспро: Priority

Содержание

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

В главе описан алгоритм установки готового решения на примере Аспро: Маркет: от подготовки хостинга, активации лицензии 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% — наименьшее сжатие и самое высокое качество изображения

В остальных группах свойства менять не рекомендуется. Подробнее о настройках блока “Оптимизация CSS” и о том, как с его помощью улучшить показатели в Google Page Insights, читайте в базе знаний.

Авторизация

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


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

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


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

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

Доступ

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


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

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

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




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

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

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

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

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

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


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


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

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

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

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


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

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

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

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

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


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


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

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

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

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


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


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

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

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

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


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


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

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

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


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


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

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


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

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

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

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

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

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

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

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



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




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



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

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

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

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

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



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

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

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

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

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

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



Вопросы по приобретению решений и доработкам, а также пожелания по функционалу решения отправляйте через эту форму или на адрес info@aspro.ru

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

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

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

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

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

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


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

Общие

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


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


Рекомендуемые параметры для логотипа:
- размер – любой (система автоматически подгонит его под нужный)
- формат – .png или .jpg

Рекомендуемые параметры для фавикона:
- размер – 16х16 px
- формат – .ico

Рекомендуемые параметры для Web clip icon:
- размер – 180х180 px
- формат – .jpg.


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

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


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

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

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



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

В поле «Тип защиты» от спама можно выбрать вариант капчи: отсутствует, картинка или скрытое поле. Мы рекомендуем использовать последний вариант: вы будете защищены от спам-заявок, однако это не скажется на конверсии – пользователям не придется заполнять дополнительное поле.

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




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


Главная




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

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

Шапка

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



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

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

Каталог

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


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

Разделы



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

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

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

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



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

Футер

В футере с помощью галки можно включить или отключить отображение заказать звонок. Этот функционал доступен с версии 1.0.5.


Баннеры, мобильная версия и личный кабинет



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

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

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



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

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

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

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

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


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

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

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

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

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



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

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

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



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

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


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


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

Для Аспро: Digital – это личный кабинет, корзина, адрес компании и способы связи.


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



Мобильное меню может выдвигаться слева или выпадать сверху.




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



В Аспро: Digital применить настройки для мобильной версии можно только в админке: Рабочий стол → Аспро: Digital → Настройки.



В блоке «Мобильная версия» установите ту комбинацию настроек, которая вам нравится.


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

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

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

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

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


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


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


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

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

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

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

Действующие настройки решения актуальны для всего сайта и для всех групп пользователей. Чтобы их найти, нужно перейти в административной части сайта в Аспро → Аспро: Allcorp2 → Настройки.


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

Общие

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


  • Переключатель тем (1) — активирует виджет настроек сайта для администраторов.

  • Цвета сайта (2) — позволяет задать общие параметры внешнего вида сайта: основной и пользовательские цвета, использование фонового баннера.

  • Группа полей с логотипом (3) — активирует заливку прозрачных областей логотипа выбранным основным цветом сайта, а также позволяет загрузить логотип для шапки, фавикон для заголовка вкладки браузера и иконку Web clip icon для iPhone и iPad.

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

  • Обработка персональных данных — (5) активирует информирование пользователей о сборе персональных данных на соответствующих формах.

  • Не добавлять название сайта в заголовок браузера (6) — включает и выключает эту функцию.

  • Кнопка печати страницы (7) — устанавливает на сайте в поле заголовка страницы кнопку печати

  • Отображать стандартные маркеры на Яндекс карте в контактах, на главной и в проектах (8) — активирует и деактивирует эту функцию.

  • «Заказать звонок» (9) — включает и включает настройку.

  • Отображать блок с формами (10) — активирует и деактивирует функцию

  • Кнопка «Наверх» (11) — активирует кнопку и задает ее вид и положение.

  • Использовать веб-формы вместо инфоблоков (12) — позволяет выбрать необходимый вид настройки обратной связи.

Рекомендуемые параметры для логотипа: 

  • размер — любой (система автоматически подгонит его под нужный)

  • формат — .png или .jpg

Рекомендуемые параметры для фавикона: 

  • размер — 16х16 px

  • формат — .ico

Рекомендуемые параметры для Web clip icon: 

  • размер — 180х180 px

  • формат — .jpg.

Главная



  • Тип анимации большого баннера (1) — определяет, с какой анимацией будут сменяться слайды на основном баннере сайта. Можно выбрать: горизонтальное скольжение, вертикальное скольжение или выцветание

  • Скорости для слайдов основного баннера (2) — определяет, с какой периодичностью будут сменяться слайды основного баннера и с какой скоростью будет происходить анимация при их смене

  • Скрывать на узких экранах (3) — при активации основной баннер скрывается при просмотре сайта в мобильной версии

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

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

Google reCaptcha

Google reCAPTCHA — инструмент от Google, который анализирует поведение пользователей и в зависимости от него предлагает пройти проверку по различным сценариям: от простейшего клика по квадрату «Я не робот» (в большинстве случаев) до расшифровки надписей и выбора определенных картинок (если есть подозрение, что с формой взаимодействует бот, а не реальный человек). 

В рассматриваемом блоке предусмотрено активация и деактивации Google reCAPTCHA, а также настройка необходимых параметров.


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


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

Функция «использовать captcha в веб-формах на инфоблоках» позволяет отделить реальных людей от спам-ботов. 

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


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


Шапка

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


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

Меню

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


Регионы

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


Каталог

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

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

В Аспро: Корпоративный сайт 2.0, начиная с версии 1.1.0, появилась возможность группировать свойства (5) с помощью модулей «Webdebug» и «Romza». Как использовать функционал, описали в уроках ранее.

Услуги

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


Проекты

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


Разделы


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

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

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

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


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

Футер

В футере можно выбрать 6 типовых вариантов его отображения или переключить на custom.



Баннеры, мобильная версия и личный кабинет



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

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

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



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

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

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

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


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


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

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

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

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


После этого в публичной части вы увидите вот такой значок с левой стороны:


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


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


Если вам неудобно работать с таким списком, вы можете настроить внешний вид главной прямо на ней! Для этого используйте новую технологию от Аспро ДизайнМенеджер – откройте главную страницу сайта и кликните по значку под виджетом настроек:



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

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



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

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

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


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

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



Если вы знаете hex-код нужного цвета, укажите его в горизонтальном поле ввода (1). Если вы не знаете этот код, используйте вертикальную шкалу справа (2), чтобы переключаться между цветами, а большой квадрат слева (3) – для выбора нужного оттенка (кликните левой кнопкой мыши на область с нужным оттенком). Когда укажете свой цвет, нажмите «Выбрать» (4).

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


По умолчанию доступны следующие стили размером в 13 px, 14 px и 15 px:

  • Open Sans



  • PT Sans


  • Ubuntu


  • Montserrat


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

3. Установите ширину сайта


Чтобы сайт выглядел современно и оставался максимально удобным для ваших пользователей, рекомендуем с помощью инструментов Яндекс.Метрика или Google Analytics узнать какое разрешение экрана наиболее популярно среди ваших посетителей. Это позволит вам подобрать наиболее оптимальную ширину контентной области для своего сайта – в 1700 px, 1500 px, 1344 px или 1200 px.

Подробнее об интеграции с сервисами веб-аналитики, читайте здесь.

4. Выберите стиль кнопок


Решение позволяет использовать:

  • прямоугольные кнопки

  • или скругленные


5. Определите нужен ли вам декоративный отступ


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



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


6. Определите стиль заголовков


Заголовки могут быть:

  • обычные (нормальные)



  • полужирные


7. Выберите способ расположения заголовка и хлебных крошек (цепочки навигации)


Заголовок с цепочкой навигации можно разместить:

  • Слева

  • По центру



8. Установите стиль оформления заголовка и хлебных крошек


Для оформления заголовка и хлебных крошек доступны следующие варианты:

  • На белом фоне 1 (цепочка навигации над заголовком)

  • На сером фоне 1 (цепочка навигации над заголовком)



  • На белом фоне 2 (цепочка навигации под заголовком)




  • На сером фоне 2 (цепочка навигации под заголовком)




9. Выберите тип поиска


Решение предлагает 2 типа поиска:

  • «На весь экран» – поиск по сайту будет перекрывать собой все содержимое

  • «Выпадает сверху» – поисковая строка будет разворачиваться над содержимым сайта


10. Установите свое положение внутреннего меню


Боковое меню внутри разделов, а также элементы под ним (боковой баннер, кнопки «Заказать звонок», «Написать сообщение», «Оставить отзыв» и «Ближайший офис»), можно разместить:

  • слева от контента


  • или справа от него


11. Включите или отключите отображение кнопки печати страницы


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



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

Формы

В этом уроке мы с вами выставим общие настройки для форм обратной связи:

  1. Включим в формах специальный пункт, который будет требовать от пользователей согласие на сбор, хранение и обработку его персональных данных;
  2. Определим способ открытия форм;
  3. Включим отображение нужных вам кнопок с формами «Оставить отзыв», «Задать вопрос», «Заказать звонок» и/или «Контакты»

Откройте виджет на вкладке «Формы». Здесь:

1. Сместите переключатель «Информирование об обработке персональных данных» вправо


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


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

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

Если вы хотите изменить подпись и отредактировать страницу с описанием политики компании, рекомендуем ознакомиться с этим уроком.


2. Выберите тип (способ) открытия формы



Формы обратной связи могут открываться в:

  • боковой панели




  • pop-up окне, перекрывающем содержимое проматриваемой страницы



3. Сместите вправо ползунки тех кнопок, которые нужны вашим пользователям для быстрого доступа к формам «Оставить отзыв», «Задать вопрос», «Заказать звонок» и/или «Контакты»





Каждая упомянутая форма привязана к 2м кнопкам, которые размещаются:

  • под внутренним меню (вариант «в боковой колонке»)



  • с правой стороны браузера (вариант «летающая»)




Решение позволяет использовать как одну кнопку, так и обе одновременно.

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




Продукция

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

Откройте в виджете вкладку «Продукция» и:

1. У параметра «Корзина» сместите ползунок вправо, чтобы включить корзину, влево – выключить


Активная настройка «Корзина» (1) также включает отображение дополнительного параметра, позволяющего выбрать где должна находиться корзина (2):

  • в шапке


  • или сбоку


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




2. По аналогии с корзиной включите или отключите фильтр товаров



Как и в случае с корзиной, у активного параметра «Фильтр» (1) есть дополнительная настройка (2). Она позволяет выбрать положение фильтра относительно содержимого каталога:
  • над товарами (горизонтальный фильтр)


  • сбоку (вертикальный фильтр)


3. Укажите как вести себя картинке анонса товара при наведении на нее курсора в способе отображения каталога «Плитка»


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



Или оставаться на месте (вариант «Обычный»):



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

4. Выберите шаблон для списка разделов каталога



Перечень категорий товаров можно представить:

  • с картинками

    • в виде блоков без бокового меню



  • списка без бокового меню


  • списка с меню


  • с иконками

    • в виде блоков без бокового меню




  • списка без бокового меню




  • списка с меню



5. Определите как отображать детальную страницу товара



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



Или разместить содержимое некоторых блоков (например, «Описание», «Характеристики», «Вопросы и ответы», «Документы» и т.д.) под одноименные табы:




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

Решение Аспро: Priority поддерживает функцию «Личный кабинет».



Вы можете включать и отключать его через виджет настроек.

Чтобы включить использование ЛК, перейдите на одноименную вкладку и переместите ползунок «Личный кабинет» (1) вправо. Также здесь определите как отображать ФИО пользователя (2).


Если вы сместите переключатель второй настройки вправо, то форма с ФИО будет выглядеть так:



Если влево – так:





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

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

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

1. Выберите цвет шапки


Шапка мобильного меню может быть:

  • белая



  • или цветная




2. Определите способ отображения мобильного меню



Мобильное меню может выдвигаться слева:




Или выпадать сверху:






3. Выберите тип меню



Под типом меню имеется в виду его содержание:

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




  • Краткое – меню содержит только названия разделов





4. Установите цвет мобильного меню




Для мобильного меню доступно 2 цвета:
  • светлый



  • и темный


Баннеры

Решение Аспро: Priority содержит 9 рекламных областей:

  1. Сверху над шапкой;
  2. Сверху под шапкой;
  3. Под боковым меню;
  4. Над контентом;
  5. Под контентом;
  6. Внизу страницы


Футер

В решении вы можете настроить не только верхнюю часть сайта (шапку), но и его подвал:



Откройте виджет на вкладке «Футер». Здесь находятся шаблоны наиболее популярных видов подвала сайта. Выберите тот, который лучше всего подходит вам – подробный, компактный, средний; темный или светлый:




Разделы

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


«Контакты»



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

  • «Компактный»




  • «Компактный 2»




Если же у вас есть представительства в других городах, рекомендуем обратить внимание на шаблоны:
 
  • «С филиалами и выбором региона»





  • «С центральным офисом и филиалами»




 

«Лицензии»


Лицензии в одноименном разделе можно представить в виде:

  • блоков без дополнительной информации

  • списка с дополнительными сведениями

«Карьера»


Для списка вакансий из раздела «Карьера» доступны 2 шаблона:

  • «Аккордеон» – клик по вакансии открывает подробности здесь же в развороте

  • «Список» – клик по вакансии открывает подробности на отдельной странице


Вид страницы с требованиями к кандидату и описанием условий труда:



«Отзывы»


В разделе с отзывами вы можете изменить положение информации об авторе – разместите его:

  • над описанием

  • или справа от него

«Производители»



Анонсы производителей, как и партнеров, можно разместить в виде:

  • Блоков


  • Списка



  • Плитки из логотипов



«Партнеры»


Перечень партнеров можно представить в виде:

  • блоков


  • списка


  • плитки из логотипов

«Команда»



Вы можете разместить карточки ваших специалистов в виде:
  • списка с контактными данными справа от фотографий небольшого размера


  • списка с контактными данными и небольшой дополнительной информацией справа от фотографий более крупного размера



  • плитки с ФИО и названием должности под фотографией (контактные данные и кнопку «Написать сообщение» можно увидеть в шторке, которая раскрывается снизу вверх при наведении указателя на фото)


  • плитки с ФИО и названием должности поверх фотографии (как и в предыдущем шаблоне, контактные данные можно увидеть при наведении указателя на фото)


«Пресс-центр»


Анонсы новостей в «Пресс-центре» можно представить в виде:

  • списка


  • плитки

«Проекты»


Для раздела с готовыми проектами доступны следующие шаблоны:
  • «Списком с меню»


  • «Блочный с меню»



  • «Блочный по разделам» – проекты можно распределить по направлениям деятельности компании (шаблон поддерживает анонсы разного размера)



  • «Блочный 2 по разделам» (используются блоки одинакового размера)


  • «Блочный по годам» – проекты сортируются в хронологическом порядке (поддерживаются блоки разного размера)



  • «Блочный 2 по годам» (используются блоки одинакового размера)


«Документы»


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

  • Блоков


  • Списка

Шапка

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

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


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


Например, так будет выглядеть шапка № 9, залитая синим цветом:




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



Например, шапка № 3 на главной будет иметь следующий вид:




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


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




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

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

Настройки для главной страницы:

  • Тип главной страницы – готовые варианты с настройкой отображения блоков и возможностью изменять компоновку главной
  • 9 вариантов отображения блока услуг, 3 – блока «Сотрудники» и 10 – блока «Продукция».

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

Настройка главной страницы через виджет

Раскройте виджет и перейдите на вкладку «Главная». Сюда в удобной форме из Центра управления Аспро выведены настройки для главной страницы сайта. Давайте вместе настроим вашу главную страницу и заодно рассмотрим каждую настройку подробнее.

1. Выберите тип главной в переключателе


В решении Аспро: Priority доступно 4 готовых типа главной страницы. Вы можете просмотреть особенности типов прямо в переключателе – перемещайтесь между вкладками и раскрывайте превью предложенных вариантов с помощью стрелки внизу области предпросмотра:


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

Если вас полностью устраивает один из вариантов, настроенный по умолчанию, вы можете перейти сразу к шагу 4. Хотите адаптировать решение под свой бизнес еще сильнее? Тогда читайте дальше.

2. Оставьте только необходимые блоки и разместите их так как нужно вам

Конструктор Аспро: Priority предлагает вам 14 блоков, из которых составляется главная страница сайта. С их помощью вы можете:

  • красочно представить посетителям специальное предложение, анонсировать новую акцию, товар, услугу и т.п, привязав нужные разделы или страницы сайта к большим или плавающим баннерам
  • вывести перечень услуг и/или категорий товаров
  • привлечь внимание посетителей к определенным разновидностям товара (речь идет о блоке «Наша продукция» (в виджете «Каталог») – в нем выводятся товары помеченные как «Хит», «Новинка», «Акция», «Мы советуем»)
  • разместить слайдер с отзывами клиентов, перечнем партнеров и/или ваших специалистов
  • добавить на главную наиболее интересные проекты из портфолио и/или статьи из раздела «Пресс-центр»
  • кратко обозначить преимущества сотрудничества с вами
  • немного рассказать о своей компании и показать где находится ваш ближайший офис
  • вывести дополнительно информационный блок, с привязанными формами обратной связи
В выбранном типе не хватает какого-то блока? Вы можете его включить. В составе есть блок, который вы не хотите использовать? Отключите его. Не устраивает последовательность блоков на странице? Установите свою.

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


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


В решении также предусмотрена настройка содержания главной на лету. Новая технология Аспро.ДизайнМенеджер позволит вам компоновать блоки прямо на главной странице. Подробности ищите здесь.

3. Определите внешний вид используемых блоков

Сменные шаблоны имеют следующие блоки:

  • «Услуги»
  • «Проекты»
  • «Продукция»
  • «Отзывы»
  • «О компании»
  • «Тизеры»
  • «Сотрудники»
  • «Партнеры»
  • «Контакты»
Подробнее с вариантами внешнего вида каждого из перечисленных блоков вы можете ознакомиться в виджете настроек или здесь.

Примечание: В виджете настроек отображаются наборы шаблонов только для включенных блоков.

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

4. Сохраните изменения

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




Настройки меню

Настроили шапку сайта? Пора настраивать внешний вид ее выпадающего меню. Перейдите на вкладку «Настройки меню» и:

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


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

Так выглядит меню с изображениями слева:

  • в виде иконок


  • в виде картинок


  • так с изображениями над пунктами:

  • а так выглядит меню без изображений:


2. Укажите сколько колонок отображать в меню обычной и фиксированной шапки (если она используется)

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


Для фиксированной – «для широкого».


В обычной и фиксированной шапке пункты меню можно разместить в:

  • 2 колонки


  • 3 колонки

  • 4 колонки


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


Подпункты меню можно разместить

  • в строку


  • или в столбец






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

Виджет настроек позволяет быстро и удобно подобрать параметры внешнего вида сайта, просмотреть доступные варианты и выбрать наиболее подходящий дизайн. В предыдущем уроке рассказали о возможностях виджета. При этом настройки можно не только применять, но и сохранять. Также отметим, что в решениях Аспро: Next и Аспро: Шины и диски 2.0 рядом с виджетом (1) располагается конфигуратор (2). Он содержит наиболее удачные и полезные комбинации настроек виджета.



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



Разберем порядок действий на примере решения Аспро: Next.

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


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

Аспро: Priority позволяет создать главную страницу с учетом интересов ваших посетителей. Например, вывести в верхнюю ее часть ту информацию, которая их больше всего интересует. Это возможно благодаря встроенному конструктору главной страницы. С его помощью вы можете управлять 14 блоками – их можно включать/отключать и перетаскивать на нужное место.

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

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

Обзор элементов главной страницы


   Для составления и компоновки главной страницы доступны следующие элементы:

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

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


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



  2. Плавающий баннера 

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


   3. Услуги

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

   4. Проекты

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



   5. Продукция

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



   6. Каталог

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



   7. Отзывы

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



   8. О компании

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


   9. Тизеры

Краткое и лаконичное представление преимуществ сотрудничества с вами и особенности предлагаемого сервиса.



   10. Наша команда

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



   11. Пресс-центр

Элемент, анонсирующий важные на ваш взгляд новости из одноименного раздела.



   12. Наши партнеры

Слайдер с узнаваемыми логотипами ваших бизнес-партнеров.




   13. Контакты

Блок, информирующий клиентов о расположении вашего офиса и филиалов (если они есть).



   14. Информационный блок

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



Типы главной страницы

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

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



Примечание: Виджет настроек отображается, если в настройках решения (Рабочий стол → Аспро: Priority → Настройки) включен переключатель тем.



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



Если вы хотите изменить вариант, настроенный по умолчанию, раскройте параметры главной страницы (2).

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


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



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



В административной части сайта настройки главной страницы находятся в центре управления Аспро: Priority → Настройки.



В одноименной группе параметров вы найдете переключатель типов (1) и конструктор (2).


Рассмотрим подробнее типы и их различия.

1 тип главной страницы

В первом типе главной страницы по умолчанию активны 10 блоков:
  1. «Большие баннеры»;
  2. «Плавающие баннеры»;
  3. «Услуги»;
  4. «Отзывы»;
  5. «О компании»;
  6. «Тизеры»;
  7. «Наша команда»;
  8. «Пресс-центр»;
  9. «Наши партнеры»;
  10. «Информационный блок».

Их последовательность соответствует порядку в виджете настроек:



При желании вы можете добавить в состав страницы неактивные блоки («Проекты», «Продукция», «Каталог», «Контакты»).

Тип отличают от других шаблоны следующих блоков:

  • Большие баннеры – в этом варианте главной большие баннеры заполняют всю ширину страницы и фон шапки


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



  • Слайдер с отзывами – за раз отображает только один элемент с данными об авторе, размещенными над текстом

  • Блок «О компании» – с левой стороны выводит текст и кнопки навигации, а с правой – прямоугольную картинку с привязанным видео


  • Блок с тизерами – по умолчанию выводятся 4 элемента с описанием под иконкой

  • Слайдер «Наша команда» – представляет одного сотрудника за раз. Слева находится фото в круглой рамке, справа – контактная информация и краткие сведения о специализации


  • Для слайдера с логотипами партнеров используется шаблон с заголовком



2 тип главной страницы

Второй тип главной страницы состоит из 8 элементов. Это:
  1. «Большие баннеры»;
  2. «Продукция»;
  3. «О компании»;
  4. «Тизеры»;
  5. «Каталог»;
  6. «Наши партнеры»;
  7. «Пресс-центр»;
  8. «Контакты».


Также доступны, но не активны: «Плавающие баннеры», «Услуги», «Проекты», «Отзывы», «Наша команда», «Информационный блок».

Рассмотрим используемые в типе шаблоны:
  • Большие баннеры – блок использует тот же шаблон, что и 1й тип


  • Категории продвигаемых товаров в блоке «Продукция» представлены в виде картинок. Располагаются они плиткой в правой части блока. В левой находится небольшое описание


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



  • Блок с тизерами в этом типе состоит из 3х элементов, а описание выводится сбоку


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


  • Для блока с картой включен вариант для компании без филиалов

3 тип главной страницы

Главная страница третьего типа содержит 9 элементов:

  • «Большие баннеры»;
  • «Тизеры»;
  • «Услуги»;
  • «Проекты»;
  • «О компании»;
  • «Отзывы»;
  • «Пресс-центр»;
  • «Контакты»;
  • «Информационный блок».

 

Дополнить ее содержимое можно плавающими баннерами, блоком с категориями товаров, отобранными из каталога предложениями («Акция», «Хит», «Мы советуем», «Новинка»), слайдерами с сотрудниками и/или логотипами партнеров.

Перечислим шаблоны, отличающие этот тип от других:

  • Блок с большими баннерами в этом типе дополнен маленькими с правой стороны



  • Как и в 1м типе, используется блок с 4 тизерами

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

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


  • Блок «О компании» использует альтернативное изображение, заполняющее собой фон текста, и активную картинку, которая выводится справа от текста


  • В этом типе для блока «Отзывы» включен тот же шаблон, что и в 1м


  • Блок с картой использует шаблон, разработанный для компаний с филиалами

4 тип главной страницы

Четвертый тип самый полный. В этом варианте активны все 14 блоков и расположены они следующим образом:

  1. «Большие баннеры»;
  2. «Плавающие баннеры»;
  3. «Услуги»;
  4. «Проекты»;
  5. «Продукция»;
  6. «Каталог»;
  7. «Отзывы»;
  8. «О компании»;
  9. «Тизеры»;
  10. «Наша команда»;
  11. «Пресс-центр»;
  12. «Наши партнеры»;
  13. «Контакты»;
  14. «Информационный блок».


Данный тип применяет следующие шаблоны:

  • Для оформления больших баннеров используется шаблон из 1го типа



  • Блок с категориями услуг имеет вид списка в две колонки. Каждая категория услуги оформлена картинкой и перечнем входящих в нее элементов.


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


  • Категории каталога в блоке «Продукция» представлены картинками и располагаются они плиткой



  • Авторы отзывов в соответствующем блоке размещаются справа от текста


  • Для блока «О компании» включен тот же шаблон, что и во 2м типе


  • Здесь используется 4 тизера преимуществ с описанием снизу


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


  • Блок «Наши партнеры» использует шаблон без заголовка


  • Блок «Контакты» настроен для компании с филиалами



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

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

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

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

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

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

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


Переключитесь на вкладку «Главная». Здесь находятся:

  1. переключатель типов главной;
  2. конструктор страницы;


   3. перечень доступных шаблонов.



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


Сместите переключатель вправо, чтобы активировать блок, влево – деактивировать.


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



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


Действия, доступные в публичной части сайта (кроме возврата настроек по умолчанию), можно также произвести в центре управления Аспро: Priority → Настройки.



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


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


Чтобы сохранить изменения нажмите «Применить».


Шаблоны

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

«Услуги»



Блок с категориями услуг на главной можно оформить 9 способами:

  1. С табами и картинками

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

   2. С табами и иконками

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


   3. С картинками и текстом слева

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



   4. С иконками и текстом слева

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


   5. С картинками и подразделами

Блок имеет вид списка категорий, разбитого на 2 колонки. Анонсы категорий представлены в виде картинки (слева), названия и перечня входящих в нее услуг (справа).

   6. С иконками и подразделами

Аналог 5-го шаблона, использующий вместо картинок для анонсов категорий иконки.


   7. С картинками и описанием

Шаблон похож на вариант №5, но вместо подразделов здесь используется описание направления деятельности компании.

8. С иконками и описанием

Аналог предыдущего шаблона с иконками вместо картинок.

   9. С иконками и названием

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

«Проекты»


Блок проекты имеет 2 шаблона:

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



   2. Блочный 2 – размещает анонсы проектов плиткой по 3 штуки в 2 ряда. Анонсы имеют одинаковый размер.


«Продукция»



Для блока с категориями товаров доступно 10 шаблонов. Они аналогичны шаблонам для раздела «Услуги», поэтому не будем останавливать на них подробно, а просто перечислим:
 
  1. С табами и картинками



 
   2. С табами и иконками



   3. С картинками и текстом слева



   4. С иконками и текстом слева


   5. С картинками и подразделами



   6. С иконками и подразделами



   7. С картинками и описанием



   8. С иконками и описанием



   9. С картинками и названием


   10. С иконками и названием

«Отзывы»


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

  1. Сверху



   2. Справа


«О компании»


Блок «О компании» можно представить:

  1. С текстом и прямоугольной картинкой

Блок содержит текст, дополненный 2мя кнопками. Одна привязана к странице «О компании», другая – к форме обратной связи «Задать вопрос». Справа от текста располагается прямоугольная картинка. Это единственный шаблон, в котором изображение активно. Клик по нему вызывает видеопроигрыватель.



   2. С текстом и картинкой без фона

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


   3. С текстом, картинкой и фоном

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


   4. С текстом слева и текстом с иконками справа

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



«Тизеры»


Доступны 2 варианта отображения тизеров:

  1. 3 в ряд с описанием сбоку


    2. 4 в ряд с описанием снизу

  • «Сотрудники»


Блок с сотрудниками на главной может быть:

  1. С большой картинкой

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



    2. С текстом в картинке

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


    3. С текстом под картинками

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

«Сотрудники»

Блок с сотрудниками на главной может быть:

  1. С большой картинкой

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



    2. С текстом в картинке

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


    3. С текстом под картинками

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

«Партнеры»


Блок с логотипами партнеров может быть:

  1. с заголовком



    2. без заголовка

«Контакты»



Для блока с картой разработано 2 шаблона:
  1. Для компаний без филиалов (один офис)



    2. Для компаний с множеством представительств (с филиалами)

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

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

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

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

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


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



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

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

Контакты

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


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



Управлять карточками вы можете в админке. Для этого перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Контакты. Если вы используете распределение филиалов по разделам, откройте тот раздел, сведения в котором требуют изменений.



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

Чтобы выделить из всех офисов главный или вывести контактные данные в блок с шаблоном «Один офис», установите в карточке соответствующую отметку:



Подробнее о карточках с информацией об офисах, читайте главу «Контакты».

Наши партнеры

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


В данном блоке выводятся все элементы одноименного раздела. Его карточки в админке хранятся в Рабочий стол → Контент → Контент (aspro.priority) → Партнеры.




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

Узнать подробнее о том, как редактировать карточки партнеров вы можете из этого урока.

Информационный блок

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




Как уже упоминалось в описании редактирования блока «О компании», найти набор настроек в админке вы можете в Рабочий стол → Контент → Контент (aspro.priority) → Статичные страницы.




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

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

Чтобы заменить демо-данные информационного блока на свои, пролистайте карточку с настройками для статичных страниц до группы «Есть идеи, но не знаете с чего начать?»:


И:

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

Дополнительные баннеры справа от основного

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


Добавить новый маленький баннер можно только в админке. Перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Верхние маленькие баннеры. Нажмите одноименную кнопку, чтобы добавить новый баннер (1).


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

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

Плавающие баннеры

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


Для управления плавающими баннерами из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Плавающие баннеры.


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

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

Тизеры

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


Полное управление над содержимым блока доступно только в админке. Откройте Рабочий стол → Контент → Контент (aspro.priority) → Тизеры.


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

Создавая новый тизер, в его карточке вы можете:

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

Услуги

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



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



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



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

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

Проекты

Блок с проектами в публичной части сайта позволит вам добавить новый проект (1), изменить (2) или удалить (3) выделенный.


То же самое вы можете проделать в админке в Рабочий стол → Контент → Контент (aspro.priority) → Проекты. Откройте раздел, в котором нужно изменить или удалить проект или добавить новый. В качестве примера перейдем в раздел «Киберпреступления».


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

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


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

Продукция

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


Как и в случае с блоком с услугами, полное управление содержимым доступно в административной части сайта. Откройте Рабочий стол → Контент → Каталог (aspro.priority) → Продукция.


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

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


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

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

Каталог

Блок «Наша продукция» позволит вам изменить (1) или удалить (2) выделенный в режиме правки товар.



Чтобы вывести товар в этот блок, откройте его карточку в админке (Рабочий стол → Контент → Каталог (aspro.priority) → Продукция) или в публичке со страницы с детальным описанием. На основной вкладке установите галку «Отображать в слайдере на главной» (1), а в перечне «Хит продаж» (2) выберите в какой категории должен находиться товар: «Хит», «Новинка», «Мы советуем» и/или «Акция».


После сохранения изменений на анонсе товара появится соответствующий стикер.

О компании

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


В админке эти же настройки вы можете найти в Рабочий стол → Контент → Контент (aspro.priority) → Статичные страницы.


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

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

Для настройки блока «О компании» пролистайте параметры карточки до одноименной группы.



Здесь вы можете:

  • Загрузить несколько изображений (4 – 7) для разных шаблонов блока;

  • Выбрать какие тизеры должны отображаться в шаблоне «С текстом слева и текстом с иконками справа» (8);

  • Указать свои заголовок (1) и описание (12);

  • Привязать к кнопке «Подробнее» нужную вам страницу (2);

  • Активировать или отключить кнопку «Начать сотрудничество», вызывающую форму обратной связи «Задать вопрос» (3);

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

    • файл с используемого вами сервера – видео из файла;

    • со стороннего ресурса – html embed код <iframe></iframe>.

Отзывы

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


Содержимое блока формируется из карточек, хранящихся в Рабочий стол → Контент → Контент (aspro.priority) → Отзывы клиентов.


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

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

Наша команда

В режиме правки через блок с сотрудниками можно изменить (2) или удалить (3) их карточки, а также добавить новые (1).



То же самое вы можете проделать в админке. Для этого перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Команда. Если вы используете распределение карточек сотрудников по разделам (например, отделам), откройте раздел, в состав которого требуется внести изменения. Для примера откроем раздел «Руководители».



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


Карточки сотрудников и разделов подробно рассматриваются в этом уроке.

Пресс-центр

В данном блоке в режиме правки доступно изменение (2), удаление (3) выделенного элемента и создание нового (1).



Карточки новостей, выводимых в этом блоке, в админке вы можете найти в Рабочий стол → Контент → Контент (aspro.priority) → Пресс-центр. Если вы сортируете новости по типу (разделам), откройте раздел, в котором должна содержаться редактируемая новость. Например, раздел «Пресс-релиз».



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

В блок «Пресс-центр» на главной выводятся не все новости, а только те, для которых в карточке вы установите соответствующую метку:


Подробнее о настройке статей и разделов читайте здесь.

Информационный блок

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


Как уже упоминалось в описании редактирования блока «О компании», найти набор настроек в админке вы можете в Рабочий стол → Контент → Контент (aspro.priority) → Статичные страницы.



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

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

Чтобы заменить демо-данные информационного блока на свои, пролистайте карточку с настройками для статичных страниц до группы «Есть идеи, но не знаете с чего начать?»:


И:
  • при необходимости смените заголовок в одноименном поле (1);
  • включите или отключите кнопки с привязанными формами «Обратный звонок» и «Оставить заявку» (2);
  • загрузите свою картинку (3) и добавьте свое описание (4).

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

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

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



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


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


В качестве примера поменяем местами блоки с плавающими баннерами и услугами.


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



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



Проделать то же самое можно в админке можно в Рабочий стол → Аспро: Priority → Настройки.



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




Баннеры

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

Типы баннеров

В состав главной страницы сайта входят 3 вида баннеров:

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

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

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



Создание и редактирование баннеров

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

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

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

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


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


Для редактирования баннеров в админке перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Большие банеры.


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

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

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

Вкладка «Элемент»

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

Вкладка «Видео»

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


Для этого:

  • установите галку «Показывать видео» (1), чтобы сделать его доступным для пользователей;
  • загрузите видеофайл в систему (10) и/или привяжите ролик с youtube (9) (подробнее в уроке «Добавление видеоролика с «Youtube»»);
  • укажите его источник (8) – видео из файла или «html embed код <iframe></iframe>», соответственно;
  • установите галку «Повторять видео» (5), если требуется зациклить воспроизведение ролика;
  • для отключения звука, установите галку у одноименного параметра (7).

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

Если вы хотите использовать видеоролик вместо статичной картинки, активируйте «Автовоспроизведение» (5). Если же вы хотите позволить пользователям самостоятельно решать смотреть ролик или нет, снимите галку «Автовоспроизведение» и привяжите видео к кнопке. Для этого дайте кнопке название (2) и при необходимости определите ей нужный стиль оформления (3) (подробнее о стилях оформления в главе «Рекомендации для графических материалов»).

Также дополнительные настройки позволяют «подогнать» размер видео под параметры области для больших баннеров (6) и выбрать цвет подложки (11):

  • темный



  • светлый

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

Текст, выводимый поверх баннера, указывается на вкладке «Анонс». Инструменты визуального редактора помогут вам оформить описание.



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

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

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


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

Добавление видеоролика с «Youtube»

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



В открывшемся окне кликните «Копировать». Код видео будет помещен в буфер обмена.




 Вернитесь к карточке баннера и вставьте скопированный код в соответствующее поле (2).





Также выберете здесь в качестве источника видео «html embed код <iframe></iframe>» (1) и сохраните изменения.


Дополнительные баннеры справа от основного

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

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


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



Для добавления нового маленького баннера перейдите в админке в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Верхние маленькие баннеры.




Под создание нового элемента отведена отдельная кнопка (1).

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

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



Здесь вы можете:

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


  • указать цвет названия раздела и заголовка на баннере: светлый или темный (8)
  • привязать к баннеру страницу (7)
  • определить на какой позиции будет располагаться баннер (4) – низкий индекс сортировки поднимет баннер наверх, высокий спустит вниз.

Плавающие баннеры

Карточки плавающих баннеров в админке хранятся в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Плавающие баннеры.



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

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


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


Создание и изменение плавающих баннеров происходит с помощью редактора карточек. Рассмотрим параметры плавающего баннера подробнее.




В карточке рассматриваемого элемента вы можете:

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

Виджет Instagram

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

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

Чтобы включить отображение Instagram на главной странице откройте виджет (1) в публичной части сайта и переключитесь на вкладку «Главная» (2). Нажмите на «Параметры главной страницы».



Активируйте Instagram на главной, если он у вас выключен. И примените настройки.



На этой же вкладке вы можете выбрать вид отображения виджета на главной странице:
  • Слайдером
  • Плиткой
  • Блочный.

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

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



В категории «Главная» поставьте галочку напротив «Инстграм» на главной и нажмите «Применить». Виджет стал активен. На этой же странице можно настроить вид отображения виджета:

  • Плиткой



Так выглядит отображение на главной странице
  • Слайдер



Вид на сайте:


  • Блочный


Вид на сайте:


Получение 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;amp;response_type=token

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

22. Скопируйте из адресной строки Access Token: 339269743.bf790cc.6748a35121c8421d9629c5f0e45d5e88

23. Перейдите в административную часть вашего сайта: Аспро: Priority → Настройки. Найдите поле API token для инстаграма. Скопируйте туда код Access Token и нажмите кнопку «Применить».



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



Дизайн-Менеджер Аспро

Дизайн-Менеджер Аспро – это удобный и простой в использовании инструмент, который позволит вам изменять дизайн и оформление вашего сайта на лету. Вы сможете:

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

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



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



Чтобы добавить эти блоки на страницу, нажмите символ «+» рядом с необходимым блоком и он тут же отобразится.

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



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



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


Функционал работы с баннерами аналогичен работе с блоками – вы можете переместить их вверх или вниз на странице или совсем отключить.


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


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


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


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

Компания

О компании

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



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



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



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


Команда

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

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

Карточки сотрудников (1) сгруппированы по отделам (разделам) (2). У каждого отдела есть свое описание (3). Также в начале страницы можно разместить дополнительный текст (4).



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



Располагать элементы (карточки сотрудников) можно 4 способами: на выбор представлено 2 вида блочного отображения и 2 вида отображения списком.

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

  • в виджете



На вкладке «Разделы»:


  • в центре управления: Рабочий стол → Аспро: Priority → Настройки, блок «Разделы»





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


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



Управление разделами

Изменять, удалять или добавлять новые разделы (отделы компании) можно только в административной части сайта. Откройте Рабочий стол → Контент → Контент (aspro.priority) → Команда.



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

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

Управление элементами (карточками сотрудников)

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

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



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



Для управления карточками сотрудников из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Команда и откройте нужный раздел (например, «Руководители»).



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

Рассмотрим содержимое карточки сотрудника.

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


Кнопка для связи с сотрудником и его контакты отобразятся:
  • в анонсе (для вариантов внешнего вида «Блочный» нужно навести указатель на фото)


  • на детальной странице сотрудника


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



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



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


  • отзывов клиентов

  • проектов


  • услуг


Для этого перейдите на вкладку «Связи» и привяжите нужные элементы.




На вкладке «Разделы» вы можете соотнести карточку сотрудника с другим отделом.



Партнеры

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

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



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

  • блочный (контактные данные и краткое описание помещаются под логотипом)


  • список (контактные данные и краткое описание помещаются сбоку от логотипа)

  • только логотипы (узнать подробности пользователь может только на детальной странице партнера – об этом ниже)



Смена способа отображения карточек доступна:

  • в виджете настроек



На вкладке «Разделы»:



  • в центре управления: Рабочий стол → Аспро: Priority → Настройки, в блоке «Разделы»




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



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


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

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

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



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

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



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



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


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

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

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

Для управления из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Партнеры. Откройте раздел, в котором должна храниться карточка — например, «Сервисы и инструменты».



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

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



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



Эти же элементы можно вызвать на детальной странице партнера. Они отобразятся внизу.




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



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



    • на детальной странице партнера


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



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



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




На вкладке «Связи» к детальной странице привязываются:




  • проекты (1)

  • услуги (2) 



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



Количество элементов в строке для раздела «Партнеры»

В Аспро: Приорити, начиная с версии 1.0.6, вы можете задавать количество элементов в строке от 1 до 5 для раздела «Партнеры». Функция доступна при типах страницы «Блочный» и «Только логотипы». Задавайте то количество, которое будет оптимальным для вашего проекта. Например, если у вас 6 партнеров, то будет красивее, если они расположатся в 2 строки по 3 элемента в каждой.

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

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

Реквизиты

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



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



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



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


Вопросы и ответы

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



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



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

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

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



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



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



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



Визуальный редактор позволяет не только менять текст, но и форматировать его. Для этого используйте панель инструментов:


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

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

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



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



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



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

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



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


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

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

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



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



Для управления из админки откройте Рабочий стол → Контент → Контент (aspro.priority) → Вопросы и ответы и перейдите в раздел, в котором должен отображаться вопрос. Например, «Общие вопросы».



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

Добавление и изменение вопроса происходит с помощью редактора карточек.



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


Карьера

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

Наверху страницы отображается «визитка» с кнопкой и контактными данными отдела кадров:



Под «визиткой» выводится перечень вакансий. Его оформление зависит от выбранного шаблона раздела: аккордеон или список.

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



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


Кроме описания вакансии — условий труда, требований и пожеланий, на детальную страницу вакансии можно добавить:

  • изображение



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


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

  • с помощью виджета настроек на вкладке «Разделы»




  • в центре управления: Рабочий стол → Аспро: Priority, группа «Разделы»




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

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



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

Для внесения изменений через админку перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Статичные страницы.



Для перехода к параметрам, вызовите меню кнопки «Гамбургер» и нажмите «Изменить». Далее найдите группу «Карьера». Здесь:
  • включается/отключается кнопка «Отправить резюме» (1);
  • указываются контактное лицо (2), его e-mail (3) и телефон (4);
  • загружается изображение (5).



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



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

Внимание! Удаление элемента влечет за собой удаление всех настроек статичных страниц – для визитки и блоков «О компании» и «Есть идеи, но не знаете с чего начать?» на главной.




Управление разделами

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

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



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

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



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



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



Здесь же добавляется небольшое описание для отдела (3), которое выводится перед списком вакансий:

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

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

Добавить новую вакансию можно:
  • В шаблоне «Аккордеон» — только в админке.
  • В шаблоне «Список» — как из админки, так и из публички.
Для управления карточками вакансий из публички переключитесь в режим правки.




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



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



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



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

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



Содержимое полей из группы «Значения свойств» отобразится:

  • в анонсе вакансии



  • на странице с подробным описанием (актуально только для вида раздела «Список»)



На вкладке «Анонс» вы можете загрузить изображение для анонса (1) и добавить к нему небольшое описание (2).



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



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



Здесь же вы можете добавить изображение (1) для оформления детальной страницы.



Познакомьте кандидата с кем и чем именно ему предстоит работать (актуально только для внешнего вида «Список») – привяжите к детальной странице вакансии:

  • сотрудников



  • предлагаемые услуги



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



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



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



Документы

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

Доступно 2 варианта внешнего вида:
  • Блочный



  • Списком


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

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





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



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

В админке шаблоны переключаются в центре управления: Рабочий стол → Аспро: Priority → Настройки.



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


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

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

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

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



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



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



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

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



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



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


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

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

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



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



В административной части сайта управлять документами можно в Рабочий стол → Контент → Контент (aspro.priority) → Документы. Если вы используете распределение документов по категориям, откройте нужный раздел. Рассмотрим на примере раздела «Сертификаты».



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

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


Производители

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

  • Блоков



  • Списков

  • Только логотипов


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

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



Переключитесь на вкладку «Разделы» (1) и выберите нужный вариант.



Чтобы сохранить изменения, нажмите одноименную кнопку (2).

В админке изменить внешний вид раздела можно в Рабочий стол → Аспро: Priority → Настройки.


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



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

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

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



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

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



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



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



Кнопки изменения и удаления элемента открывают редактор карточки. Здесь на вкладке «Производитель» вы можете:

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


Логотип компании загружается на вкладке «Анонс».



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



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



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



А товар — на странице производителя.



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



Отзывы

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

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


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



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

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

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

  • сверху над описанием


  • справа от описания


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

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


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


В админке шаблоны переключаются в Рабочий стол → Аспро: Priority → Настройки.


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


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

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


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


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


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

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



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


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

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


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


  • Рейтинг (8) – оценка качества оказанных клиенту услуг (по 5-бальной шкале);
    Отзыв (9) – описание впечатлений от сотрудничества;
    Ответственный сотрудник (10) – сотрудник, ответственный за оказанную клиенту услугу/выполненную работу;
  • Ответ (11) – поле для ответа вашего представителя на отзыв клиента;



  • Фотография (12) – фото клиента, оставившего отзыв;
  • Логотип компании (13) – лого компании, которую представляет клиент. Отображается, если фото клиента не загружено.


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




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

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

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



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



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

Продукция

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



Для страницы основного раздела доступно 6 вариантов оформления:

  • Блочный с картинками



  • Список с картинками



  • Список с картинками и меню



  • Блочный с иконками




  • Список с иконками




  • Список с иконками и меню





Настройки раздела «Продукция»

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


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



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


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



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


Для переключения внешнего вида в админке перейдите в центр управления Аспро: Priority → Настройки.


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



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

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

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


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



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


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

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

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



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



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

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




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




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

  • в виде плитки


  • списка


  • прайса




Для способа отображения товара в виде плитки есть дополнительная настройка поведения анонса при наведении на него мыши:
  1. С характеристиками – анонсная картинка сдвигается вправо, демонстрируя характеристики товара (1).
  2. Без характеристик – анонс товара не реагирует на положение курсора (2).


Эту настройку можно найти в виджете на вкладке «Продукция»:



И в центре управления Аспро: Priority → Настройки.


Параметр находится в группе «Продукция».



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

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

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



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



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



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



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




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

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

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

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





  • Активность (1) – отвечает за отображение товара на сайте
  • Название (2) – название товара (поле обязательно для заполнения)
  • Сортировка (3) – определяет, на какой позиции в списке будет отображаться товар (чем больше индекс сортировки, тем ниже/правее положение в перечне)
  • Цена для фильтра (4) – поле строго для числового значения действующей цены — без дополнительных слов (обязательно заполните его, чтобы умный фильтр выдавал этот товар в результатах и корректно работал подсчет общей суммы в корзине)
  • Статус (5) – позволяет выставить у товара статус: «в наличии», «нет в наличии», «под заказ», «ожидается» 
  • «Показывать кнопку «В корзину», «Задать вопрос», «Отображать в слайдере на главной» (6) – активируют на странице показ кнопок, привязанных к одноименным формам обратной связи
  • Производитель (7) – дополняет «визитку» товара узнаваемым логотипом
  • Хит продаж (8) – устанавливает стикеры на анонсе и в «визитке» товара, а также определяет, в какой категории («Хит», «Новинка», «Мы советуем», «Акция») выводить товар на главной 
  • Тизеры (9) – привязывает к странице соответствующие элементы
  • Примечание-подсказка (10) - показывается в списке товаров рядом с кнопкой «В корзину» и в карточке товара перед описанием для анонса.
  • Пользовательские характеристики (10) – перечень свойств товара, который вы создаете и настраиваете самостоятельно (подробнее о создании новых характеристик читайте здесь)

Активация кнопки «Задать вопрос» 

 Активация кнопки «Задать вопрос» (6) включает также плавающий блок


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



В новом окне замените текст на свой, отформатируйте его и сохраните изменения.




Как в карточке товара выглядят указанные параметры

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

  • Хит продаж (8) – устанавливает стикеры на анонсе и в «визитке» товара, а также определяет, в какой категории («Хит», «Новинка», «Мы советуем», «Акция») выводить товар на главной (в блоке «Наша продукция») 


  • Тизеры (9) – привязывает к странице соответствующие элементы

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

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


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


Внешний вид детальной страницы

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





И в центре управления Аспро: Priority → Настройки.


Также в группе «Продукция».




Вкладка «Видео»

Как добавить видео

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



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


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

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



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



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



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



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

Здесь загружается изображение для анонса товара (1).



Также для перечня товаров в виде «Список» вы можете дополнить его небольшим описанием (2).


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

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

  • заполнить верхнюю галерею (в «визитке» товара) основным (1) и дополнительными (2) изображениями;





  • заполнить фотографиями большую галерею (3), отображаемую отдельным блоком;


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




Также большая галерея показывает в верхнем левом углу количество загруженных в нее фото (1).

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




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



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


К товару можно привязать:

  • открытые вакансии


  • ответы на часто задаваемые вопросы


  • отзывы клиентов




  • партнеров

  • проекты



  • карточки сотрудников



  • похожие или сопутствующие товары



  • услуги






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

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



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

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



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

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

  • под одноименным табом


  • или отдельным блоком


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

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

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

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

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


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


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

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


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

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

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



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



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

Пример значений для свойства «Обновления», информирующая покупателя о том, что разработчики еще осуществляют техническую поддержку представленного в каталоге ПО:



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

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

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

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


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



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



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



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

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




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



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



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



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

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

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

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


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



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

  • табов




Например, табов с описанием товара, характеристиками, вопросами-ответами, документами и видео.



  • блоков для шаблона с табами



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

  • блоков для безтабового шаблона



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

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


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


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



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


После:



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


Услуги

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

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



Для услуг с направлением деятельности доступно 7 шаблонов списка раздела:

  • 1 – блочный с картинками и боковым меню


  • 2 – блочный с иконками и боковым меню

  • 3 – блочный с картинками без бокового меню


  • 4 – блочный с иконками без бокового меню



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


  • 6 – список с картинками и описанием (его также можно развернуть и увидеть перечень услуг) без бокового меню



  • 7 – список с иконками и боковым меню



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

  • 1 – с картинками и меню



  • 2 – блочный с иконками и меню


  • 3 – список с картинками и меню



  • 4 – список с иконками и меню

С версии 1.0.5 решения появилась возможность выводить услуги без разделов.

Чтобы настроить список услуг без разделов, нажимаем на шестеренку и в параметрах компонента «Новости» выбираем «Управление адресами страниц». В поле «Страница раздела» (1) убираем параметры. В странице детального просмотра также убираем параметры, которые были отображены на строке выше. Оставляем только формулировку #ELEMENT_CODE#/ (2). Нажимаем «Сохранить».


Затем перейдите в инфоблок услуг: Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.priority) → Услуги. В поле «URL страницы раздела» (2) убираем параметры. В поле (1) прописываем формулировку#SITE_DIR#services/. В поле (3) оставляем только формулировку #ELEMENT_CODE#/ (2). Нажимаем «Сохранить».


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



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



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





Разделы (направления) услуг

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



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

  • 1 – блочный с картинками


  • 2 – блочный с иконками


  • 3 – список с картинками и описанием


  • 4 – список с иконками



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

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

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


Или отдельных блоков:




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

  • в виджете настроек на вкладке «Услуги»





  • в центре управления: Аспро: Priority → Настройки, раздел «Услуги»






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

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

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


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


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



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

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

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



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



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








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






Настройка и редактирование страницы услуги

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

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



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



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



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



Для настройки и редактирования услуги из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Услуги и откройте раздел, где должна храниться услуга. Например, «Автоматизация бизнеса».


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

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





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

Здесь находятся параметры, которые позволят:







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


  • по ширине страницы (вариант по умолчанию) – картинка устанавливается над контентом и выравнивается по центру





  • добавить к описанию документы (5) (например, прайс на используемые материалы)



  • заполнить галерею изображениями (6);



Галерея позволяет:

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



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

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





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




В новом окне исправьте текст и сохраните изменения.


Вывод цен в услуги

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


С версии решения 1.0.5 цена будет выводиться автоматически как в анонсе, так и в детальной карточке услуги

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






Вкладка «Видео»

На этой вкладке к детальной странице добавляется видео. Вы можете загрузить несколько файлов на сервер, где расположен ваш сайт (1), или привязать видеоролики с youtube (2). По умолчанию отображается по 5 полей для загрузки видео. Если вам нужно больше, нажмите «Добавить» (3, 4) под нужной группой параметров.



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



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



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



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










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

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


Поле «Описание для анонса» (3) хранит текст, выводимый:

  • на баннере, если он включен


  • под основной картинкой и блоком с кнопками, если он есть





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

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


Вкладка «Характеристики»


Здесь хранятся пользовательские характеристики, выводимые:

  • в одноименном блоке


  • или под табом.


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



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

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






Привяжите:

  • примеры реализованных проектов (7)


  • список сопутствующих товаров (9)


  • перечень смежных услуг (10)

Для мотивации покупателей добавьте также:

  • действующие акции, последние новости из вашей сферы деятельности (4)


  • отзывы реальных клиентов (5)

  • часто задаваемые вопросы и ответы на них (2)


Продемонстрируйте тут же:
  • свои лицензии и сертификаты (3)

  • партнеров (6)

  • сотрудников (8)

Для привлечения кандидатов – открытые вакансии (1).



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

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

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






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

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



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

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


или отдельным блоком


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

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

Внимание! Внесение изменений в уже существующие свойства решения, настроенные по умолчанию, может привести к некорректной работе сайта. Мы не рекомендуем изменять их без навыков разработки на 1С-Битрикс.
Откройте в админке Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Контент (aspro.priority) и выберите пункт «Услуги».




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




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

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




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



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



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



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



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

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

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


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



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



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




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

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



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




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




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


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



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

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


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


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

  • Порядок отображения табов



На странице с описанием услуги он помогает настраивать порядок вкладок. На скриншоте представлен пример таких вкладок, как «Описание», «Проекты», «FAQ» (вопрос-ответ), «Документы».


  • Порядок отображения блоков для шаблона с табами



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


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

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


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


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


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



После:



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


Проекты

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

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


Для перечня проектов доступно 6 вариантов внешнего вида:

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


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


  • Блочный по годам – вид похож на вариант «блочный по разделам», но распределение проектов проходит по хронологии (годам). 



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



  • Блочный 2 по годам – не используются большие блоки


  • Блочный 2 по разделам – не поддерживаются большие блоки

Смена шаблона страницы доступна в:

  • виджете настроек, вкладка «Разделы»



  • центре управления: Аспро: Priority → Настройки, группа параметров «Разделы»


Нужный вам блок находится под желтой подсказкой для Яндекс.Карт. Это 2 настройки в виде раскрывающегося списка – блог и проекты.



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



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




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




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

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

Создавать, изменять и удалять подразделы можно только в административной части сайта. Откройте Рабочий стол → Контент → Контент (aspro.priority) → Проекты.



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

Управление и настройка элементов в админке происходит с помощью карточек. Рассмотрим основные 3 параметра карточки раздела:

  • На вкладке «Раздел» вы можете включить или отключить отображение раздела на сайте (1), а также дать ему название (2) (это поле обязательно для заполнения);


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



Настройка и редактирование элементов детальной страницы

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

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



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




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


Для настройки и редактирования страницы из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Проекты. Если вы используете распределение по разделам, откройте тот, в котором хранится проект. Например, Киберпреступления.




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

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




Вкладка «Проект»






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

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

  • описать задачу, поставленную перед командой исполнителей (5) – выводится под верхней галереей;

  • определить будет ли проект выводиться в одноименном блоке на главной странице сайта (6);

  • установить следует ли сделать анонс проекта большего размера, чтобы выделить его в общем списке (7) – настройка действует в шаблонах «Блочный по разделам», «Блочный по годам»;


  • включить кнопку с формой обратной связи «Заказать проект» и «Задать вопрос» (8).


При желании вы можете изменить текст в этом «Задать вопрос». Наведите указатель в режиме правки на описание проекта. На всплывшем меню нажмите «Изменить область».


В окне редактора замените текст на свой и сохраните изменения.






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

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



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



На вкладке «Подробно» вносится детальное описание проекта (3), загружается основное изображение в верхнюю галерею (1) и определяется способ его расположения (2):

  • наверху



  • по ширине



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




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

  • отзывы клиентов (1);
  • карточки партнеров (2);

  • карточки сотрудников (3);

  • сопутствующие товары (4);
  • или услуги (5).



Вкладка «Галереи»

Здесь вы можете заполнить верхнюю (1) и нижнюю (2) галерею изображениями.




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

Вместо обычной картинки можно установить баннер с небольшим описанием (со вкладки «Анонс») и кнопками «Заказать проект» и «Задать вопрос».


Для этого перейдите на одноименную вкладку, поставьте галку «Баннер сверху» (1) и загрузите изображение в поле «Фоновая картинка» (3).

Для составного баннера также загрузите активную картинку в соответствующую область (2) и выберите направление анимации картинки (5): сверху, слева, справа или снизу.

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






Вкладка «Характеристики»

Здесь указываются ключевые данные о проекте:

  • Сфера (1) – к какому направлению деятельности относится демонстрируемый проект;
  • Сайт (2) – адрес сайта компании-заказчика (если он есть);
  • Дата (3) – дата реализации проекта;
  • Автор (4) – ФИО руководителя проекта.




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

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




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

Характеристики проекта на странице выводятся в «визитке», под небольшим описанием:


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

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

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

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

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


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


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

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


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

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

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


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



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

Пример значений для свойства «Задачи»:



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

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

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

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


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


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


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


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

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


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


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


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


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


Пресс-центр

«Пресс-центр» – это новостной блог компании. Здесь вы можете разместить последние новости, описать условия действующих акции или опубликовать пресс-релиз. Все статьи сгруппированы по годам (1). Для удобства пользователей на страницу выведены кнопки, позволяющие подписаться на ваш RSS-канал (3) или email рассылку (2).



Для подписки на e-mail рассылку посетителю достаточно указать свой адрес электронной почты, сместить переключатель о согласии право и нажать «Подписаться».


Раздел «Пресс-центр» имеет 2 способа представления анонсов:

  • в виде списка



  • плиткой


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

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


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


Для переключения внешнего вида из админки перейдите в центр управления Аспро: Priority → Настройки.


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


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

Подразделы в разделе «Пресс-центр» используются для сортировки статей по типу (по умолчанию это новости, акции, пресс-релиз). Такое разделение используется для удобства администрирования. Вы можете создавать свои типы, редактировать и удалять существующие. Для этого откройте Рабочий стол → Контент → Контент (aspro.priority) → Пресс-центр.


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

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


На странице «Пресс-центр» название раздела отображается в анонсе статьи.


Название категории статьи (раздела, в который она входит) также можно увидеть на ее детальной странице:



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

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

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


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


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


В административной части сайта для работы с новостями перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Пресс-центр. Если вы используете разделение статей по категориям, откройте нужный раздел. Например, «Пресс-релиз».




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

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

Вкладка «Новость»



Здесь вы можете:

  • включить отображение новости на сайте (1);
  • изменить в анонсе дату из поля «Начало активности» (2), вы можете:
- указать конкретное число



- указать только месяц



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

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

Анонс новости настраивается на одноименной вкладке.


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


Текст анонса дублируется на детальной странице статьи:


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






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

На вкладке «Подробно» вы можете загрузить картинку (1) для оформления детальной страницы. Основной текст статьи следует вводить и форматировать в поле «Детальное описание» (2).


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

  • сбоку



  • снизу

Чтобы вставить их в текст, раскройте боковое меню.



В списке выберите tizers text-right (тизеры с описанием справа) или tizers (с описанием снизу), ухватите элемент левой кнопкой мыши и перетащите в область редактирования текста.



Описание тизера можно редактировать как обычный текст.


Вкладка «Связи»

С помощью параметров этой вкладки к статье из раздела «Пресс-центр» вы можете привязать:

  • открытую вакансию (1);
  • часто задаваемые вопросы с ответами на них (2);
  • имеющиеся у вас лицензии и сертификаты (3);
  • другие статьи (4);
  • отзывы клиентов (5);
  • лого своих партнеров с ссылкой на страницу с подробной информацией о них (6);
  • проекты из портфолио (7);
  • карточки ваших сотрудников с контактными данными (8);
  • продвигаемые вами товары (9) и услуги (10).





Вкладка «Баннер»

Вместо обычной картинки в начале страницы вы можете использовать баннер. Для этого переключитесь на одноименную вкладку и:

  • Загрузите фоновое изображение (3) для простого баннера;
  • Для составного добавьте активную картинку (2);
  • Если баннер составной, определите каким способом должна появляться активная картинка (5): сверху, справа, слева или снизу;
  • Чтобы включить отображение баннера на странице, отметьте галкой «Баннер сверху» (1).
По умолчанию для текста на баннере используется черный цвет. Если вам необходим другой, укажите его hex-код в соответствующем поле (4) (не забудьте про символ «#»).




Вкладка «Разделы»

С помощью перечня на этой вкладке вы можете изменить категорию статьи (перенести ее в другой раздел).




Теги и рубрики

В Аспро: Приорити вы можете создать категории и облако тегов для новостей. Облако тегов – это блок с ключевыми словами, которые используются в статьях на сайте. Благодаря им улучшается перелинковка статей, упрощается навигации по сайту. В этой статье мы расскажем как создать облако тегов и систему рубрик.

Как настроить облако тегов: публичная часть сайта

Откройте виджет настроек (1), перейдите во вкладку «Разделы» (2), выберите для раздела «Пресс-центр» (3), вид «Плиткой с боковой колонкой» (4). Только в этом варианте будет отображаться облако тегов.



Как выглядит страница с выбранными настройками отображения:


На странице появились «Категории» (1) и «Облако тегов» (2). Чтобы сформировать облако, для каждой новости можно прописать свои теги. Задать теги можно из публичной и административной части сайта. Категории только из административной части. Расскажем как это сделать.

Как добавить теги из публичной части сайта

Перейдите в режим правки – он находится в правом верхнем углу. Активируйте его – перетащите колесико курсора вправо.


Перейдите в новость, наведите курсором на текст новости. В появившемся меню выберите «Изменить новость».


В появившемся окне перейдите на вкладку «SEO» (1), найдите поле «Теги» (2). Напишите тег своей статьи – слово или словосочетание. Если хотите указать несколько, укажите слова через запятую. Нажмите «Сохранить», изменения появятся на сайте.


Как добавить теги и разделы из административной части сайта

Перейдите в административную часть сайта (1), во вкладку «Контент» (2) → «Пресс-центр» (3). Здесь вы можете «Добавить новость» (4) или создать раздел (5) с новостями. На скрине показаны 2 активных раздела (6) – они выводятся на сайт.


Так разделы выглядят на сайте в блоке «Категории».


Чтобы отредактировать новость, перейдите в неё. Нажмите на вкладку SEO (1).



В поле «Теги» добавьте слова  или словосочетание. Если хотите указать несколько, укажите слова через запятую. Нажмите «Сохранить».


Ваши изменения отобразятся на сайте.

Контакты

Раздел с контактными данными компании и наглядным представлением расположения главного офиса и/или филиалов имеет 4 шаблона:
  • Компактный 
Данный вариант внешнего вида визуально делит страницу на 4 части.




Наверху страницы слева располагается адрес офиса, название ближайшей станции метро, часы работы, номер телефона, адрес электронной почты и ссылки на аккаунты компании в социальных сетях. Справа от контактной информации находится карта с меткой положения офиса. Контактные данные и карта дополняется снизу красивым изображением (слева) и небольшим описанием и кнопкой, вызывающей форму «Задать вопрос» (справа).

Этот вариант подходит для компаний, у которых один офис.

  • Компактный 2

Данный шаблон также предназначен для компаний с единственным офисом. Здесь используются те же элементы, что и в предыдущем виде раздела. Изменена их компоновка. Визуально страница делится на 2 части. Правую целиком занимает карта с меткой, а левую – картинка, контактные данные и небольшой текст с кнопкой «Написать сообщение».


  • С филиалами и выбором региона

Данный шаблон разработан для крупных компаний с множеством региональных представительств.

Здесь в верхней части страницы находится карта с поиском филиалов по регионам и городам и кнопкой «Написать сообщение». Под картой располагается перечень филиалов, сгруппированный по областям.



Для каждого офиса компании указывается адрес, номер телефона, e-mail, режим работы и название ближайшей станции метро. Эти сведения можно дополнить изображением. Например, фотографией здания, в котором находится офис.

Также у каждого филиала есть кнопки:

  • «Написать сообщение» – вызывает форму «Задать вопрос»;
  • «Показать на карте» – меняет вид карты, помогая пользователю быстро перейти к нужной точке.


  • С центральным офисом и филиалами

Этот вариант внешнего вида также предназначен для крупных компаний с филиалами.



Страница состоит из 3 частей, следующих друг за другом:

    1. Визитка главного офиса.

Здесь выводится альтернативное название главного офиса, его адрес, контактные номера телефонов, e-mail, режим работы, название ближайшей станции метро, ссылки на социальные сети, небольшой текст с кнопкой «Написать сообщение».

    2. Карта с маркером положения главного офиса.

    3. Перечень филиалов в виде плитки.

Для каждого филиала указывается адрес, название станции метро, режим работы, номер телефона и e-mail. Как и в предыдущем шаблоне, у каждого филиала также есть кнопка «Показать на карте». Здесь она открывает боковую панель с отметкой положения выбранного офиса филиала на карте.



Управление внешним видом раздела

Внешний вид раздела «Контакты» переключается как в публичной, так и в административной части сайта.

Чтобы «примерить» шаблон в публичке, разверните виджет настроек.


Переключитесь на вкладку «Разделы». Выберите интересующий вас вариант в группе «Контакты». Страница тут же примет заданный вид.


Чтобы применить шаблон к странице, нажмите «Сохранить настройки».


В админке переключить внешний вид раздела вы можете в Аспро: Priority → Настройки.


Перейдите к группе «Разделы», выберите в выпадающем списке «Контакты» (1) интересующий вас вариант и нажмите «Применить» (2).


Также в этой группе вы можете найти параметры, отвечающие за:

  • отображение кнопки «Написать сообщение» (1);
  • отображение карты (2);
  • настройки карты (только для шаблонов «Компактный» и «С центральным офисом и филиалами») (3).
В настройках карты вы можете выбрать какую карту использовать – от Яндекс или Google, а также определить ее внешний вид (схема, спутник, гибрид и т.п.). Подробнее об этом в отдельном уроке.




Управление интерактивной картой


  • Включать/отключать элементы управления (4): кнопки, шкалу и ползунок масштаба, переключатель типа карты, поиск по ней и мини-карту;

  • Изменить высоту (3) и ширину (2) карты;

  • Определить дополнительные настройки (5) – разрешить или запретить перетаскивание карты, изменение масштаба колесом мыши/двойным щелчком/правой кнопкой мыши;

  • Определить тип карты, используемый по умолчанию (1):

  • Схема;



  • Спутник;



  • Гибрид;




  • Народная карта или народный гибрид – выглядят так же как обычная схема или гибрид, соответственно. Отличие заключается в том, что они составляются с помощью пользователей сервиса Яндекс и используются для средних и мелких городов, где схемы недостаточно подробны и актуальны.

Чтобы вызвать редактор параметров компонента, в публичной части сайта наведите указатель в режиме правки на содержимое страницы. На появившейся панели разверните подменю кнопки в виде шестеренки (стрелочка справа). Далее выберите Яндекс.Карты: настраиваемая карта (bitrixmap.yandex.view) → Редактировать параметры компонента.



Редактирование групп филиалов (разделов)

Группы филиалов (разделы) используются в шаблоне «С филиалами и выбором региона». Для удобства администрирования вы также можете сгруппировать офисы и в шаблоне «С центральным офисом и филиалами».

Вариант внешнего вида «С филиалами и выбором региона» позволяет изменять (1) и удалять (2) разделы прямо в публичной части. Создание новых разделов здесь доступно только в админке.


Для вызова элементов управления в публичке переключитесь в режим правки и наведите указатель на название раздела.

Редактирование разделов в публичной части для шаблона «С центральным офисом и филиалами» недоступно. Данный вариант предполагает управление разделами только в административной части сайта.

В обоих случаях для редактирования разделов через админку перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Контакты.


Нажмите «Добавить раздел» (1), чтобы создать новую группу. Если вам нужно изменить (2) или удалить (3) раздел, используйте меню кнопки «Гамбургер».

Создание и изменение раздела происходит с помощью редактора карточек.

Рассмотрим основные параметры карточки раздела:



  • «Раздел активен» (1) – включает/отключает отображение раздела;
  • «Название» (3) – имя раздела, которое будет выводиться над перечнем входящих в него филиалов (поле обязательно для заполнения);
  • «Родительский раздел» (2) – определяет уровень раздела в иерархии разделов.
Допускается использование вложенных разделов. Например, в разделе «Московская область» можно создать разделы «Москва», «Балашиха», «Подольск» и т.д. Выводиться на странице «Контакты» будет только название родительского раздела.

Чтобы определить порядок отображения разделов (групп) на странице, перейдите на вкладку «Дополнительно» и укажите индекс сортировки. Чем меньше индекс сортировки, тем выше положение раздела в списке.






Редактирование информации об офисах

Возможности редактирования информации об офисах зависят от используемого шаблона. Так, редактирование информации в шаблонах «Компактный» и «Компактный 2» доступно только в административной части сайта. А шаблоны «С филиалами и выбором региона» и «С центральным офисом и филиалами» позволяют также управлять информацией об офисах в публичной части сайта (кроме сведений о главном офисе).

Для управления из публички переключитесь в режим правки.


Наведите указатель на содержимое страницы «Контакты» и нажмите «Добавить элемент» на всплывшей панели, чтобы пополнить список филиалов информацией о новом офисе.

Вид в шаблоне «С филиалами и выбором региона»:



Вид в шаблоне «С центральным офисом и филиалами»:


Чтобы изменить сведения об офисе филиала существующего в базе, также в режиме правки наведите на него указатель. Появится панель с кнопками «Изменить элемент» (1), «Удалить элемент» (2).

Вид в шаблоне «С филиалами и выбором региона»:


Вид в шаблоне «С центральным офисом и филиалами»:


Независимо от используемого шаблона, редактирование сведений об офисах происходит в Рабочий стол → Контент → Контент (aspro.priority) → Контакты. Если вы используете группировку филиалов по разделам, то откройте нужную группу. Например, «Москва» в «Московской области».


Нажмите «Добавить элемент» (1), чтобы создать карточку нового офиса. Для изменения (2) или удаления (3) карточки офиса вызовите меню кнопки «Гамбургер» и выберите нужный пункт.

Рассмотрим параметры карточки офиса подробнее.

На вкладке «Элемент»:

  • Активируется отображение на сайте сведений об офисе (1);
  • В поле «Название» указывается адрес офиса (обязательно для заполнения) (2);
  • Определяется положение в группе филиалов (3) – чем ниже индекс сортировки, тем выше положение офиса в списке;
  • Указываются контактные номера телефонов (4), e-mail (8), название ближайшей станции метро (7) и режим работы офиса (5);
  • Устанавливается маркер на карте (6);
  • Отмечается является ли редактируемый офис главным (9);
  • Задается альтернативное название для главного офиса (10), которое используется в шаблоне «С центральным офисом и филиалами».




Для быстрой ориентации по карте вы можете использовать строку поиска. Названия некоторых улиц весьма популярны, поэтому, чтобы сократить список результатов, вводите в поиске также название города.



Чтобы изменить масштаб карты используйте шкалу с кнопками «+» и «–» или колесико мыши.



Для перемещения по карте зажмите левую кнопку мыши и сместите карту в нужную сторону.

Кликните дважды левой кнопкой мыши, чтобы поставить маркер.

Если вам требуется перенести установленный маркер на другое место, ухватите его левой кнопкой мыши и перетащите.

Чтобы оформить сведения об офисе в списке шаблона «С филиалами и выбором региона» изображением, перейдите на вкладку «Анонс» и загрузите фото в область «Картинка для анонса» (1).



На этой же вкладке (в карточке главного офиса) в поле «Описание для анонса» (2) редактируется текст, выводимый с кнопкой «Написать сообщение» в шаблонах «Компактный», «Компактный 2», «С центральным офисом и филиалами».

Изображение для шаблонов «Компактный» и «Компактный 2» загружается на вкладке «Подробно».



Если вы используете распределение филиалов по группам, на вкладке «Разделы» можно указать/изменить группу, в которую входит редактируемый офис.




Система обратной связи

В решении Аспро: Приорити система обратной связи реализована как для редакции 1С-Битрикс: Стандарт, так и для редакции 1С-Битрикс: Старт. В обеих редакциях обратная связь построена на следующих формах:

1. Заказать звонок



2. Оставить свой отзыв




3. Отправить резюме



4. Задать вопрос



5. Заказать услугу



6. Заказать проект



7. Заказать продукт (заменяет форму оформления заказа, когда отключена покупательская корзина)



8. Написать директору (доступна в личном кабинете)



9. Оформление заказа



10. Задать вопрос сотруднику




В этой главе мы расскажем, какие возможности есть у пользователей редакций 1С-Битрикс: Стандарт и 1С-Битрикс: Старт, где находятся все результаты заполненных форм и как ими управлять.

Веб-формы для редакции 1С-Битрикс: Старт

В редакции 1С-Битрикс: Старт отсутствует модуль «Веб-формы», поэтому использование функционала системы обратной связи кажется невозможным. Но мы нашли выход из этой ситуации – реализовали систему обратной связи на инфоблоках. Так вы можете не просто заявить о себе в просторах Интернета, но еще и конвертировать посетителей сайта в заявки.

Результаты заполненный форм

Сообщения пользователей, полученные с форм, хранятся в административной части сайта. Для их просмотра перейдите в Рабочий стол → Контент → Формы (aspro.priority). Для просмотра сообщений, например, с формы «Обратный звонок», кликните по ее названию.



Перед вами откроется список сообщений от посетителей. Щелкните на название, чтобы прочитать его.


В группе «Значения свойств» хранится информация, которую оставил пользователь.









Управление формами


Вы можете создавать новые, изменять и удалять существующие формы. Перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Формы (aspro.priority).



Для создания новой формы нажмите «Добавить инфоблок» (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С-Битрикс.

Проверить, установлен ли модуль веб-форм можно в административной части сайта в Рабочий стол →  Настройки → Настройки продукта → Модули.



Если модуль веб-форм установлен, в решении появится дополнительный параметр — «Использовать веб-формы вместо инфоблоков». Его можно найти в админке. Перейдите в Аспро: Priority → Настройки.



И пролистайте параметры до группы «Формы».





Результаты заполненных форм

Сообщения пользователей с веб-форм хранятся в Рабочий стол → Сервисы → Веб-формы → Результаты. Чтобы просмотреть результаты формы, например, «Заказать звонок», выберите соответствующий пункт. Содержимое сообщений с небольших форм можно просмотреть прямо в таблице (4).




Здесь также видно:

  • от какого пользователя пришло сообщение – зарегистрированного или нет (3);
  • когда была отправлена форма (2);
  • был ли отправлен результат формы в CRM (1) – подробнее об интеграции с CRM и способах отправки результатов читайте здесь.

Для просмотра результатов с форм в более удобном виде вызовите меню кнопки «Гамбургер» и нажмите «Изменить».



Данные с формы отобразятся в группе «Поля результата».




Управление веб-формами

Вы можете создавать (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С-Битрикс.



Корзина

Для коммерческого сайта корзина является неотъемлемым атрибутом сделок купли-продажи. Преимуществом атрибута является быстрое оформление покупки нескольких товаров удаленно в процессе изучения посетителем каталога товаров и услуг.

В этой главе рассмотрим как настраивать корзину и форму оформления заказа.

Настройка корзины

Корзина имеет настраиваемый внешний вид. Примерить темы оформления можно через виджет настроек, раздел «Каталог».


Доступно 3 варианта корзины: «В шапке», «Боковая» и «Летающая».

При оформлении «В шапке» иконка корзины располагается рядом с основным меню. Клик по иконке перемещает посетителя на страницу со списком заказов.


«Боковая» корзина фиксируется у края экрана. Клик по иконке разворачивает список заказов в этом же окне.



«Летающая» также фиксируется у края экрана только имеет компактный вид.


Настройка цены товара

Для каждого товара существует три поля цены.


  1. «Цена на карточке» – отображается на сайте, можно прописывать как числа, так и выражения (например, «от 120 р/мес»)



  2. «Старая цена» – сумма отображается зачеркнутой, можно прописывать числа и символы.



  3. «Цена» – имеет только числовое значение и не отображается на сайте.




Внимание! Чтобы умный фильтр учитывал товар при отборе по запросу цены или диапазона цен, в поле «Цена» обязательно нужно ввести числовое значение. Это же значение учитывается при математических операциях в корзине, например, при подсчете стоимости и при изменении количества.

Настройка формы оформления заказа

Вы можете сами настраивать форму оформления заказа и составляющие ее поля, а также указывать какие поля являются обязательными для заполнения (например имя и телефон).


Рассмотрим на примере Аспро: Digital.

Настройка формы задается в административной части сайта в меню Контент → Инфоблоки → Типы инфоблоков → Формы (aspro.digital) → Оформление заказа, на вкладке «Свойства».


Чтобы добавить новое поле, задайте ему название, код, выберите тип поля и дополнительные опции, затем сохраните изменения.

  • «Название поля» отображается на сайте как его заголовок.

  • «Тип» определяет основную характеристику поля – какие значения будут корректны для поля ввода (строка, число, дата, текст в несколько строк, список).

  • «Акт.» – активность поля. Опция определяет, отображается выбранное поле на сайте или нет

  • «Множ.» – множественное свойство. Множественный список дополнительных опций при заказе означает, что пользователь может выбрать сразу несколько значений заданного свойства.

  • «Обяз.» – обязательное для заполнения поле. Если отмеченное поле не будет заполнено, то форма не отправится, а у пользователя на экране появится уведомление, что он не заполнил обязательное поле.

  • «Код» – уникальный ID поля, нужный программным модулям для обработки и хранения информации из формы.

Чтобы изменить настройки существующего поля, нажмите кнопку с многоточием возле него. Откроется расширенный режим редактирования. В нем представлены стандартные опции системы «Битрикс» для свойств инфоблока, поэтому, кроме обозначенных выше, остальные вам не нужны, т. к. они не повлияют на отображение и работу формы.


Чтобы удалить созданное вами поле, поставьте галочку в столбце «Удал.» напротив него и сохраните изменения.

Внимание! Мы настоятельно не рекомендуем удалять существующие по умолчанию поля –  это действие необратимо. Если вы хотите, чтобы поле не отображалось на сайте и не заполнялось пользователем, деактивируйте его, сняв галочку в столбце «Удал.».

Посадочные страницы

Решение Аспро: Priority позволяет создавать неограниченное количество посадочных страниц – внутри каталога или отдельными страницами (в разделе «Обзоры»). Это могут быть тематические и сезонные подборки, специальные предложения под рекламную кампанию, акцию или запрос в поисковых системах (например, «Лизинг автомобилей S класса на выгодных условиях»).

Конструктор посадочных страниц создает лендинги с простой, но хорошо продуманной структурой. Она не содержит лишних элементов, перегружающих внимание посетителей. За счет этого увеличивается время, проводимое пользователем на сайте, и повышается вероятность конверсии в покупки.

Рассмотрим состав и особенности посадочных страниц в каталоге и в разделе «Обзоры» подробнее.

Посадочные из раздела «Обзоры»

Данный тип посадочных страниц позволяет создавать новые страницы вашего сайта с уникальным URL и подобранной под запросы посетителей структурой. Вы можете, например, использовать их для предложений под рекламную компанию, определенные поисковые запросы или для обзоров новых поступлений товаров. Ваши клиенты смогут попасть на лендинг по ссылке или через раздел «Обзоры».


Посадочные страницы в разделе «Обзоры» состоят из:

  • Баннера во всю ширину страницы, визуально подкрепляющего ее содержание. На нем можно разместить заголовок, завлекающее краткое описание и кнопку с призывом к действию и якорной ссылкой, которая ведет к подборке товаров (1);
  • Области с описанием над перечнем товаров (3), к которой можно добавить тизеры преимуществ (2);
  • Списка товаров, составленного вами с помощью умного фильтра (4);
  • Плавающего блока «Задать вопрос» для обратной связи с потенциальными покупателями (5);
  • Области с описанием под перечнем товаров (6);
  • Блока для комментариев пользователей (7).


Посадочные в каталоге

На подобную посадочную страницу посетитель может попасть через блок «Популярные категории», который находится под нижним описанием тематического раздела в каталоге.



Помимо этого, клиент может попасть на нее при выборе заданных вами значений определенных параметров умного фильтра. Например, при выборе отображения товаров, произведенных исключительно в Германии.



Структура посадочных страниц в каталоге очень похожа на структуру посадочных из раздела «Обзоры». Здесь вы также можете:

  • вывести определенный список товаров (5);
  • оформить его описанием сверху (3) и снизу (6);
  • дополнить описание тизерами преимуществ (2), описывающих выгоду от сотрудничества с вами и особенности сервиса компании;
  • добавить горизонтальный блок с формой обратной связи «Задать вопрос» (4);
  • оформить страницу привлекательным изображением (1) (в данном типе используется простая картинка вместо баннера).





Создание и редактирование посадочной страницы в каталоге

Управлять содержимым посадочной страницы в каталоге можно только в административной части сайта. Перейдите в Рабочий стол → Контент → Реклама и баннеры (aspro.priority) → Посадочные в каталоге.





Вкладка «Элемент»

Здесь при создании новой страницы указывается ее название (3) – поле обязательно для заполнения. Если вы хотите, чтобы посетители на вашем сайте видели редактируемую посадочную страницу, поставьте галку «Активность» (1). При необходимости вы можете задать период, в который лендинг будет виден на сайте (2).



В группе «Значения свойств» находятся параметры для привязки товаров (4) и настройка, ответственная за отображение блока «Задать вопрос» (5). Подробнее о том, как привязывать товары, читайте в уроке «Настройка списка товаров с помощью умного фильтра».




Вкладка «Анонс»

Содержимое этой вкладки помогает оформить анонс посадочной страницы в списке «Популярные категории».


Здесь вы можете загрузить миниатюрное изображение (1) и ввести небольшой текст, призванный вызвать интерес у потенциальных покупателей (2).






Вкладка «Подробно»

На вкладке «Подробно» хранится текст основного описания (2). Загрузить изображение для оформления страницы можно в области «Детальная картинка» (1). Текст для блока с дополнительным SEO-описанием вводится в одноименном поле (3).





Чтобы дополнить верхний текстовый блок тизерами, разверните боковое меню визуального редактора.



Ухватите левой кнопкой мыши:

  • tizers text-right, чтобы добавить тизеры с описанием справа



  • tizers, чтобы добавить тизеры с описанием снизу


И перетащите элемент в область редактирования текста.



Описание тизера редактируется как обычный текст.






Создание и редактирование посадочной страницы в разделе «Обзоры»

Данный вид посадочных страниц можно редактировать как в административной, так и в публичной части сайта.

Чтобы изменить лендинг в публичной части, перейдите в режим правки.


Наведите указатель на область под баннером. Появится меню с элементами управления страницей – изменить (1), удалить (3) существующую или создать (2) новую.


Для управления из админки перейдите в Рабочий стол → Контент → Каталог (aspro.priority) → Посадочные страницы.


Для создания нового лендинга нажмите «Добавить элемент» (1). Для изменения (2), удаления (4) или отключения показа (3) существующего выберите соответствующий пункт меню кнопки «Гамбургер».


Создание и редактирование посадочных страниц происходит через редактор карточек. Рассмотрим содержимое карточки посадочной из раздела «Обзоры» подробнее.



Вкладка «Элемент»

На вкладке «Элемент» вы можете:
  • дать странице название (3) – поле обязательно для заполнения;
  • активировать ее отображение на сайте (1);
  • при необходимости указать период отображения (2);
  • с помощью полей «URL фильтр» (4) и «Раздел» (8) отобрать демонстрируемые товары (подробнее читайте в уроке «Настройка списка товаров с помощью умного фильтра» и «Привязка посадочных страниц к услугам»);
  • ввести заголовок для списка привязанных товаров (5);
  • изменить название кнопки на баннере (6);
  • включить/отключить отображение блока обратной связи на странице (7)




Чтобы изменить текст на блоке обратной связи, в публичной части сайта в режиме правки вызовите меню с элементами управления страницей и выберите «Изменить область».



Откроется окно визуального редактора, где можно ввести свой текст.




Вкладка «Анонс»

Параметры этой вкладки помогают оформить анонс посадочной страницы.


Здесь загружается миниатюрное изображение (1) и вводится небольшой текст, призванный вызвать интерес у потенциальных покупателей (2).





Вкладка «Подробно»

На вкладке «Подробно» вводится текст для описания над списком товара (1) и под ним (2).


Как и в случае посадочных страниц в каталоге, чтобы дополнить верхний текстовый блок тизерами, разверните боковое меню визуального редактора.


Ухватите левой кнопкой мыши:

  • tizers text-right, чтобы добавить тизеры с описанием справа



  • tizers, чтобы добавить тизеры с описанием снизу

И перетащите элемент в область редактирования текста.



Описание тизера редактируется как обычный текст.

Вкладка «Баннер»

Баннер для посадочной страницы в разделе «Обзоры» загружается и настраивается на отдельной вкладке.



Чтобы использовать баннер на странице, активируйте параметр «Баннер сверху» (1). Затем:

  • В поля «Активная картинка» (2) и «Фоновая картинка» (3) загрузите соответствующие изображения.
  • С помощью одноименного списка (5) определите способ появления активной картинки на фоне – справа, слева, сверху или снизу.
  • Введите текст, который должен отображаться на баннере, в соответствующем поле (6).
  • Чтобы изменить цвет текста введите его hex-код в поле «Код цвета текста» (4). Обратите внимание на то, что код нужно указывать с символом «#».

Настройка списка товаров с помощью умного фильтра

Рассмотрим алгоритм привязки товаров к посадочной странице на конкретном примере. Допустим, нам необходимо привязать к посадочной странице гидравлические прессы из Германии.




Откройте на сайте страницу с нужной категорией товаров. Установите в умном фильтре свойство «Германия» и нажмите «→».

Скопируйте из адресной строки браузера часть URL’а:
  • Для посадочной в каталоге копируйте, начиная с /product/. В примере это: /product/stanki-i-proizvodstvennye-agregaty/filter/country-is-германия/apply/.




  • Для посадочной из раздела «Обзоры», начиная с /filter/ – /filter/country-is-германия/apply/.





Затем откройте редактор посадочной страницы. На вкладке «Элемент» в группе «Значения свойств» выберите раздел (1) («Станки и производственные агрегаты») и вставьте скопированную строку в поле:
  • «Ссылка» для посадочной в каталоге (2);



  • «URL фильтр» для посадочной из «Обзоры» (2)




В результате в лендинг добавится нужный список:




Если вы хотите привязать целый раздел каталога без фильтрации по свойству, тогда в карточке посадочной страницы выберите нужный раздел в одноименном перечне, и:
  • для посадочной в каталоге в поле «Ссылка» вставьте строку: /product/stanki-i-proizvodstvennye-agregaty/filter/filter_price-from-0/apply/
  • для посадочной из раздела «Обзоры» в поле «URL фильтр» вставьте: /filter/filter_price-from-0/apply/.
В результате к посадочной будут привязаны товары с разными свойствами. В примере ниже в списке появился товар, произведенный не только в Германии.





Свойства и связи

Решения Аспро: ЛандшафтАспро: Корпоративный сайт 2.0 и Аспро: Приорити содержат наборы элементов, которые вы можете связывать между собой. Например, определенные тизеры преимуществ с карточками отдельных товаров, тарифы и т.д.

Связями элементов можно управлять на уровне настроек инфоблока. Чтобы понять принцип работы, в этой главе мы рассмотрим, что такое инфоблок, его свойства и что необходимо знать о возможностях решений.

Информационные блоки – модуль, позволяющий каталогизировать и управлять различными типами (блоками) однородной информации. С помощью информационных блоков может быть реализована публикация различных типов динамической информации: каталоги товаров, блоки новостей, справочники и т.д.

Свойства инфоблока – это единицы структурированной информации конкретного инфоблока. Благодаря им информация выводится в том или ином виде на различных страницах. Например, сопутствующие услуги – в виде привязанных элементов, файлы – как документы для скачивания, а заданные координаты на карте – как точки, отображаемые на подключенному к сайту сервису Яндекс.Карты.

Чтобы разобраться, какое свойство за что отвечает, мы рассмотрим основные типы свойств, которые вам понадобятся для продуктивной работы с решениями. Для удобства покажем это на конкретных примерах. Например, раздела «Проекты».



Типы свойств

Рассмотрим типы свойств на примере раздела «Проекты».

Чтобы просмотреть список свойств, в административной части сайта откройте Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Контент (aspro.allcorp2) или Контент (aspro.priority) (в зависимости от того, какое решение используете). Далее выберите нужный инфоблок и через кнопку «Гамбургер» щелкните «Изменить».

Вид в решении Аспро: Корпоративный сайт 2.0 и Аспро: Ландшафт:



В Аспро: Приорити:



Перейдите во вкладку «Свойства». Разберем типы свойств на примере решения Аспро: Корпоративный сайт 2.0.



Здесь представлены такие типы как:

  • Список (1) – оперирует как одиночными значениями (поля с галками), так и множественными (представляет их в виде списка);
  • Файл (2) – используется для добавления в инфоблок галереи, возможности прикреплять документы, аудио и видео;
  • Строка (3) – хранит символьные значения (есть также тип «Число» для хранения числовых значений);
  • Дата (4) – добавляет поле для ввода даты и времени;
  • Привязка к элементам (5) – настраивает ссылки на другие инфоблоки. Например, на похожие проекты;
  • HTML/текст (6) – прикрепляет к карточке текстовое поле, изменяемое с помощью визуального редактора.

Редактирование свойства

Самостоятельно без доработки шаблона решения вы можете добавить свойства только в таблицу характеристик для карточек товаров, услуг или проектов.

Для добавления свойства в карточку проекта:



  • в Аспро: Приорити откройте Контент → Инфоблоки → Типы инфоблоков → Контент (aspro.priority) → Проекты
  • в Аспро: Ландшафт откройте Контент → Инфоблоки → Типы инфоблоков → Контент (aspro.landscape) → Проекты

Также в директории Контент → Инфоблоки → Типы инфоблоков → Контент обоих решений вы можете найти набор свойств для карточек услуг.

Для редактирования свойств товаров:


  • в Аспро: Приорити – Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.priority) → Продукция
  • в Аспро: Ландшафт – Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.landscape) → Продукция
Внимание! Внесение изменений в свойства решения, настроенные по умолчанию, без должных знаний и понимания последствий может привести к неприятным результатам.

Приведем пример отключения и добавления нового свойства на инфоблоке «Проекты» в решении Аспро: Корпоративный сайт 2.0.

Допустим, вы хотите, чтобы в характеристиках проекта отображалось не одно имя автора в виде текста, а перечень сотрудников, вовлеченных в его реализацию, в виде ссылок на их карточки. Тогда необходимо будет убрать поле автора и добавить необходимое количество характеристик (руководитель, дизайнер, программисты и т. д.).

Чтобы отключить свойство в карточке инфоблока во вкладке «Свойства», снимите флажок с параметра «Акт.».




Внимание! Набор свойств для каждого инфоблока активен по умолчанию при установке сайта. Мы не рекомендуем удалять эти свойства, так как они связаны с определенным функционалом. Если вы хотите, чтобы свойство не выводилось на карточке товара, деактивируйте его.

Добавление характеристик происходит по стандартному сценарию, поэтому продемонстрируем действие на одном свойстве, которое назовем «Команда».

Пролистайте список свойств инфоблока до первой пустой строки. Укажите:

  • Название (1);
  • Тип (2) (для ссылки на элемент другого раздела выберите «Привязка к элементу», для простой характеристики в виде текста – «Строка»);
  • Символьный код свойства (4), который понадобится нам для его вывода.

Свойство «Привязка к элементу» – частный случай свойств. Если вы настраиваете свойство типа «Строка», можете сохранить изменения, пролистать инструкцию по дальнейшей настройке инфоблока и перейти к настройке карточки.

Чтобы в свойстве выводился не один сотрудник, а несколько, нужно поставить галку в поле «Множ.» (3).



Далее, для настройки связи с другим разделом, открываем настройку свойств инфоблока кнопкой многоточие.



Примечание. Состав параметров настроек свойства зависит от его типа.

В поле «Информационный блок» выбираем тип инфоблока и сам инфоблок, который задает параметры для карточек. Сохраняем изменения в настройках свойства.


В списке свойств жмем «Применить».

Откройте карточку проекта. Проверьте, появилось ли в ней новое поле ввода. Если этого не произошло, выведите его, действуя по этой инструкции.

Затем перейдите в настройки проекта и заполните новые характеристики.



Остается включить отображение нового свойства на странице через редактор параметров компонента. Переходим в публичную часть сайта, включаем режим правки, наводим на область проекта и нажимаем на всплывающем меню на шестерёнку.



На навигационной панели ищем «Настройка детального просмотра» и справа листаем до блока «Свойства». В списке, зажав клавишу «Ctrl», выделяем нужный пункт. Сохраняем изменения.



Примечание. Если добавить свойство типа «Файл», оно не будет отображаться в перечне свойств. Скопируйте его код в одно из полей ввода под списком вручную.

Результат наших действий на странице:




Ссылки кликабельны, осуществляют перенаправление на карточку сотрудника.

Примечание. Свойство будет выведено в таблице с характеристиками для тех элементов каталога, для которых оно заполнено. Если значение свойства не выбрано, оно не будет отображено.

Связи для страниц

В Аспро: Корпоративный сайт 2.0, Аспро: Ландшафт и Аспро: Приорити реализована гибкая и широкая система связей, которая позволяет связывать между собой элементы из разных разделов – например, товары с тарифами, акциями или сопутствующими товарами. К странице проекта можно привязывать услуги, а к странице новости или акции – участвующие в ней товары.

Такие связи дополняют основную информацию об услуге или товаре, побуждают посетителя проводить больше времени на вашем сайте и просматривать большее количество страниц. Также это положительно влияет на конверсию: связи увеличивают вероятность того, что пользователь оставит заявку.

Посмотреть, какие страницы можно связывать между собой, можно непосредственно через настройки в публичной части сайта. К примеру, для товаров на вкладке «Связи» мы видим, что к карточке можно привязать:

  • услуги
  • акции
  • товары
  • производителей
  • проекты
  • тарифы
  • FAQ
  • тизеры



В настройках инфоблока возможность связывать между собой элементы позволяет тип свойства «Привязка к элементу».




Чтобы связать между собой различные страницы, перейдите в ее настройки в публичной части сайта на вкладку «Связи».



Нажмите кнопку с многоточием и выберите в новом окне нужный элемент из списка.




Пример страницы товара в Аспро: Корпоративный сайт 2.0 с привязанными к ней проектами (на соответствующей вкладке) и действующей акции:




Пример страницы продукции (автомобиля) в Аспро: Приорити с привязанными к ней документами и услугами:


Вы можете выбрать внешний вид связанных услуг в карточке товара. Перейдите в параметр в компонента и выберите внешний вид связанных услуг



  • с иконками


  • с картинками




Разметка свойств по полю «Сорт.» для удобного управления

Все свойства инфоблоков сгруппированы по индексу сортировки. Это сделано для того, чтобы после установки решения можно было легко и быстро понять, какие свойства относятся к системным, а какие были созданы для контента демо-версии.

Внимание! Для корректной работы сайта не рекомендуется изменять или удалять системные свойства (индекс сортировки от 200 до 500) без навыков программирования на 1С-Битрикс.

Свойства из демо-контента можно удалить или изменить под специфику вашего проекта. В этой статье рассмотрим каждую группу свойств по отдельности.

Примечание: Рекомендации актуальны для решений, в которых не производились изменения в инфоблоках — например, не редактировались индексы сортировки.

Индексы сортировки от:

  • 200 – отмечают основополагающие свойства решения (то, из чего формируется страница). Например, для корректной работы решения в карточке товара важны свойства «Отображать в слайдере на главной», «Статус», «ID поста блога для комментариев», «Количество комментариев».



  • 300 – это дополнительные опции. Например, стикеры, кнопки, баннеры, видео, галерея;



  • 400 – свойства, позволяющие связывать между собой элементы из разных разделов. К примеру, товар может быть связан с проектами, сотрудниками, статьями, курсами и брендом.



  • 500 – индекс сортировки для пользовательских свойств. Это значение устанавливается по умолчанию при добавлении новых характеристик. Самостоятельно созданные характеристики можно отключать/удалять без серьезных последствий.


  • 600 – этим индексом отмечены свойства, которые были созданы для демо-контента. Если после установки решения они вам не понадобятся, их можно отключить или удалить.


Тарифы

В решении Аспро: Приорити реализован функционал тарифов, который позволит вам размещать стильно оформленную информацию о стоимости на главной странице, каталоге товаров и в разделе для услуг. Давайте узнаем, как настроить этот функционал.

Таблица с тарифами может отображаться:

  • отдельным блоком на главной странице сайта



  • в каталогах товаров и услуг на отдельной вкладке или странице

Решение позволяет использовать разные шаблоны для главной страницы и разделов «Продукция» и «Услуги». Это возможно за счет того, что настройка внешнего вида тарифов производится отдельно для главной, отдельно для товаров и отдельно для услуг. На выбор доступно 9 вариантов отображения таблицы тарифов:

  1. Блочный с иконками



2. Блочный с круглыми картинками


3. Блочный с картинками


4. Список с иконками

5. Список с картинками


6. Блочный с колонкой и иконками


7. Блочный с колонкой и картинками


8. Блочный с иконками и интервалами цен




9. Блочный с картинками и интервалами цен



Настройка отображения тарифов на главной

Настроить отображения блока с тарифами на главной можно тремя способами:

  1. Через дизайн-менеджер Аспро;
  2. Через виджет настроек;
  3. С помощью модуля настроек решения в админке.

Все 3 способа просты и дают одинаковые возможности управления блоком. Используйте тот, который считаете самым удобным.



Управление блоком через дизайн-менеджер Аспро

Откройте главную страницу сайта и включите дизайн-менеджер Аспро (кликните по нижней плавающей кнопке с левой стороны).



У всех блоков на странице появятся элементы управления.


Найдите на странице перечень тарифов и:

  • Используйте горизонтальные стрелки по бокам (2, 3), чтобы подобрать наиболее подходящий вам вариант оформления блока.

  • Если вы уже знаете наверняка, какой шаблон вам подойдет, выберите его в слайдере под блоком (1) (слайдер появляется после наведения на блок указателя).

  • Используйте кнопки с вертикальными стрелками над блоком (4), чтобы изменить его положение на странице.

  • Если вы хотите отключить отображение тарифов на главной, кликните по крестику в правом верхнем углу блока (5).

После внесения изменений не забудьте их сохранить при помощи одноименной кнопки на нижней панели.





Управление блоком через виджет настроек

Разверните виджет настроек:


Переключитесь на вкладку «Главная».


Здесь среди прочих настроек, если блок с тарифами включен, вы найдете его шаблоны:


Чтобы включить/отключить отображения блока с тарифами и/или определить его положение на странице, разверните «Параметры главной страницы».


Если требуется включить блок, сместите ползунок (1) вправо. Если отключить – влево. Для того, чтобы изменить положение блока на странице, зажмите левую кнопку мыши на вертикальных стрелках (2) и переместите строку (блок) на нужное место.



Для сохранения изменений используйте соответствующую кнопку в правом верхнем углу виджета.



Управление блоком через админку

Для управления блоком «Тарифы» на главной странице из админки, перейдите в Аспро → Приорити → Настройки.



Пролистайте настройки до группы «Главная».



Здесь находится перечень параметров главной страницы. Чтобы включить или отключить отображения тарифов, установите или снимите галку у одноименного пункта. Для изменения положения блока на главной, используйте вертикальные стрелки (как в виджите настроек).

Шаблоны блока «Тарифы» находятся ниже:



Для сохранения изменений нажмите кнопку «Применить».





Настройка отображения тарифов в каталоге товаров и услуг

Тарифы в каталогах услуг и товаров отображаются под одноименной вкладкой на детальной странице услуги/товара.


Напомним, что в Аспро: Priority настройка внешнего вида тарифов для каталогов с товарами и услугами производится отдельно друг от друга. При этом шаблоны в каталогах являются сквозными. Т.е. подразделы с детальными страницами товаров/услуг наследуют шаблон от родительского раздела – установить для конкретного товара/услуги другой стиль оформления тарифов нельзя.  

Давайте рассмотрим как менять внешний вид таблицы тарифов на примере каталога с товарами (действия для услуг аналогичны):

  1. Перейдите в режим правки.



2. Наведите указатель на содержимое детальной страницы. На всплывшей панели кликните по шестеренке.



3. В группе «Основные параметры» найдите пункт «Шаблон вывода для связанных тарифов» и установите нужный вариант.




4. Нажмите «Сохранить», чтобы применить изменения.




Редактирование тарифов

У тарифов можно менять цену (редактировать, отключать ненужные и добавлять новые интервалы цен), создавать свои характеристики и убирать лишние, заменять картинки, иконки и редактировать стикеры.

Вы можете управлять тарифами (создавать новые, изменять и удалять существующие) как в административной части, так и в публичной. Единственным отличием возможностей управления, доступных в админке, является группировка тарифов по разделам для удобства администрирования. Итак, обо всем по порядку.

Элементы управления в админке

Тарифы в админке хранятся в Контент → Каталог (aspro.priority) → Тарифы. Для примера откроем раздел «Продукция».



В демо-данных используется группировка тарифов по разделам (Avired Internet Security, Dasec Smart Security 9 и т.д.). Это очень удобно в случаях, когда компания предлагает широкий ассортимент услуг с разнообразными тарифами. В подобном списке проще найти тариф, который нужно изменить, деактивировать или удалить. Поэтому сначала рассмотрим как управлять разделами, а затем – тарифами.



Чтобы создать новый раздел, нажмите «Добавить раздел» (1). Если вам необходимо изменить (2) или удалить (3) существующий, вызовите меню кнопки «Гамбургер» и выберите нужный пункт.

При создании раздела достаточно указать его название.


Если вам требуется упорядочить список разделов в админке, переключитесь на вкладку «Дополнительно» и установите индекс сортировки. Чем выше индекс, тем ниже положение раздела в списке.


Чтобы добавить новый тариф в список, нажмите одноименную кнопку (1). Для изменения (2), отключения отображения на сайте (3) или удаления (4) существующего тарифа используйте меню кнопки «Гамбургер».



Элементы управления в публичке

Чтобы увидеть элементы управления тарифами в публичной части сайта, включите режим правки.


Для управления тарифами с главной страницы сайта наведите указатель на соответствующий блок. Над ним всплывет панель, с помощью которой можно добавить новый тариф (1).


Примечание: Если вы хотите, чтобы новый тариф, который вы добавляете с главной страницы, отображался на ней, не забудьте установить соответствующую галку в карточке тарифа.


Указатель над определенным тарифом вызывает панель с кнопками «Изменить тариф» (2) и «Удалить тариф» (3). Действия будут произведены над тем тарифом, над которым находится курсор.

Чтобы изменить (1) или удалить (2) тариф с детальной страницы товара/услуги, также как на главной, наведите на него указатель и одноименные кнопки.


Для добавления нового тарифа с детальной страницы наведите указатель на содержимое страницы товара/услуги. Наверху страницы появится панель с кнопкой «Добавить тариф».


Примечание: Учтите, что при создании нового тарифа со страницы товара или услуги, он не привязывается автоматически. Чтобы вывести тариф на детальной странице, его нужно привязать в карточке самого(-ой) товара/услуги.



Обзор карточки тарифа

Информация о тарифах хранится в карточках. Рассмотрим структуру карточки по вкладкам.

Вкладка «Тариф»

Создавая новый тариф, на основной вкладке карточки обязательно заполните поле «Название» (3). Оно является ключевым.


Чтобы тариф отображался на сайте, убедитесь в том, что галка «Активность» (1) установлена. При необходимости задайте период активности тарифа (2).

Если вам необходимо определить место тарифа в таблице, укажите число в поле «Сортировка» (4). Чем выше индекс сортировки, тем правее/ниже положение тарифа в таблице.

Также в группе «Значения свойств»:




  • Укажите цены за периоды обслуживания (5). Те поля, что отмечены как «служебное свойство», используются для корректной работы корзины. Их следует заполнять числовыми значениями. В полях для цен без такой метки можно добавить название валюты («р.», «руб.», «$», «€») – значения из этих полей выводятся на сайте.


  • Отметьте должна ли отображаться кнопка «В корзину» (6);

  • Выведите тариф на главную страницу в одноименный блок (7), если хотите привлечь к нему больше внимания;

  • Используйте «Выводить только одну цену» (8), если хотите отключить отображение списка с выбором периода обслуживания. По умолчанию отображается «Цена за 1 год» (о том, как изменить название, читайте в уроке «Настройка цен тарифов»).


Даже если заполнены поля с ценами за прочие периоды, пользователи их не увидят. Это может пригодится, когда у вас закончились тарифы, изобилие вариантов сократилось до одного или вам нужно срочно что-то распродать;

  • Активируйте «Окрашивать иконку в цвет темы», чтобы выдержать общий стиль сайта (9);

  • Загрузите иконку, чтобы воспользоваться соответствующими шаблонами (10);

  • Прикрепите стикер «Хит», «Акция», «Новинка» или «Мы советуем» к иконке/картинке тарифа, чтобы отметить его среди прочих (11);


  • Добавьте дополнительные сведения (характеристики) по тарифу (12).

Вкладка «Анонс»

Чтобы использовать шаблоны для тарифов с картинками, переключитесь на вкладку «Анонс» и загрузите изображение через кнопку «Гамбургер» или методом Drag&Drop.   



Вкладка «Разделы»

Если вы используете группировку тарифов по разделам, при создании нового тарифа переключитесь на вкладку «Разделы» и определите где должен храниться тариф.



Привязка тарифа к товару/услуге

Рассмотрим привязку тарифа на примере услуги «Лизинг грузового транспорта» (привязка к товарам осуществляется аналогично).

Откройте карточку услуги. На основной вкладке («Услуга») в группе «Значения свойств» найдите «Тарифы». У пустого поля нажмите кнопку с многоточием. Если свободных полей нет, кликните «Добавить…».


В новом окне в фильтре выберите «Каталог (aspro.priority) [aspro_priority_catalog]» и «Тарифы [363]».



Найдите в списке найдите нужный тариф. Нажмите кнопку «Гамбургер» на соответствующей строке и кликните по «Выбрать».



В карточке появится код и название тарифа:


Сохраните изменения.


Результат на странице:



Настройка цен тарифов

Цены тарифов – это свойства инфоблока. Чтобы изменить их, откройте в админке Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.priority) → Тарифы.



Перейдите на вкладку «Свойства». В демо-данных подготовлены 4 типа цен (каждый имеет по 2 свойства):



Свойства с символьным кодом, начинающимся на TARIF_PRICE_, используются для отображения цен в таблице тарифов. А свойства с кодом FILTER_PRICE_ – для корректной работы корзины (они заполняются автоматически).

Вы могли заметить, что символьные коды одного из типов цен отличаются от остальных. В конце символьного кода вместо цифры используется слово DEFAULT (номер 4 на скриншоте выше). Этот тип используется как основной по умолчанию. Именно его в первую очередь видит пользователь при загрузке страницы:


Также, если вы активируете в карточке какого-нибудь тарифа параметр «Выводить только одну цену», отображаться будет тип с DEFAULT в символьном коде (по умолчанию «Цена за 1 год»).


Если вы хотите переименовать тип цены, исправьте названия. Чтобы не запутаться, обязательно оставьте пометку, какое из свойств является служебным.


Лишние типы цен можно деактивировать, сняв галки «Акт.».


Или удалить, установив галки в соответствующей колонке.


Внимание! Удаление свойств инфоблока без навыков работы с 1С-Битрикс и понимания последствий может привести к плачевным результатам.

Итак, вы знаете как менять названия типов цен и убирать лишние. Теперь рассмотрим пошагово как добавить новый тип цены:

  1. Создайте свойство для отображения цены на сайте (с кодом «TARIF_PRICE_%» – «%»  замените на номер):



2. Создайте служебное свойство для корзины (с кодом «FILTER_PRICE_%» – «%»  замените на номер; и добавьте соответствующую метку в название):


3. Сохраните изменения в инфоблоке.


4. Через админку проверьте появился ли новый тип цены в карточке тарифа.

Если новые свойства на отобразились в карточке, выведите их вручную. Для этого кликните по шестеренке в правом верхнем углу.



В новом окне в списках «Доступные вкладки» (1) и «Вкладки» (2) отметьте варианты «Тариф». А в списке «Доступные поля» (3) выделите созданные вами свойства и перенесите их в соседнюю колонку с помощью стрелки вправо (4). По окончанию нажмите «Сохранить» (5).

5. Заполните новый тип цены и сохраните изменения (служебное свойство заполнится автоматически).



6. Теперь перейдите в публичную часть сайта на страницу товара/услуги, где отображается тариф. В режиме правки наведите указатель на содержимое страницы. На всплывшей панели раскройте меню возле шестеренки. Выберите «Список новостей (bitrix:news.list)», а затем «Редактировать параметры компонента».  




7. В группе «Источник данных» найдите перечень «Свойства».


8. Впишите символьный код созданной вами цены (код того свойства, которое должно выводится на странице – c TARIF_PRICE_) и сохраните изменения.


В результате в списке периодов появился новый вариант:



Редактирование дополнительных характеристик

Помимо цен у тарифов выводятся дополнительные характеристики:


Как и цены, они являются свойствами инфоблока «Тарифы». Чтобы отредактировать список характеристик, откройте в админке Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.priority) → Тарифы.


Переключитесь на вкладку «Свойства».


Здесь у каждого свойства есть:


  • Название (1);

  • Тип (2) – значение, которое может принимать свойство. Чаще всего при создании характеристик используются типы:

    • Число – если характеристика является числовым показателем и не должно содержать иных символов кроме цифр;


  • Строка – значение характеристики может состоять из любых символов;


  • Список – создает ограниченный набор значений, которые характеристика может принимать;


  • Индекс сортировки (6) – отвечает за положение характеристик в списке свойств;

  • Кодовое имя (7) – используется для вывода свойств на сайте.

А также параметры, отвечающие за

  • Отображение свойства на сайте и в карточках тарифов (3);

  • Количество значений, которые свойство может использовать за раз (4). Например, свойство «Хит продаж» является множественным, т.е. вы можете установить на тариф одновременно несколько стикеров (по умолчанию до 4х).


  • Обязательность заполнения поля (5) – если такое поле будет пропущено в карточке тарифа при заполнении, система выдаст ошибку при попытке сохранить изменения;
  • Дополнительные настройки свойства (8). Например, для свойства типа «Список» (допустим, для свойства «Оборот») вы можете обозначить варианты значений характеристики (2) («от 0 до 200 т.р.», «от 200 т.р. до 500 т.р.» и т.д.), а также определить каким образом они будут отображаться (1) (выпадающим списком или списком с флажками);



  • Удаление свойства из инфоблока (с сайта и карточки тарифа) (9).

Внимание! Удаление свойств инфоблока без навыков работы с 1С-Битрикс и понимания последствий может привести к плачевным результатам.

Новая характеристика тарифа добавляется так же, как новый тип цены, только при этом не требуется создавать служебное свойство. Рассмотрим добавление характеристики на примере.

Пролистайте список свойств инфоблока до первой пустой строки (если свободных строк нет, нажмите «Еще»). Укажите название, тип, кодовое имя (латинскими буквами) и при необходимости дополнительные настройки («Множ.», «Обяз.», заполните таблицу значений, если это список и т.п.).


Сохраните изменения. Также в админке откройте карточку тарифа. Если новое свойство не появилось, кликните по шестеренке в правом верхнем углу.


В новом окне выберите в списках «Доступные вкладки» (1) и «Вкладки» (2) вариант «Тариф». Ниже в «Доступные поля» (3) выделите новое свойство и переместите его в соседний список при помощи стрелки вправо (4). Сохраните изменения (5).


Заполните в карточке новую характеристику и нажмите «Сохранить».


Откройте в публичной части сайта страницу товара с редактируемым тарифом.

Чтобы новая характеристика выводилась на сайте, переключитесь в режим правки. Наведите указатель на содержимое страницы. Вызовите меню кнопки в виде шестеренки и выберите «Список новостей (bitrix:news.list)» → «Редактировать параметры компонента».



В окне редактора перейдите к группе «Источники данных». Найдите «Свойства».


В списке свойств в свободной строке (если свободных строк нет, нажмите «+») вручную пропишите символьный код новой характеристики и сохраните изменения.


После этого в таблице тарифов появится новая характеристика:



Согласие на обработку персональных данных

В феврале 2017 года были внесены поправки в статью 13.11 КоАП по поводу нарушений закона о персональных данных. Они вступили в силу 1 июля 2017 года и коснулись всех, кто собирает, обрабатывает и хранит любые персональные данные. Подробнее о законе и мерах, которые необходимо предпринять, читайте в нашем блоге


В связи с нововведением командой Аспро предусмотрена быстрая настройка уведомления пользователя о сборе таких данных. Находится она в административной части сайта. Вы можете активировать ее, и тогда на всех веб-формах сайта появится соответствующая отметка в виде галочки и ссылка на страницу соглашения.

Чтобы добраться до настройки в Аспро: Маркет и Аспро: Оптимус кликните по вкладке с названием решения, далее Настройки → Шаблон.


В решениях Аспро: Корпоративный сайт современной компании и Аспро: Стройка таким же образом перейдите к настройкам решения и в блоке «Валидация ввода» увидите пункт, включающий уведомления, и кнопку вызова редактора подписи.



В решениях Аспро: Digital-компанияАспро: Корпоративный сайт 2.0, Аспро: Ландшафт и Аспро: Шины и диски 2.0 уведомления настраиваются в настройках решения. Например, Аспро: Digital (Аспро: Allcorp2) → Настройки → Общие.



Аспро: Крутой шоп, Аспро: Интернет-магазин и Аспро: Шины и диски

Настройка расположена в настройках модуля решения: Настройки продукта → Настройки модулей → Аспро: Крутой шоп, интернет магазин → Шаблон.


Аспро: Корпоративный сайт и Аспро: Корпорация

Перейдите в настройки модуля решения: Настройки продукта → Настройки модулей → Аспро: Корпоративный сайт → Шаблон. В блоке «Валидация ввода» увидите пункт, включающий уведомления, и кнопку вызова редактора подписи.



Пункт настройки «Подпись к уведомлению» позволяет вызвать редактор текста уведомления.


Чтобы изменить ссылку в подписи наведите указатель на существующую ссылку, вызовите меню правой кнопкой мыши и выберите «Редактировать ссылку».


Заполните поля соответствующими данными.

В поставку каждого решения уже включена информационная страница, представляющая собой шаблон требуемого соглашения. Вы можете использовать уже готовый текст, вставив в него лишь название вашей компании и контактные сведения.

Для изменения шаблона, перейдите на страницу соглашения в публичной части сайта. В режиме правки наведите указатель на область текста и нажмите всплывающую кнопку «Изменить страницу в редакторе».


Отредактируйте содержимое и сохраните изменения.


Автоматическое согласие на обработку персональных данных

Для уменьшения количества кликов при взаимодействии пользователя с сайтом введена новая функция, позволяющая автоматически проставлять галочку «Согласен на обработку персональных данных» во всех используемых формах обратной связи и форме оформления заказа.

Внимание! Из закона 152-ФЗ следует, что для подтверждения согласия обработки персональных данных пользователь должен совершить конкретное действие — например, проставить галку в чекбоксе. Из этого следует, что настройка согласия по умолчанию не гарантирует 100% соблюдение 152-ФЗ. Компания Аспро не несет ответственности за юридические последствия применения этой настройки.



Активация данной возможности происходит в административной части сайта. Для этого перейдите настройки решения. Покажем на примере Аспро: Next как сделать настройки.





Прокрутите блок «Общие» до пункта «Галочка об информировании обработки персональных данных проставлена?» и включите его. Изменения вступят в силу после нажатия кнопки «Применить».



Личный кабинет

Этот функционал доступен только для зарегистрированных и авторизованных пользователей сайта. В личном кабинете пользователь может редактировать свои личные данные, настраивать подписки, просматривать материалы и написать непосредственно директору компании.


В самом ЛК есть 4 раздела и кнопка «Выйти», чтобы деавторизоваться.


В персональных данных пользователь может добавить или изменить свои ФИО, телефон, email и пароль.


В подписках можно настроить и оформить подписку на материалы с сайта.


Пользователь может указать удобный для получения рассылки email, выбрать интересующие рубрики и предпочтительный формат: текстовый или HTML.

В материалах отображаются материалы из подписок, можно отсортировать их по датам выхода.


В разделе «Написать директору» находится раскрытая форма обратной связи, сообщения из которой отправляются email директора, указанный в настройках.


В ней пользователь может сообщить информацию о сотрудниках вашей компании и быть уверенным, что она дойдет до начальства.

Настройки разделов личного кабинета

Настройка рассылок

Перейдите в раздел «Подписки», активируйте режим правок и нажмите всплывающую кнопку с шестеренкой, чтобы войти в режим редактирования компонента.


Группа полей «Источник данных»


  • Показать скрытые рубрики  —  активирует возможность выбора скрытых рубрик подписки для пользователей.

Группа полей «Дополнительные настройки»


  • Разрешить анонимную подписку (1) — анонимные пользователи смогут подписываться на рассылку, лишь указав свой адрес электронной почты без необходимости регистрации на сайте
  • Показывать ссылки на авторизацию при анонимной подписке (2)  —  при подписке на рассылку анонимному пользователю будут выведены формы авторизации или регистрации
  • Устанавливать заголовок страницы (3)  —  заголовком страницы будет «Редактирование параметров подписки» при редактировании подписки или «Добавление адреса подписки».

Настройка «Написать директору»

Переключитесь на административную часть сайта и перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Формы (aspro.digital) → Написать директору.


В поле «Описание» вы можете прописать пояснительный текст, который отображается над формой.


На вкладке «Свойства» вы сможете настроить поля, которые может или должен заполнить для отправки пользователь.


Подробнее о настройках полей формы читайте в соответствующей статье.

Установка логина в значении email адреса

Настройка «Логин равен email адресу» позволяет пользователю не придумывать логин при регистрации, а использовать для этого свою электронную почту. Адрес электронной почты уникальный для каждого. Поэтому не возникнет проблем при регистрации: «Логин занят другим пользователем». А клиентам не нужно будет запоминать новый логин.

В готовых решениях Аспро: Корпоративный сайт 2.0, Аспро: Маркет, Аспро: Оптимус, Аспро: Некст – возможно два варианта настройки для авторизации:

  • логин задан отдельным полем. В этом случае логин не совпадает с адресом электронной почты и при регистрации пользователю будет необходимо его задать отдельно;
  • логин может совпадать с email. На большинстве современных сайтов регистрация проходит именно по такому сценарию. Ее главное преимущество – пользователю не нужно запоминать отдельно логин. Это страхует от ошибок при авторизации и восстановлении пароля.

Давайте посмотрим, как будет выглядеть форма регистрации при активной/неактивной настройке. 

Логин задан отдельным полем:  


Логин равен email:


Чтобы включить функцию «Логин равен email адресу», перейдите в Аспро (1) → Настройки (2).


В блоке «Личный кабинет» активируйте параметр в поле «Логин равен email адресу».


Также эту функцию вы можете включить в публичной части сайта, если у вас включен виджет настроек.

В администрировании сайта проверьте активность виджета настроек. Параметр «Переключатель тем» должен быть включен.


Мультирегиональность

Мультирегиональность – это функционал, который поможет запустить крупный проект и выйти в другие города. Если вы имеете сеть представительств по миру или стране, настройте мультирегиональность с возможностью выбора отображения опций, в зависимости от города:

  • Контакты
  • Пресс-центр
  • Производители
  • Лицензии
  • Партнеры
  • Карьера
  • Команда
  • Новости в личном кабинете
  • О компании
  • Посадочные в каталоге
  • Большие баннеры
  • Плавающие баннеры
  • Тизеры.

Каждому региону – свое SEO-продвижение

Для регионов предусмотрена генерация заголовков и тегов с наименованием – например, «лизинг в Челябинске» и «лизинг в Москве». С Аспро: Приорити вы сможете продвигаться по каждому отдельному региону.

Автоматическая генерация файла robots.txt

Файлы robots.txt для каждого города с разрешениями и исключениями для поисковых роботов генерируются автоматически. Вам не нужно будет создавать их для каждого поддомена вручную – лишь добавить несколько своих строк в готовые инструкции.

В решении предусмотрено 2 вида мультирегиональности: на одном домене и на поддоменах. При выборе варианта использования региональности на одном домене в браузерной строке будет отображаться один и тот же адрес основного домена (независимо от того, для какого города просматривается версия сайта).

При выборе варианта на поддоменах при переключении городов или регионов адрес интернет-магазина будет меняться в соответствии с выбранным городом.

Пошаговая настройка

Настроить мультирегиональность вы можете самостоятельно, без привлечения специалистов. Подробная инструкция в документации поможет разобраться с функционалом и проведет вас по каждому шагу настройки.

Внимание! Для автоопределения местоположения в решениях Аспро используются стандартные сервисы, которые поддерживаются платформой 1С-Битрикс – GeoIP2 Precision и Sypex Geo. У этих сервисов есть ограничения на количество запросов, с которыми могут столкнуться крупные проекты.

  • Sypex Geo бесплатно предоставляет 10 000 запросов в месяц без регистрации и 30 000 запросов в месяц для зарегистрированных пользователей
  • Сервис GeoIP2 Precision от MaxMind предоставляет пробную учетную запись с бонусными $5 на тестирование.
Это означает, что если у вашего сайта с автоопределением местоположения от Sypex Geo более 10 000/30 000 посещений в месяц, при достижении порогового значения автоматическое определение местоположения пользователя срабатывать не будет. В этом случае рекомендуется переход на платные тарифы. Подробнее о GeoIP читайте в официальной документации 1С-Битрикс.


Обзор настроек

Активация и параметры настройки мультирегиональности можно задать в административной части сайта и в публичной.

Административная часть сайта

В административной части сайта настройки (1) находятся в Аспро: Priority (2) → Настройки (3), раздел «Регионы» (4).



В разделе «Регионы» (4) можно:

  • Активировать региональность
  • Задать ее тип – на одном домене
  • Выбрать вид отображения регионов
  • Применять региональный фильтр – эта опция позволяет отображать разный контент в зависимости от выбора региона. При смене будут отображаться только элементы, привязанные к региону.


Для удобства использования решения те же параметры выведены в виджет настроек в публичной части сайта.

Публичная часть сайта – виджет

Если вы раскроете виджет настроек (1) и перейдите на вкладку «Регионы» (2), то увидите:
  • ползунок, активирующий функцию мультирегиональности и включающий отображение параметров ее настроек, расположенных ниже (3);
  • переключатель вариантов отображения мультирегиональности в адресной строке браузера (4): на одном домене или на поддоменах;
  • переключатель способа вывода списка регионов (5): в виде выпадающего списка, попап-окна только с перечнем городов или выборкой по областям и округам.


Рассмотрим настройки функционала подробнее. При выборе варианта использования региональности «На одном домене», независимо от того, для какого города просматривается версия сайта, в браузерной строке будет отображаться один и тот же адрес основного домена: yoursite.ru

Если выбрать вариант «На поддоменах», то при переключении городов или регионов адрес интернет-магазина будет меняться в соответствии с выбранным городом: например, ekb.yoursite.ru. Достигается это при помощи шаблона region.site.ru, где site.ru – имя основного домена, а region – название региона.

Если вы планируете заниматься SEO-продвижением, то этот вариант предпочтительнее: поисковые роботы будут индексировать свой поддомен для каждого города или региона – нужно будет лишь указать на них через файлы robots.txt. О том, как это сделать, мы расскажем далее.

Выбор вида отображения мультирегиональности

На выбор предлагается 3 варианта отображения: «Выпадающий список», «Попап окно только с городами», «Попап окно с областями, округами».

Если в качестве вида отображения регионов установить «Выпадающий список», переключение между регионами станет возможным из разворачивающегося меню. Названия городов будут расположены друг под другом. Этот вариант подходит для организаций с небольшим количеством представительств, когда посетителю не составит труда найти в перечне нужный город.



«Попап окно только с городами» будет выгодно смотреться на сайтах организаций, которые имеют не более 8 филиалов. Пользователю будет проще найти свой регион с помощью строки поиска. 



Настройка переключения между регионами в виде попап-окна с областями и округами – оптимальный вариант для крупных компаний с большим количеством филиалов. Пользователю предлагается выбрать сначала округ, затем область или край, и только потом город. Также здесь предусмотрены поисковая строка и быстрый переход к версиям сайта для избранных городов.


Разделы и карточки регионов

Управление карточками

Управление карточками осуществляется из административной части сайта (1) в меню Контент (2) → Региональность (aspro.priority) (3) → Регионы (4). Здесь вы можете заложить структуру своей будущей мультирегиональности в виде разделов, подразделов и отдельных элементов-городов.

При переходе в инфоблок вам будут доступны 2 возможности: добавить город (5) и добавить раздел (6). Города нужно будет создавать всегда, а разделы – в зависимости от выбранного типа отображения мультирегиональности ( «Выпадающий список», «Попап-окно только с городами», «Попап окно с областями, округами»).

Разделы

Если вы выбрали 3 вариант мультирегиональности – попап-окно с областями, округами, в инфоблоке нужно будет создать сначала разделы округов, затем – областей, и только после этого – городов. В этом случае в публичной части сайта все ваши филиалы будут располагаться в виде разделов и подразделов, через которые легко найти свой город.

Если вы выбрали варианты отображения регионов «Выпадающий список» и «Попап-окно только с городами», то разделы можно не заводить – в публичной части они все равно не будут отображаться. Просто «сложите» все города в корень инфоблока.

Давайте посмотрим, как добавить отдельный город. Используйте одноименную кнопку. Для создания региона нажмите «Добавить раздел».



Все действия с карточками (создание, удаление, изменение) стандартны для 1С-Битрикс. При создании в базе данных нового региона достаточно указать название (1) и родительский раздел (2).



При создании карточки на область, которая входит в состав региона, например, для Свердловской области, поле «Родительский раздел» должно иметь соответствующую запись, для примера это «.Урал» или «.Уральский регион». Рассмотрим подробнее карточки для городов.

Карточки для городов

При создании новой карточки на основной вкладке необходимо указать название города (1) и можно установить галку «Город по умолчанию» (2). В таком случае, если геопозиционирование не сработает, пользователь откроет версию сайта для города, в чьей карточке установлена эта галочка. Если вы используете отображение регионов в виде попап-окна с областями и округами и при попапе с городами, активный параметр «Избранное местоположение» (3) добавит отмеченный город в поле быстрого выбора.



На вкладке «Домены» можно указать название основного домена (4). Название домена должно иметь соответствующий вид: msk2.prioritymp.aspro-demo.ru. Перечень «Домены» (5) позволяет привязать существующие псевдонимы для основного поддомена.



На вкладке «Склонения города» прописывается название города в разных падежах, что позволяет грамотно оформлять заголовки с использованием SEO-тегов. Подробнее об этом в следующей главе.



Вкладка «Информация» привязывает к филиалу номера телефонов и отображает в шапке сайта (1). Можно привязать email (2) и выводить в футере сайта. Также здесь предусмотрено поле ввода индивидуального для региона приветственного текста на главной странице (3).


Примеры отображения главной страницы:

  • для Москвы


  • для Челябинска




Автогенерация robots.txt и sitemap.xml

Файлы robots.txt и sitemap.xml – это самые важные для SEO-продвижения файлы сайта. В них содержатся команды для поисковых роботов. Благодаря им они понимают, какие страницы индексировать, а какие нет.

При создании интернет-магазина эти файлы создаются администратором сайта. Подробности читайте в документации 1С-Битрикс: 

Генератор robots.txt  
Генерация файла карты сайта

Далее вам нужно сгенерировать эти же файлы для каждого региона. Обычно файлы robots.txt и sitemap.xml для различных регионов создаются, настраиваются и редактируются вручную. В Аспро: Приорити реализована возможность автоматической генерации файлов. Это принципиально новое решение задачи, которое позволит вам сэкономить время SEO-специалиста и сократить количество ошибок, которые возможны при ручном создании robots.txt и sitemap.xml под каждый регион. Рассмотрим, как работает этот функционал, и как с его помощью научиться автоматически генерировать нужные файлы.

После того, как вы создали файлы robots.txt и sitemap.xml для основного домена, инструкции из них можно продублировать в файлы, настраивающие доступ поисковых роботов к поддоменам. И здесь вам понадобится функция генерации файлов.

Чтобы воспользоваться автоматической генерацией robots.txt, перейдите в административной части сайта в Аспро: Рriority (1) → Генерация файлов (2) → robots.txt (3). Включите региональность и выберите тип «на поддоменах» для возможности перегенерации robots.txt.



Используйте кнопку «Пересоздать robots.txt» для копирования основного файла robots.txt в директорию /aspro_regions/robots/ для каждого поддомена. Копии основного файла для поддоменов именуются по шаблону «robots_DOMAIN.txt». В каждой из них запись директивы Host будет изменена.

Также предусмотрена возможность пересоздания файла robots.txt только для конкретного поддомена. Для редактирования файла используйте одноименные кнопки.


Чтобы использовать автогенерацию на sitemap.xml, перейдите в Рабочий стол (1) → Аспро: Рriority → Генерация файлов (2)→ sitemap.xml (3).



Внимание! Для того, чтобы использовать автогенерацию на sitemap.xml необходимо установить модуль «Поисковой оптимизации». Если у вас нет этого модуля, перейдите в Рабочий стол → Настройки (1) → Настройки продукта (2) → Модули (3)



Найдите в списке модуль «Поисковая оптимизация (seo). Статистика и инструменты для поисковой оптимизации сайта» и нажмите кнопку «Установить» напротив него. 

Вернемся к генерации файлов sitemap.xml. Кнопка «Пересоздать sitemap.xml» копирует все файлы в корне сайта с маской, указанной здесь же в поле «Адрес карты сайта», в директорию /aspro_regions/sitemap/ для каждого поддомена. Копии файлов для поддоменов имеют вид «файлы_по_маске_DOMAIN.xml». В этих копиях адрес сайта заменяется на значение, указанное в поле «Адрес сайта в карте сайта».



Настройка Композитного сайта

Технология 1С-Битрикс: Композитный сайт и Автокомпозит позволяет увеличить скорость загрузки сайта в 100 раз. Если вы используете эту технологию у вас на сайте, необходимо донастроить ее под мультирегиональность. Включите доменные имена по каждому региону в список, чтобы Автокомпозит и Композит работали на всех страницах сайта.

Для этого перейдите в настройки Композитного сайта: Настройки → Настройки продукта → Композитный сайт.

Далее идем на вкладку «Настройки». В блоке «Настройки» найдите поле «Список доменных имен (каждое в новой строке)». Скопируйте туда все доменные имена регионов.



Сохраните изменения. Настройка завершена!



Название региона в заголовках и SEO-тегах

Чтобы название города верно отображалось в заголовках и результатах поисковых запросов, необходимо заполнить вкладку «Склонения города» в карточке города, для которого производится установка SEO-тегов. Сделать это можно в Контент → Региональность (aspro.priority) → Регионы.


Рассмотрим установку SEO-записи на примере заголовка раздела Автомобили для Челябинска.

Откроем карточку раздела. Для этого в режиме правки наведем указатель в публичной части сайта на область раздела и нажмем на всплывшем меню пункт «Изменить раздел».


Перейдем на вкладку с настройками SEO. Чтобы получить заголовок вида «Автомобили в Москве», в поле «Заголовок раздела» добавим запись:

{=this.Name} в #REGION_NAME_DECLINE_PP#,

где {=this.Name} – имя раздела (Автомобили), а #REGION_NAME_DECLINE_PP# – название города в предложном падеже.


После сохранения изменений получим следующее:

При заполнении полей SEO для корректного вывода названий городов используйте следующие значения: 
#REGION_NAME# – название города в именительном падеже,
#REGION_NAME_DECLINE_RP# – в родительном падеже;
#REGION_NAME_DECLINE_PP# – предложном;
#REGION_NAME_DECLINE_TP# – творительном.

Мультирегиональность – каждому региону свой контент

Вы сможете привязывать контент к нужному городу, а также указывать телефон, email или адрес отдельно по регионам. 

Привязка региона актуальна для:
  • новостей;
  • статей в блоге;
  • акций;
  • услуг;
  • основных баннеров;
  • фоновых картинок;
  • рекламных баннеров (на внутренних и главной страницах).
Пример отображения контактных данных для жителей:
  • Москвы

  • Челябинска

В этом уроке мы расскажем, как активировать фильтр для контента и настроить содержание перечисленных элементов для регионов.

Чтобы воспользоваться этой функцией, перейдите в административной части сайта в Аспро: Priority→ Настройки.


Найдите в списке блок «Регионы» и активируйте параметр «Применять региональный фильтр».


После сохранения изменений можно переходить к настройке контента по регионам. Рассмотрим на примере установки разных email’ов и адресов. В админке перейдите в «Контент» → Региональность (aspro.priority) и перейдите к редактору одного из городов, которые находятся в базе. Например, для внесения изменений в карточку Москвы следует перейти в Регионы → Центр → Московская область и в меню кнопки Гамбургер выбрать пункт «Изменить». 


На основной вкладке в группе параметров «Значения свойств» найдите новые поля «Email» и «Адрес». Заполните их соответствующими данными.

Если поля у вас не отображаются, настройте форму редактирования карточки. Для этого кликните по изображению шестеренки в верхнем правом углу и выберите вариант «Настройки».


В редакторе формы в перечнях «Доступные вкладки» (1) и «Вкладки» (2) выделите пункт, соответствующий названию основной вкладки. В данном примере это вариант «Город». В списке «Доступные поля» выберите значения, которые необходимо вывести в форме: «Email» и «Адрес» (3) (чтобы выделить несколько вариантов за один раз, зажмите клавишу Ctrl). Затем нажмите кнопку с изображением стрелки (4) и сохраните изменения.

Настройка отображения по регионам продукции, тарифов,услуг – производится в разделе «Контент (aspro.priopity)». А баннеров, фоновых изображений, рекламы – в разделе «Реклама и баннеры (aspro.priority)».

Важно! Если у вас включен региональный фильтр, необходимо, чтобы товары были привязаны минимум к одному региону. Иначе товары без привязок не будут отображаться в каталоге

Как привязать товары к определенному региону

Мультирегиональность позволит вам создавать не только уникальный контент для каждого региона, но и привязывать различный набор товаров к нужному городу. Например, вы хотите, чтобы посетители из Москвы видели диваны люкс-сегмента, а потенциальные покупатели из небольшого города – мебель эконом-класса.

Вам не нужны навыки программирования, чтобы привязать товар к регионам. Воспользуйтесь инструкцией, где вы в несколько шагов внесете необходимые изменения. Самое главное – нужно включить региональный фильтр, иначе дальнейшие действия не приведут к результату.

В настройках инфоблока каталога нужно добавить новое свойство – LINK_REGION. Затем указать значение «arRegionLink» в настройках параметра компонента «Каталог», чтобы фильтр заработал.

Обратите внимание, что регион необходимо будет задать каждому товару. Если этого не сделать, то товар не будет отображаться во всех регионах.

Добавление свойства LINK_REGION в настройках инфоблока каталога

Активируйте параметр «Применять региональный фильтр» в блоке «Регионы». Перейдите в административной части сайта в Аспро: Priority (1) → Настройки (2).




Найдите в списке блок «Регионы» и активируйте параметр «Применять региональный фильтр».



Далее перейдите в Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Каталог (4). Мы покажем на примере раздела «Продукция» (5).



На вкладке «Свойства» добавьте новый элемент со следующими параметрами:

  • название = Регион;
  • тип = Привязка к элементам;
  • сортировка – например, 100. Индекс сортировки отвечает за порядок отображения свойств в админке. Чем ниже индекс, тем выше будет выбор региона в списке (в редактировании карточки товара);
  • код = LINK_REGION.
  • Не забудьте указать две галочки – «акт.» и «множ.».
  • «Акт.» (первая галочка) – признак активности свойства. Это необходимо для того, чтобы свойство отображалось в публичной части сайта;
  • «Множ.» (вторая галочка)  – признак множественности свойства. Это необходимо для того, чтобы вы смогли задать несколько регионов, а не один.

После того, как нужные настройки выставлены, нажмите кнопку «Применить» или «Сохранить».



Добавление «arRegionLink» в настройки фильтра

Зайдите в публичную часть сайта в режиме правки. Перейдите в произвольный товар, наведите на него и нажмите на шестеренку.



В параметрах компонента выберите пункт «Настройки фильтра» и укажите «arRegionLink».



Важно! Это нужно делать в любом случае: и с привязкой контента, и с привязкой товара. Если этого не сделать, то фильтрация по регионам не будет работать

Привязка товаров к нужному региону

Теперь вы сможете задавать регионы для товара. Для этого переходите в административную часть  Контент (1) → Каталог (2) → нажмите на кнопку «Гамбургер» (3) и выберите «Изменить» (4).



В блоке «Регион» нажмите на многоточие для выбора нужного города.



Если поле у вас не отображается, настройте форму редактирования карточки. Для этого кликните по изображению шестеренки в верхнем правом углу и выберите вариант «Настройки».



В редакторе формы в перечнях «Доступные вкладки» (1) и «Вкладки» (2) выделите пункт, соответствующий названию основной вкладки. В данном примере это вариант «Товар». В списке «Доступные поля» выберите значение, которое необходимо вывести в форме: «Регионы» (3). Затем нажмите кнопку с изображением стрелки (4), с помощью кнопок «выше/ниже» вы можете отредактировать после какого пункта будет отображаться товар. Сохраните изменения.



В информационном блоке нужно выбрать:

  • тип = региональность (1);
  • инфоблок = регионы (2).

Нажмите на кнопку «Найти». В таблице отобразятся все регионы. На строке с нужным городом кликните на «Гамбургер» (3) и нажмите «Выбрать» (4).


После выбора нужных регионов не забудьте все сохранить в редактировании товара. Товар отобразится только в тех регионах, которые вы выбрали.


С версии 1.0.5 решения появилась опция «Скрывать разделы». Если товары из определенного раздела отсутствуют в регионе, то раздел все равно отображается. Чтобы его убрать, необходима эта функция.

Опция «Скрывать разделы» находится в административной части сайта в Аспро: Priority → Настройки → Регионы.


На примере покажем, как это работает. Допустим, что в Москве имеются в наличии автомобили. Но в Челябинске в наличии автомобилей нет.



Без применения опции «Скрывать разделы», на странице продукции в Челябинске будут отображаться все разделы, но без товаров.



Если применить новый функционал, то в регионе, где нет товаров, раздел убирается полностью.




Автозамена контента по регионам с помощью тегов

У сайта с регионами стоит важная задача – для каждого города нужен уникальный контент.

Есть 2 решения 2 способами:

1. Создать свой контент для каждого региона.
2. Придать уникальности с помощью автоматической замены названий, адресов и других элементов по специальным тегам, как в Аспро: Priority.

С помощью специального тега REGION_TAG вы можете изменять условия доставки, адреса магазинов, описание товара или даже медиаконтент в автоматическом режиме. Для каждого города будет отображена своя уникальная информация.

Например, вы хотите отображать разную характеристику продукции для Челябинска и Москвы. Покажем, как это сделать на примере тега с кодом REGION_TAG_TEST. Заполните его значение, например «для бизнес-класса Москвы» и «для бизнес-класса Челябинска» для разных городов. Вставьте тег в карточку товара. Вместо тега будет автоматически подставлять специфичная для региона информация.

Получится такой результат для Челябинска:


для Москвы:



Расскажем как это сделать.

Инструкция по настройке:

В административной части сайта (1) перейдите в Контент (2). Здесь нам понадобится внести изменения в несколько вкладок: 

  • Региональность (aspro.next) → Регионы (3) 
  • Инфоблоки (4) → Типы инфоблоков (5) → Региональность (6).

  1. Перейдите в Инфоблоки →  Типы инфоблоков → Региональность. На вкладке «Свойства» выберете пустое поле. Если у вас его нет, нажмите на кнопку «еще». Заполните форму следующего вида:



  • Название: название тега — например, «Тег региона для примера»;
  • Тип : тип значения тега — строка, число, дата и т.д. Если вы хотите настроить тег для автоматической замены текста или медиаконтента, выберете тип строка;
  • Акт.: чтобы включить тег, отметьте поле галочкой. Для деактивации снимите отметку;
  • Код (4): код тега в системе. В нашем примере – «REGION_TAG_TEST»
Внимание! Код тега должен быть написан заглавными английскими буквами и начинаться со слов REGION_TAG_ (через нижнее подчеркивание). 

Например, для разных доставок — REGION_TAG_DOSTAVKA 
Для разного времени доставки — REGION_TAG_WORKTIME 
Для разных рекламных роликов в описании товара — REGION_TAG_MEDIACONTENT 
2. Перейдите во вкладку Региональность (aspro.next) → Регионы (4). Откройте нужный регион. Перейдите на закладку «Теги». Введите в поле нужный текст, нажмите «Сохранить».


Теперь добавим тег в продукцию. Перейдите в Каталог→  Продукция. В нашем примере мы выбрали «Автомобили». Перейдите в сам товар.


Добавьте тег #REGION_TAG_TEST# в анонс. Нажмите «Сохранить».


Аналогично можно подставить медиаконтент, для этого скопируйте html-код для вставки от Youtube или Vimeo следующего вида: <iframe width="560" height="315" src="https://www.youtube.com/embed/SbSpxA3cAUE&quot; frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe> . Добавьте ссылку в поле «Тега»


Добавьте тег #REGION_TAG_TEST# например, в описание к товару. Как получить этот тег мы описали ранее. 


Такой результат получится в описании к товару.




Интеграция с другими сервисами

Расширенная интеграция с Яндекс. Метрикой

Теперь настроить систему аналитики для сайта на решении Аспро еще легче и проще, потому что мы реализовали расширенную интеграцию Яндекс.Метрикой. Раньше чтобы настроить цели нашим пользователям приходилось обращаться к программисту. Теперь вы можете сделать это сами – за несколько минут и без вмешательства в код решения.

Благодаря расширенной интеграции с Яндекс.Метрикой вы сможете:
  • Видеть, как взаимодействуют с вашим сайтом посетители. На каких страницах задерживаются надолго и оставляют заявку, а какие «проскакивают», потому что им не интересно
  • Отслеживать эффективность рекламных кампаний. Какой канал приносит лиды и покупателей, а какой напрасно тратит деньги? Во сколько обходится заявка с Яндекс.Директа или Вконтакте? Какая кнопка в рассылке привела к покупке?
  • Понимать, где слабые места вашего сайта и как увеличить конверсию в покупки и продажи.
Функционал доступен в решениях:


Обзор настроек для Яндекс.Метрики

В решениях Аспро появился блок настроек для расширенной интеграции вашего сайта с системой аналитики Яндекс.Метрика. Благодаря ей вы сможете настроить сервис быстро и легко, не привлекая сторонних разработчиков и программистов.

Новинка доступна пользователям решений с активной лицензией:

Аспро: Корпоративный сайт 2.0
Аспро: Digital-компания
Аспро: Корпоративный сайт современной компании
Аспро: Корпоративный сайт
Аспро: Оптимус
Аспро: Маркет
Аспро: Крутой шоп
Аспро: Интернет-магазин
Аспро: Корпорация
Аспро: Ландшафт
Аспро: Шины и диски 2.0

Отслеживать активность пользователей, показатели конверсии и эффективность рекламы стало проще и удобнее. Вам не придется редактировать код решения или привлекать программиста  – самые важные цели вынесены в модуль настроек. Все, что нужно сделать – выбрать нужный уровень детализации аналитики и настроить цели на стороне Яндекс.Метрики.  

В этой главе мы рассмотрим настройку целей на примерах двух решений – Аспро: Корпоративный сайт современной компании и готового интернет-магазина Аспро: Оптимус. Для остальных решений алгоритм настройки сервиса аналогичен.

Настройки для Яндекс.Метрики находится в Центре управления Аспро в админке вашего решения (блок «Цели и счетчики»). Давайте рассмотрим их на примере решения Аспро: Корпоративный сайт современной компании.

В решении Аспро: Корпорация пункт настроек находится в настройки - настройки продукта - настройки модулей - Аспро: Корпорация - адаптивный сайт


Как видно из скриншота, есть возможность отредактировать файл со счетчиками, а также выбрать тип цели – общая или отдельная, и установить цели для оформления заказа.


В Центре управления для Аспро: Оптимус находятся дополнительные настройки для управления целями: покупки в 1 клик, быстрого и/или полного оформления заказа.


В следующих уроках мы подробно рассмотрим, как устанавливать счетчики систем аналитики на сайт и расскажем о настройке целей для Яндекс.Метрики. Для настройки специфических целей решения Аспро: Оптимус подготовлен отдельный урок.

Установка счетчиков

Действия по установке счетчика заключаются в добавлении его кода в специальный файл. В блоке настроек счетчиков предоставлен быстрый доступ к этому файлу через кнопку «Редактировать».


После нажатия кнопки в новом окне откроется визуальный редактор.


Сюда можно скопировать коды Google Analytics, Яндекс.Метрики, пикселей Вконтакте и Facebook.

Установка счетчика Яндекс.Метрики

Первым делом необходимо создать счетчик в Яндекс.Метрике.

Для этого создайте учетную запись на сервисе или авторизуйтесь, если она у вас уже есть. Затем нажмите «Создать новый счетчик».

Далее, заполняем основные поля: имя счетчика (1), адрес сайта (2). Для активации кнопки «Создать новый счетчик» следует принять пользовательское соглашение, установив соответствующую галочку (3).


После нажатия кнопки создания вы попадете на страницу настроек. Первой же вкладкой откроется «Код счетчика». Здесь нужно задать свои требования для кода. По умолчанию достаточно выбрать: «Вебвизор, карта скроллинга, аналитика форм» и «Асинхронный код».


Согласно установленным критериям в текстовом поле будет сформирован готовый код:

<!-- Yandex.Metrika counter -->
<script type="text/javascript">
   (function (d, w, c) {        (w[c] = w[c] || []).push(function() {            try {                w.yaCounter44200209 = new Ya.Metrika({                    id:44200209,                    clickmap:true,                    trackLinks:true,                    accurateTrackBounce:true,                    webvisor:true                });            } catch(e) { }        });        var n = d.getElementsByTagName("script")[0],            s = d.createElement("script"),            f = function () { n.parentNode.insertBefore(s, n); };        s.type = "text/javascript";        s.async = true;        s.src = "https://mc.yandex.ru/metrika/watch.js";         if (w.opera == "[object Opera]") {            d.addEventListener("DOMContentLoaded", f, false);        } else { f(); }    })(document, window, "yandex_metrika_callbacks"); </script> <!-- /Yandex.Metrika counter -->


Под полем с кодом нажимаем кнопку «Скопировать», затем «Сохранить».

Наш счетчик появится в списке.


Теперь нужно добавить сгенерированный Яндекс.Метрикой код, который мы скопировали, на свой сайт.

В Центре управления в блоке «Цели и счетчики» ставим галочку у пункта «Использовать Яндекс.Метрику». В решении Аспро: Корпоративный сайт современной компании открываем файл со счетчиками. В новом окне переходим в режим редактирования исходного кода.


Вставляем сюда код и сохраняем изменения.


Для Аспро: Оптимус и Аспро: Маркет будет необходимо скопировать код в специальное поле настроек. Подробнее об этом читайте в документации.


Затем в том же блоке, вставляем ID счетчика в одноименное поле и нажимаем «Применить». Аналогичный код копируем в эту же строку в блоке настроек для Аспро: Оптимус или Аспро: Маркет.


ID счетчика можно найти в коде. В нашем примере это id44200209.


Также идентификатор можно посмотреть в личном кабинете на Яндекс.Метрике.


Он дублируется в карточке счетчика на сервисе.


Применив вышеописанные изменения в блоке целей и счетчиков, вы установили счетчик на сайт. Проверку его работоспособности можно осуществить через режим отладки из публичной части. Для этого в блоке настроек должна быть установлена соответствующая галочка.


Откройте окно отладки клавишей F12. Здесь следует перейти во вкладку «Console». Если счетчик установлен правильно, он начнет отправлять данные сразу после установки. Его ID отобразится на консоли браузера.


В сервисе Яндекса в списке счетчиков у корректно установленного счетчика будет соответствующий значок статуса проверки, а в «Сводке» вы увидите первые собранные данные.


Теперь можно настраивать цели.

Настройка целей в Яндекс.Метрике

Внимание! В рамках технической поддержки мы не консультируем по настройкам Яндекс.Метрики. Если вам нужна индивидуальная настройка или диагностика, напишите нам на почту: info@aspro.ru.

В поле «Использовать цели заполнения веб-форм» вы можете:

  • отключить отслеживание конверсии при заполнении посетителями веб-форм, выбрав вариант «Нет»;

  • задать отслеживание действий со всеми веб-формами сайта (заказать проект, продукт, услугу, отправить резюме, задать вопрос и т.д.) без дополнительной информации о том, какие именно из них какую долю приносят в конверсии – вариант «Общая цель»;

  • задать отслеживание действий по конкретным веб-формам для учета их доли в конверсии – «Отдельная цель».


Помимо отслеживания действий с веб-формами доступно использование целей для корзины и заказов: добавление товара в корзину, начало оформления заказа и успешное оформление заказа для решения Аспро: Корпоративный сайт современной компании.

Для интернет-магазинов вы можете настроить отслеживание целей покупки в 1 клик, быстрого заказа и т.д. Подробнее об этом читайте в уроке «Настройка целей корзины, покупки в 1 клик, быстрого заказа на примере Аспро: Оптимус».

После задания целей в Центре управления необходимо также настроить счетчик в сервисе Яндекс. Подробнее об этом пишем в уроке, соответствующем указанному вами типу цели.

Создание общей цели для веб-форм

При выборе общей цели, будут учитываться действия со всеми веб-формами, без дифференциации. К преимуществам этого варианта относится легкость в настройке. Недостатком же является невозможность отследить какие именно веб-формы участвуют в конверсии. Опция подойдет тем, кто только начинает разбираться в веб-аналитике и хочет быстрых и легких положительных результатов.

После выбора варианта «Общая цель» в Центре управления под настройкой появится область с подсказкой.


Скопируйте идентификатор цели из подсказки: goal_webform_success.

В Яндекс.Метрике перейдите в карточку счетчика. Далее, Настройка (1) → Цели (2) → Добавить цель (3).


В popup-окне введите название цели (1). Выберите тип условия «JavaScript-событие» (2). В поле «Идентификатор цели» введите ранее скопированную из подсказки строку (3). Нажмите «Добавить цель».

В списке целей нашего счетчика появилась новая запись. Сохраните изменения соответствующей кнопкой.


Проверьте работоспособность цели – заполните любую веб-форму и отследите появление данных в Яндекс.Метрике.

Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.

Результат нашей настройки доступен для просмотра в меню Отчеты → Стандартные отчеты → Конверсии.


Внешний вид отчета:


Также работу цели можно проверить через консоль. В публичной части сайта нажмите клавишу F12, перейдите на вкладку консоли. Затем найдите строку с отметкой «Reach goal», кодом счетчика и id цели.


Создание отдельной цели для веб-формы

В Центре управления Аспро отслеживание отдельной цели включается одноименной опцией в поле «Использовать цели заполнения веб-форм» в блоке настроек целей и счетчиков. Опция позволяет фиксировать действия пользователей, связанные с разными веб-формами, и определять какие из них приносят больше конверсии.

Активация опции открывает желтое поле с перечнем идентификаторов для целей.


После выбора опции не забудьте применить изменения.

Цели конфигурируются по шаблону goal_webform_success_#ID_инфоблока_формы#. Вместо #ID_инфоблока_формы# нужно подставить ID формы, которую хотите отслеживать детально.

Идентификаторы можно также просмотреть во вкладке «Контент», ветка «Формы».


В таблице ID расположены в крайнем правом столбце.

Рассмотрим задание отдельной цели на примере формы «Заказать услугу». Для этого копируем идентификатор: goal_webform_success_121 из подсказки.

Также как в уроке по созданию общей цели перейдите в настройку счетчика на сервисе Яндекс.Метрика. Выберите Цели → Добавить цель. Введите название цели, установите тип условия «JavaScript-событие» и вставьте скопированный ID. 


В списке целей появилась новая запись. Сохраните изменения.


Закажите услугу на сайте и просмотрите изменение данных в Яндекс.Метрике.

Результат действий проверяем через консоль. Вызываем окно отладки клавишей F12, переходим на вкладку консоли. Ищем строку с отметкой «Reach goal», кодом счетчика и id цели.


В Яндекс.Метрике данные можно просмотреть в меню Отчеты → Стандартные отчеты → Конверсии.


Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.

Цели остальных веб-форм настраиваются по аналогии.

Настройка цели корзины и оформления заказа

Для отслеживания действий посетителей с корзиной и заказами создан отдельный пункт настроек. После установки галочки возле этого пункта отобразится желтое поле с подсказкой идентификаторов целей.


После активации опции примените изменения.

В сервисе Яндекс.Метрика все настраивается по алгоритму, описанному ранее.

Рассмотрим его на примере цели добавления заказа в корзину. Копируем идентификатор нужного действия: goal_basket_add.

В Яндекс.Метрике в настройке переходим на вкладку целей и нажимаем «Добавить цель». В новом окне: указываем название цели, устанавливаем тип  «JavaScript-событие» и вставляем скопированный ID.


Сохраняем изменения в списке целей.


Для проверки работоспособности целей перейдем в публичную часть сайта и добавим какой-нибудь товар в корзину. Нажмем клавишу F12 и во вкладке консоли проверим появление записи о достижении цели с id счетчика и цели.


В Яндекс.Метрике данные можно просмотреть в Отчеты → Стандартные отчеты → Конверсии.


Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.

Остальные цели, связанные с оформлением заказа настраиваются по аналогии.

Настройка целей для интернет-магазинов

Активация дополнительных целей решения Аспро: Оптимус позволяет отслеживать сколько раз было начато оформление заказа тем или иным способом и сколько операций оформления были завершены успешно.

Настройка счетчика под эти цели в Яндекс.Метрике производится в точности как и настройка целей в сервисе для Аспро: Корпоративный сайт современной компании. Действия производятся в административной части сайта во вкладке Аспро: Optimus → Настройки.


Подключите в модуле настроек новую цель и из подсказки со списком идентификаторов скопируйте ID необходимой цели. Например, ID начала оформления покупки в 1 клик – goal_1click_begin.


В настройках счетчика на сервисе Яндекс добавляем цель, куда в поле идентификатора вставляем скопированную строку.


Сохраняем изменения в списке целей.

Так как в примере рассматривается цель начала оформления заказа, а не его успешное завершение, для проверки работоспособности добавленной цели достаточно открыть соответствующую форму («Купить в 1 клик») и проверить появление строки о достижении цели в консоли браузера.


Результат настройки цели в Яндекс.Метрике:


Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.

Прочие специфичные цели для готовых интернет-магазинов настраиваются по аналогии.

Интеграция с CRM-системами

Теперь автоматизировать работу вашего бизнеса станет еще проще. В решениях Аспро реализована простая интеграция с CRM-системами: Битрикс24, Flowlu и amoCRM. Для интеграции необходимы лицензия 1С-Битрикс: Стандарт и модуль «Веб-формы».

Больше ни одна заявка с вашего сайта не будет упущена — вы сможете хранить всю важную информацию по клиентам в одном месте. Это позволит анализировать эффективность работы компании, способствует повышению продаж, а также стандартизирует работу менеджеров.

Настройка займет всего пару минут, а навыки программирования не потребуются.

Благодаря интеграции вы можете передавать в CRM все заполненные веб-формы:
  • заказа звонка
  • запроса консультации
  • отправленного резюме
  • заданного вопроса
  • заказа услуги
  • заказа проекта
  • заказа продукта
  • сообщения директору
  • оформления заказа.

Интеграция с Битрикс24

Битрикс24 — полный комплект инструментов для организации работы компании. В нем вы можете хранить всю информацию о ваших клиентах и заказах, объединять все каналы коммуникации с ними и анализировать результаты работы. А чтобы вы не потеряли ни одну заявку с вашего сайта, мы реализовали простую и легкую интеграцию решений Аспро с CRM-системой.

Внимание! Функционал доступен только для редакции 1С-Битрикс: Стандарт.
Примечание: Передавать файлы с сайта в CRM-систему нет возможности — этот функционал не реализован в 1С-Битрикс. Вопрос передан специалистам 1С-Битрикс и рассматривается для реализации в обновлении.

Благодаря интеграции с Битрикс24 вы можете передавать в CRM все заполненные веб-формы:
  • заказа звонка
  • запроса консультации
  • отправленного резюме
  • заданного вопроса
  • заказа услуги
  • заказа проекта
  • заказа продукта
  • сообщения директору
  • оформления заказа.

Настройка займет всего пару минут, а навыки программирования не потребуются.


Чтобы связать решение Аспро: Корпоративный сайт 2.0 с Битрикс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 все заполненные веб-формы:
  • заказа звонка
  • запроса консультации
  • отправленного резюме
  • заданного вопроса
  • заказа услуги
  • заказа проекта
  • заказа продукта
  • сообщения директору
  • оформления заказа.
Настройка доступна для решений Аспро: Next, Аспро: Корпоративный сайт 2.0, Аспро: Приорити, Аспро: Ландшафт, Аспро: Маркет и Аспро: Оптимус. Это займет всего пару минут, а навыки программирования не потребуются.

Для интеграции решения с amoCRM и Flowlu необходимо настроить подключение, а затем настроить веб-формы. Для этого переходим в Аспро: Allcorp2 → Интеграция с CRM. Для других решений по аналогии.


Подключение amoCRM

Чтобы подключить amoCRM нужно указать:



  • домен в amoCRM (1);

В поле требуется вводить домен 3го уровня (без https:// и .amocrm.ru).



  • логин от аккаунта в amoCRM (2);
  • ключ API (3).

Найти ключ можно в настройках amoCRM на одноименной вкладке.


Внимание! API ключ привязан к паролю. Когда вы его меняете, старый API ключ сбрасывается и устанавливается новый. Поэтому, после смены пароля обязательно обновляйте ключ в настройках решения Аспро: Корпоративный сайт 2.0.

Подключение Flowlu

Для подключения решения к Flowlu, укажите:



  • домен CRM (1);

Домен вводите в виде:



  • ключ API (2).

Ключ можно посмотреть в системе Flowlu. Он находится в Настройках системы → Настройки системы → API.



Настройка интеграции и веб-форм

После того, как вы подключили систему CRM, нужно настроить веб-формы, которые будут передаваться в нее с вашего сайта.

Под настройками подключения CRM находится группа настроек «Интеграция и соответствие полей». С ее помощью вы можете:
  • Включить интеграцию (1).
  • Активировать автоматическую отправку результатов в CRM (2). В этом случае они будут отправляться в систему сразу после того, как пользователь ее заполнил – вам не придется делать это вручную.
  • Включить логирование для отслеживания проблем с соединением (3). Логи записываются в директории /upload/logs/aspor.allcorp2/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 → Сделки.





 Здесь также можно просмотреть более подробную информацию:


Дополнительные настройки оформления

Настройки шрифта с помощью Google Fonts

Впервые в решении Аспро: Priority появилась возможность самостоятельно изменить шрифт под специфику проекта. Делается это в пару кликов и без помощи программиста — достаточно выбрать понравившийся шрифт из библиотеки шрифтов Google и добавить его в специальное поле решения.



Откройте Google Fonts. Для русскоязычного сайта в панели поиска справа выберите у параметра «Languages» вариант «Cyrillic».




Выберите понравившийся вам стиль и нажмите «+».





Внизу появится панель, которую нужно развернуть.





В панели перейдите на вкладку «Customize» (1).





Для корректного отображения выбранного шрифта на сайте отметьте галкой в списке параметры:
  • «Cyrillic» (4) – стиль сработает для русскоязычного текста;
  • «regular 400» (2) – чтобы использовать шрифт для обычного (нормального) текста;
  • «bold 700» (3) – чтобы на сайте работало выделение текста заданного стиля полужирным.
Затем переключитесь на вкладку «Embed» и скопируйте код из «Embed Font → Standart».




Откройте в админке Рабочий стол → Аспро: Priority → Настройки. Найдите в группе общих настроек поле «Произвольный шрифт» и вставьте в него код.





Результат на сайте после применения изменений:






Отображение галереи по умолчанию

Галерея изображений позволяет презентовать информацию в виде стильных снимков. Она отображается на детальных страницах товаров, услуг, новостей и проектов. Размещайте изображения, чтобы привлечь внимание пользователей и показать свои лучшие стороны. Доступно 2 варианта отображения галереи: большая и маленькая. Пользователи могут переключать типы самостоятельно. В Аспро: Приорити, начиная с версии 1.0.6, вы можете задавать вариант по умолчанию. Выбирайте большую фотогалерею, если хотите сделать акцент на главном изображении. А маленькую галерею, когда нужно показать в ряд несколько снимков.

Маленькая галерея, где изображения располагаются в ряд или несколько рядов.


Большая галерея, где в слайдер выведено главное изображение. Элементы переключаются по клику на стрелки.


Чтобы изменить вид отображения, пользователю достаточно кликнуть по переключателю в правом верхнем углу.

Задать тип галереи по умолчанию

Чтобы выбрать тип галереи по умолчанию, в публичной части сайта в режиме правки наведите на область страницы и кликните на шестеренку.

В параметрах компонента новостей в поле «Тип галереи» выберите вариант из выпадающего списка. Сохраните изменения.

Рекомендации для графических материалов

В главе представлены рекомендации, которые помогут вам наполнить решение Аспро: Priority контентом.

Логотип

  • Шапка № 1, 2, 6, 7
Размер контейнера для логотипа вашей компании на панели меню сайта – 160 x 87 px.
  • Шапка № 3, 8
Размер контейнера для логотипа вашей компании на панели меню сайта – 160 x 99 px.
  • Шапка № 4, 5, 13, 14
Размер контейнера для логотипа вашей компании на панели меню сайта – 160 x 93 px.
  • Шапка № 9, 10, 11, 12
Размер контейнера для логотипа вашей компании на панели меню сайта – 160 x 82 px.

Высота логотипа должна быть минимум на 36 px меньше, чем высота контейнера. Допустимо использование изображения как равного по ширине с контейнером, так и меньше его. Если длина и ширина логотипа превышает обозначенные значения, картинка будет соприкасаться с меню и верхним блоком.

Допустимые форматы изображений – svg, jpg, png, gif. 

Изображение в начале лендинга в каталоге продукции



  • При ширине сайта 1700 px – 1700 x 645 px;
  • 1500 px – 1500 x 569 px;
  • 1344 px – 1344 x 510 px;
  • 1200 px – 1200 x 455 px.

Изображение в начале контентной страницы



Допустимые форматы изображений – jpg, png, gif.
  • 1267 x 480 px –  при ширине сайта 1700 px;
  • 1117 x 423 px – 1500 px;
  • 1000 x 379 px – 1344 px;
  • 892 x 338 px – 1200 px.

Большой баннер на внутренней странице ниже заголовка

  • Допустимые форматы изображений – jpg, png, gif
  • Оптимальный размер картинок: 1920 x 500 px.

Большой баннер на внутренней странице



  • Бэкграунд: 1920 x 500 px;
  • Активная картинка: высота – 500 px.
Изображение будет накладываться на фон с середины. Вы можете занять плавающей картинкой все свободное пространство до правого края фонового изображения (максимальная ширина будет составлять 960 px) или какую-то его часть.

Контакты

Допустимые форматы изображений – jpg, png, gif.

  •  Для заполнения раздела «Контакты» используйте изображения с соотношением сторон 3:2, размер 396 x 264 px.

  • В компактных видах контактов оптимальный размер картинки 900 x 600 px.


Пресс-центр




Допустимые форматы изображений – jpg, png, gif. Соотношение сторон 3:2.

Размер картинок должен быть:
  • 733 x 486 px – при ширине сайта 1200 / 1344 / 1500 px;
  • 834 х 555 px – при ширине сайта 1700 px.

Отзывы

  • Допустимые форматы изображений – jpg, png, gif;
  • Фото: 80 x 80 px;
  • Лого: 90 x «70 или меньше» px.


Также вы можете загружать видео.



Чтобы видео корректно отображалось, необходимо вставлять ссылку на ролик формата «iframe». 

Пример: <ifr ame width="560" height="315" src="https://www.youtube.com/embed/eWg0I6PShFs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Для получения ссылки такого формата на странице с видео на площадке YpuTube кликните кнопку «Поделиться».



Затем кликните кнопку «Встроить».



Скопируйте код и вставьте его в настройки решения.


Команда

  • Допустимые форматы изображений – jpg, png, gif;
  • Оптимальный размер картинок: 468 x 468 px;
  • Максимальный размер картинок: 543 x 543 px – в варианте когда ширина страницы 1700 px и выбраны эти варианты отображения сотрудников на главной.




Проекты

Допустимые форматы изображений – jpg, png, gif.

Вариант 1
  • 834 x 555 px – при ширине сайта 1700 px;
  • 734 x 488 px – 1500 / 1344 / 1200 px.




Вариант 2

  • 617 x 410 px – при ширине сайта 1700 px;
  • 542 x 360 px – 1500 px;
  • 528 x 352 px – 1344 / 1200 px.

Вариант 3

  • 617 x 410 px – при ширине сайта 1700 px;
  • 542 x 360 px – 1500 px;
  • 528 x 352 px – 1344 / 1200 px.




Вариант 4 

  • 617 x 410 px – при ширине сайта 1700 px;
  • 542 x 360 px – 1500 px;
  • 528 x 352 px – 1344 / 1200 px.





Продукция

1. Иконки категорий 
  • Допустимые форматы изображений – svg, jpg, png, gif;
  • Размер картинки может быть любой, но в пределах 40 x 40 px.



2. Картинки категорий продукции 
  • Допустимые форматы изображений – jpg, png, gif.
  • Размер картинки может быть любой, но в пределах 140 x 140 px.


3. Изображение товара 
  • Допустимые форматы изображений – jpg, png, gif;
  • Соотношение сторон – 1:1;
  • Размер картинки может быть любой, но не больше 800 x 800 px.




4. Иконки тизеров 
  • Допустимые форматы изображений – svg, jpg, png, gif;
  • Размер картинки может быть любой, но в пределах 40 x 40 px.






Услуги

1. Иконки категорий 

  • Допустимые форматы изображений – svg, jpg, png, gif;
  • Оптимальный размер картинок: 40 x 40 px.


2. Картинки категорий:

Соотношение сторон 3:2. Допустимые форматы изображений – jpg, png, gif

Вариант 1 
  • 834 x 555 px – при ширине сайта 1700 px;
  • 735 x 490 px – 1500 / 1344 / 1200 px.

Вариант 2 
  • 401 x 267 px – при ширине сайта 1700 px;
  • 398 x 265 px – 1500 / 1344 / 1200 px.


Вариант 3 
401 x 267 px – при ширине сайта 1700 / 1500 / 1344 / 1200 px.

Вариант 4

429 x 285 px – при ширине сайта 1700 / 1500 / 1344 / 1200 px.


Главная страница

1. Главный баннер

Допустимые форматы изображений – jpg, png, gif.

  • Для баннера с 1 шапкой: 1920 x 685 px;
  • Для баннеров с 2, 14 шапкой: 1920 x 599 px;
  • Для баннеров с 3, 4, 5, 6, 7 прозрачной шапкой: 1920 x 685 px;
  • Для баннеров с 8 шапкой: 1920 x 587 px;
  • Для баннеров с 9, 10, 11, 12 шапкой: 1920 x 550 px;
  • Для баннеров с 13 шапкой: 1920 x 540 px.
Рекомендованные размеры баннеров актуальны для типов шапки с прозрачным фоном. Если шапка непрозрачная, она будет накладываться на изображение и закрывать его часть в зависимости от размера шапки. При этом варианты стоит заложить в размеры баннера размер шапки.

Так как баннеры могут быть загружены различных размеров, они не адаптированы. Это значит, что баннер будет обрезаться на мобильных устройствах. Поэтому рекомендуется загружать абстрактные картинки, смысл которых не потеряется в мобильной версии.

2. Главный баннер (составной)

  • Допустимые форматы изображений для бэкграунда – jpg, png, gif;
  • Допустимые форматы изображений для активной картинки – png;
  • Изображение будет накладываться на фон с середины. Вы можете занять плавающей картинкой все свободное пространство до правого края фонового изображения (максимальная ширина будет составлять 960 px) или какую-то его часть.
  • Для баннеров с 1, 2, 14 шапкой: 
Бэкграунд – 1920 x 599 px
Активная картинка: максимальная ширина – 960 px , оптимальная высота – 550 px
  • Для баннеров с 3, 4, 5, 6, 7 прозрачной шапкой: 
Бэкграунд – 1920 x 685 px
Активная картинка: максимальная ширина – 960 px , оптимальная высота – 550 px
  • Для баннеров с 8 шапкой: 
Бэкграунд - 1920 x 587 px
Активная картинка: максимальная ширина – 960 px , оптимальная высота – 550 px
  • Для баннеров с 9, 10, 11, 12 шапкой:
Бэкграунд - 1920 x 550 px
Активная картинка: максимальная ширина – 960 px , оптимальная высота – 500 px
  • Для баннеров с 13 шапкой:
Область Баннер + шапка - 1920 x 685 px
Бэкграунд - 1920 x 685 px
Активная картинка: максимальная ширина – 960 px , оптимальная высота – 500 px

Обратите внимание, что при подключении шапки №13 - 146 px сверху баннера закроет шапка сайта.

3. Плавающие баннеры

Допустимые форматы изображений – jpg, png, gif.
  • Узкие – 600 x 400 px.
горизонтальные


вертикальные

  • Широкие – 1200 x 400 px.

4. О компании

  • Допустимые форматы изображений – jpg, png, gif.
  • Ширина – 960 px максимум.
  • Оптимальная высота – исходя из размеров текста. 




  • Размер бэкграунда:
1920 – ширина, высота – исходя из размеров текста. В нашем случае – 600 px.
Допустимые форматы изображений для бэкграунда – jpg, png, gif.
  • Размер активной картинки:
Ширина – 960 px максимум.
Оптимальная высота – исходя из размеров текста. В нашем случае – 540 px.
Допустимые форматы изображений – png.

5. Преимущества на главной

  • Рекомендуемые расширения для преимуществ на главной странице сайта: svg, jpg, png, gif.
  • Оптимальный размер картинок: 50 x 50 px.


6. Информационный блок

  • Допустимые форматы изображений для бэкграунда – jpg, png, gif.
  • Размер картинки может быть любой, но в пределах 222 x 244 px.

Логотипы партнеров и производителей



  • Для логотипов в разделе «Наши партнеры» и «Производители» используйте изображения с расширением jpg, png, gif.
  • Максимальный размер картинок – 150 х 90 px.
  • Допустимо размещение изображения меньшего размера.

Преимущества на внутренних страницах

  • Рекомендуемые расширения для преимуществ на главной странице сайта: svg, jpg, png, gif. 
  • Оптимальный размер картинок – 50 x 50 px.


SEO, маркетинг, реклама

Рекламные баннеры

Рекламные баннеры – надежный инструмент для привлечения внимания к уникальным предложениям магазина, акциям или продвижения товаров и услуг.

В Аспро: Корпоративный сайт 2.0 и Аспро: Priority заданы 6 рекламных областей. Разновидности рекламных баннеров и их настройка одинакова для обоих решений. Рассмотрим их на примере Корпоративный сайт 2.0.

Вы можете разместить баннеры:

  • сверху над шапкой;



  • сверху под шапкой;


  • сбоку от контента;


  • над контентом;



  • под контентом;

  • внизу страницы.


Рекламные баннеры (кроме бокового) могут отображаться на всех страницах сайта или на конкретных страницах/разделах. Боковая реклама отображается под боковым меню, поэтому, если меню нет, например, в разделе «Контакты», то и баннер отображаться не будет.

Включить отображение баннеров можно:

  • В виджете настроек

Раскройте виджет, нажав на кнопку в левой части сайта:


Переключитесь на раздел «Баннеры» и активируйте нужный вам, переместив ползунок вправо.



  • В админке

В Аспро: Корпоративный сайт 2.0 перейдите в Аспро: Allcorp2 → Настройки.


В Аспро: Priority откройте Аспро: Priority → Настройки.


Пролистайте настройки до группы «Баннеры». Установите галку у нужных вам пунктов и сохраните изменения.


Управлять баннерами можно как в публичной части сайта, так и в административной. Для управления из публички переключитесь в режим правки.


Наведите указатель на баннер, который вы хотите изменить (2), удалить (3), или на место которого нужно добавить новый (1). В появившемся меню нажмите кнопку, соответствующую вашим целям.





Баннеры в админке можно найти:

  • В Аспро: Корпоративный сайт 2.0 в Рабочий стол → Контент → Реклама (aspro.allcorp2) → Баннерные позиции.


  • В Аспро: Priority в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Внутренние


Здесь можно добавить новый баннер с помощью одноименной кнопки (1) или изменить (2), удалить (4),деактивировать существующий (3) при помощи меню кнопки «Гамбургер».

Рассмотрим содержимое карточки подробнее. На основной вкладке вы можете:

  • активировать отображение баннера на сайте (1);
  • задать период, в который баннер будет виден пользователям (2);
  • дать ему понятное название (3), чтобы легко находить в списке (в админке);
  • определить где он будет отображаться: над шапкой, под ней, над контентом, под ним, сбоку или внизу страницы (5);
  • ограничить показ баннера некоторыми разделами (6) или страницами (7);
  • скрыть его на версиях для мобильников (8) и планшетов (9);
  • привязать к баннеру страницу (10) и определить как она будет открываться (4) – в новом окне или текущем;
  • настроить каким образом подгонять размер изображения при уменьшении масштаба страницы (11) – обрезать по краям или масштабировать;
  • задать цвет фона (12) для используемой картинки.




Изображение для баннера загружается на вкладке «Анонс».





Для разработчиков

Решение Аспро созданы на современной технологической платформе – Bootstrap 3.0, HTML5, CSS3, jQuery. Они имеют принципиально новую архитектуру, с которой по-настоящему удобно работать. В специальном разделе есть библиотеки кнопок, иконок и элементов для оформления.

В этой главе мы расскажем об этих преимуществах, а также о том, как легко и просто изменять основные элементы сайта.

Внимание! Информация, представленная в этой главе, носит рекомендательный характер и предназначена для программистов, владеющих навыками разработки на 1С-Битрикс. Мы не оказываем консультации по разработке и не несем ответственности за последствия изменения кода шаблона. Инструкция подразумевает, что вы сможете выполнить работу с кодом самостоятельно.

Мы настоятельно рекомендуем придерживаться наших рекомендаций. Ошибки, возникшие из-за некорректных действий, устраняются платно.

Если вы не разработчик и хотите доработать решение под ваш проект – например, изменить внешний вид блоков, разделов, элементов или добавить новый функционал, пожалуйста, свяжитесь с нами.

Модификация кода шаблона

В этой главе мы расскажем, как мофидицировать отдельные разделы и элементы быстро и легко. При соблюдении этих рекомендаций вы избежите путаницы и конфликтов функционала при обновлениях.

Глава выстроена в виде уроков-кейсов. В кейсах рассматривается общий алгоритм работы с шаблонами компонентов и элементов, содержатся названия файлов и ссылки, необходимые для работы.

Главная страница

Если вам по каким-то параметрам не подходят имеющиеся 4 шаблона главной, вы можете создать свой.

Кликните по вкладке с названием решения, далее Настройки → Главная. В «Типе главной страницы» выберите «Custom».




Затем перейдите в Рабочий стол → Контент → Структура сайта → Файлы и папки. В корне расположен кастомный файл (1) и шаблонные (2).





Из файлов шаблонов (2) в карточку (1) перенесите нужные вам элементы кода. Чтобы открыть файл, кликните на «гамбургер» и выберите «Редактировать как PHP».




При копировании кода обязательно в начале перенесите в файл indexblocks_custom.php (1) строку: <?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die();?>

Далее скопируйте нужные блоки. Каждый из них должен начинаться и заканчиваться строками:

  • <?$APPLICATION->IncludeComponent(

  • );?>

Блоки услуг и портфолио содержат несколько вариантов отображения. Поэтому для копирования понравившегося вам шаблона, перейдите в Рабочий стол → Контент → Структура сайта → Файлы и папки → include → mainpage. Там расположены файлы шаблонов услуг (3) и портфолио (4).

Кликнете на гамбургер нужного файла и выберите «Редактировать как PHP».


Оттуда необходимо скопировать весь код и вставить в файл indexblocks_custom.php (1).

Нужно помнить, что расположение блоков главной зависит о того, в каком порядке вставлен код каждого элемента в файле indexblocks_custom.php (1).






Шапка сайта

Изменения для шапки сайта выполняются по аналогичному алгоритму. Перейдите в Центр управления Аспро. В настройках найдите блок «Шапка». Подключите опцию для разработчиков Custom.

Вид сайта в публичной части снова изменился:


Перейдите в структуру сайта по адресу /bitrix/templates/aspro-digital/page_blocks. Найдите в списке файлы с кодом для различных типов шапки сайта. Всего их 15:

  • header_1.php
  • header_2.php
  • ...
  • header_15.php

Файл header_custom.php предназначен для внесения изменений. Скопируйте туда фрагменты кода отдельных элементов, которые необходимы вам для работы, или разместите свой код.

Подвал сайта

Подключите опцию для разработчиков Custorm в настройках решения, расположенных в Центре управления Аспро.


Перейдите в структуру сайта /bitrix/templates/aspro-digital/page_blocks. Найдите файлы, которые могут понадобиться для работы:

  • footer_1.php
  • footer_2.php
  • footer_4.php
  • footer_5.php 


Файл footer_custom.php предназначен для внесения изменений. Скопируйте туда фрагменты кода отдельных элементов, которые необходимы вам для работы, или разместите свой код.

Мобильная шапка и мобильное меню

Перейдите в Центр управления Аспро и подключите опцию Custom для разработчиков в зависимости от того, что хотите изменить - мобильную шапку или тип мобильного меню.


Перейдите в структуру сайта: /bitrix/templates/aspro-digital/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 – для мобильного меню.

Отредактируйте нужный файл и сохраните изменения.


Графические материалы

В поставку решений Аспро включены библиотеки иконок, кнопок и других элементов интерфейса, которые помогут сделать сайт на основе готового решения еще красивее и уникальнее. 

В разделе «Оформление» показаны варианты отображения текста с использованием заголовков различных уровней для разбиения информации на блоки меньшего размера, что упрощает ее восприятие, и позволяет отделить смысловые блоки друг от друга.


Для того, чтобы визуально выделить перечисление, например, преимуществ сотрудничества, вы можете задействовать один из вариантов представления списков: нумерованный/ненумерованный, иерархический/линейный или с детальным описанием. Также при создании списка в качестве маркера доступно использование пиктограмм, которые включены в библиотеку.


Для приверженцев интересной подачи материала приведен пример оформления цитат и буквиц, гармонирующий с общей стилистикой решения.

Цитата – это ключ, основная идея статьи, поэтому она должна особым образом выделяться на общем фоне и «цеплять» даже беглый взгляд посетителя. 

Использование буквицы как художественного приема оформления текста делает его более приятным для чтения и украшает страницу, которая не изобилует другими яркими деталями.


В библиотеке присутствуют средства визуального оформления кода. Выражения из кода в тексте выделяются использованием другого цвета для него самого и его заднего фона, а строки кода для удобства помещаются в специальные блоки, чтобы ни один символ не потерялся в тексте описания.


В этом же разделе вы можете ознакомиться со стилями оформления таблиц, которые удобно использовать для представления структурированной информации (к примеру, отображения реквизитов компании).

Если вам необходимо выделить какой-либо элемент текста, вы можете установить возле него «визуальный якорь» в виде одной из пиктограмм, что в огромном множестве перечислены в разделе «Иконки». Например, к электронному адресу тех. поддержки с меткой легко будет вернуться в подробной инструкции по настройке программного продукта в случае, если инструкция не помогла и на одном из этапов возникли непредвиденные затруднения.


Также в этом разделе вы можете выбрать один из вариантов цветовой схемы, доступный для иконок большего размера.


Раздел «Кнопки» отображает варианты активных и неактивных кнопок, отличающихся размерами и расцветкой, чье поведение также различно при наведении на них указателя.


Раздел «Элементы» содержит примеры внешнего вида ярлыков (Labels) – иконок, содержащих исчерпывающую информацию, например, об участии предложения в действующей акции или отношение товара к хитам продаж.


Здесь же вы можете ознакомиться с отображением всплывающей подсказки, призванной при наведении указателя раскрыть посетителю значения используемых в статье терминов или внести некоторые уточнения.

Пример внутренних вкладок, используемых для улучшения организации предоставляемых пользователю сведений, демонстрирует оформление активных и неактивных вкладок, и поведение страницы при переключении с одной вкладки на другую.


Помимо прочего в этом разделе показаны способы представления аккордеона и его поведения при разворачивании скрытого по умолчанию варианта/полного списка. Функциональной особенностью этого элемента является возможность выбора посетителем какую информацию необходимо раскрыть более подробно, а какая представляется ему излишней.


Один из вариантов аккордеона используется на странице «Вакансии» в решении Аспро: Digital-компания при выборе соответствующей темы оформления раздела.


Ниже расположены примеры оформления предупреждений, шкалы прогресса, формы обратной связи.


Размеры навигационной панели по страницам раздела представлены в 3х вариантах.


Присутствуют дополнительные средства визуального оформления текстовых блоков.


Также в поставку включены элементы для работы с изображениями – Carousel, Fancybox и рамки для миниатюрных изображений.


Использование библиотеки UI-элементов

В этом уроке мы расскажем и покажем наглядно, как можно использовать UI элементы из библиотеки, включенной в поставку решения, а также как пользоваться возможностями верстки, вставлять иконки, кнопки и элементы оформления на сайт.



Внимание! Для успешной работы с html-кодом понадобятся хотя бы минимальные знания тегов и принципов записи. Если возникают сомнения или нужно попрактиковаться, вы можете смело экспериментировать с версткой на тестовой странице. Изменение html-кода может испортить верстку отдельной страницы, но не сломает весь сайт.

Представленные на демо-сайте UI элементы являются html-кодом, который вы можете скопировать и вставить в нужное место на странице сайта. В качестве примера добавим на сайт элемент «Шестеренки» и заголовки разного размера.




Перейдите на нужную страницу сайта, где вы хотите разместить элементы, активируйте режим правки и откройте страницу для редактирования. Переключитесь на совмещенный режим отображения, чтобы было видно одновременно и html-код, и внешний вид содержимого.




Откройте на вашем сайте раздел с библиотекой UI-элементов, перейдите на страницу с нужным содержимым, войдите в режим редактирования и также переключитесь в нем на совмещенный режим отображения.



Скопируйте код интересующих вас элементов и вставьте на странице своего сайта. 



В нашем примере скопирован код заголовка и код элемента «Шестеренки». Вы можете вносить изменения в код – например, убрать тестовый текст под заголовком или поменять подпись под шестеренками.

После сохранения изменений на странице отображаются нужные элементы:










Установка модулей сторонних разработчиков

Решения «Аспро» поддерживают стандартный набор модулей и компонентов 1С-Битрикс.

Мы не тестируем модули и компоненты сторонних разработчиков, поэтому не можем гарантировать совместимость с решениями «Аспро» и 100% работоспособность на готовом сайте.  Для того, чтобы установить такое решение, рекомендуем обратиться к сертифицированным партнерам 1С-Битрикс.

Внимание! Если вы собираетесь установить модуль или компонент стороннего разработчика, помните: вы делаете это на свой страх и риск. Любые вмешательства такого рода приравниваются к изменению кода и могут привести к нарушению логики работы решения, изменениям верстки и программным ошибкам.  Перед тем, как устанавливать модуль, убедитесь, что вы обладаете необходимыми навыками для внесения изменений в решение и обязательно выполните резервное копирование.