0  /  114

Аспро: Digital-компания

Содержание

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

В главе описан алгоритм установки готового решения на примере Аспро: Маркет: от подготовки хостинга, активации лицензии 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. Заполняем поля «Имя базы данных», выбираем из списка сайт, на который будем устанавливать решение, задаем имя пользователя и генерируем пароль. Имя базы данных и пароль сохраняем в отдельном документе – в дальнейшем нам понадобятся эти данные при установке решения. 



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

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

Копируем адрес сайта, вставляем его в адресную строку на новой вкладке и вместо 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С-Битрикс: Управление сайтом.

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

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

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

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

Настройки

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

  • Системные настройки
  • Почта
  • Файлы
  • Оптимизация 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) — определяет, с какой периодичностью будут сменяться слайды в блоке «Наши партнеры» и с какой скоростью будет происходить анимация при их смене.

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

Шапка

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




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

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

Каталог

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


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

Разделы



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

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

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

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



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

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




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

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

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



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

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

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

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

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


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

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

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

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

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



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

  • «Мобильная шапка» (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:

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

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

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


В верхней части виджета есть кнопка «Настройки по умолчанию». Она сбрасывает все установленные вами настройки и возвращает к настройкам по умолчанию.

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


Рассмотрим подробно каждую группу настроек.

Общие

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


  • Базовый цвет (1) — задает цвет основных элементов сайта: кнопок, подсветки ссылок, заливки логотипа с прозрачным фоном и др. Вы можете выбрать свой цвет, не представленный в палитре. Для этого нажмите кнопку с пипеткой и выберите нужный цвет в окне спектра или скопируйте код цвета в окно под палитрой.

  • Шрифт (2) — задает шрифт и размер для всех текстов на сайте. Выбранный размер считается базовым для css-стилей и равным 1em, поэтому стили, где размеры шрифтов элементов сайта опираются на эту относительную единицу, будут рассчитываться исходя из выбранного значения

  • Заголовки (3) — определяет начертание заголовков: обычное или полужирное

  • Ширина сайта (4) — определяет ширину контентной области

    При минимальной ширине 1200 px сайт выглядит так:


    При максимальной ширине 1700 px сайт выглядит так:




  • Тип поиска (5) — определяет вид поисковой строки.

    Тип 1: узкая полоска со строкой появляется из-за верхнего края, закрывает минимум пространства сайта


    Тип 2: широкий блок наплывает из-за верхнего края, остальная страница тонируется


  • Оформление заголовка и хлебных крошек (6) — определяет внешний вид хлебных крошек и заголовков.


    Тип 1: заголовок без цветного фона, полужирный, расположен под хлебными крошками

    Тип 2: заголовок со светло-бежевым фоном, полужирный, расположен под хлебными крошками

    Тип 3: заголовок со светло-бежевым фоном, нормальный, расположен над хлебными крошками

    Тип 4: заголовок с фоном выбранного базового цвета сайта, нормальный, расположен над хлебными крошками
  • Тип наведения на картинки (7) — задает анимацию при наведении на картинки на сайте: блеск или мигание
  • Информирование об обработке персональных данных (8) — если включена данная опция, то во всех формах обратной связи и оформлении заказа появится обязательная галочка с текстом из настроек. При включенной опции посетитель сайта не сможет отправить сообщение через веб форму, пока не нажмет эту галочку.
  • Внутреннее меню (9) — задает положение меню на внутренних страницах: справа или слева
  • Кнопка печати страницы (10) — добавляет на каждую страницу кнопку, которая отправляет страницу на печать, если ее нажать

Главная

Настройки главной страницы сайта.


  • Ширина главного банера (1) — задает ширину основного баннера со слайдером на главной странице
    По ширине экрана: баннер растянут на всю ширину экрана, даже если она больше выбранной ширины сайта

    Широкий: баннер значительно шире контентной области


Средний: баннер заметно шире контентной области



Узкий: баннер немного шире контентной области


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

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

Шапка

Настройки шапки (header).


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

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

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

Каталог

Активация и настройки внешнего вида основных функций каталога.


  • Умный фильтр (1) — активирует умный фильтр в каталоге. Можно выбрать его положение: вертикальный или горизонтальный

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



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


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


Разделы

Настройки внешнего вида и блоков для различных базовых разделов сайта.


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

Внешний вид меняется для разделов:

  • Контакты
  • Блог
  • Проекты
  • Новости
  • Компания → Наши сотрудники
  • Компания → Партнеры
  • Компания → Вакансии
  • Компания → Лицензии

Футер

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


На выбор предложены 4 варианта оформления.

Баннеры

Активирует отображение рекламных баннеров в разных частях сайта.


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

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

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

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


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

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

Активирует личный кабинет и его основные функции


  • Личный кабинет (1) — активирует на сайте личный кабинет
  • Фамилия имя отчество в одном поле (2) — активирует одно поле для ФИО. Если неактивно, для ФИО используется три поля.

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

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

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

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

Посмотреть, что содержится в каждом типе главной, можно в виджете на вкладке «Главная».


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


Пункт «Custom» — подключает модифицированный шаблон (опция для разработчиков).

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

  • Шапка
  • Основные баннеры со слайдером
  • Плавающие баннеры
  • Блок «Услуги»
  • Блок «Портфолио»
  • Блок «Наши продукты»
  • Блок «Наши партнеры»
  • Последние новости
  • Новости и акции
  • Отзывы клиентов
  • Блок обратной связи
  • О компании
  • Блок «Наша команда»
  • Подвал

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

О компании

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


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


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

На вкладке «Анонс» можно установить фоновую картинку для блока и текст.

Виджет Instagram

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

Отображение блока в Аспро: Курорт.


Отображение блока в Аспро: Next.


Обратите внимание! В Аспро: Next виджет будет отображаться, если выбран тип главной 1 или 3. При подключенном типе 2 или 4 — блок Instagram не отобразится.

Активировать отображение блока Instagram для 1 и 3 типа вы можете в виджете настроек. Перейдите на вкладку «Главная». Нажмите на «Параметры». 



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



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



Отображение блока в Аспро: Корпоративный сайт 2.0.


Обратите внимание! В Аспро: Корпоративный сайт 2.0 виджет будет отображаться, если выбран тип главной 1, 2 или 4. При подключенном 3 типе — блок Instagram не отобразится.

Отображение блока в Аспро: Digital-компания.


Обратите внимание! В Аспро: Digital-компания виджет будет отображаться, если выбран тип главной 2 или 4. При подключенном 1 или 3 типе — блок Instagram не отобразится.
 
Вы также можете подключить тип главной «Custom», в код которого вставить код виджета Instagram.

Для примера создадим 2 тип главной страницы с виджетом Instagram в Аспро: Next. Для этого перейдите в Контент → Структура сайта → Файлы и папки и найдите файл «indexblocks_index2.php». Нажмите в этой строке на «Гамбургер», затем на кнопку «Редактировать как PHP».



Скопируйте весь код.

Затем найдите файл «indexblocks_custom.php». Нажмите в этой строке на «Гамбургер», затем на кнопку «Редактировать как PHP».



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

В конце кода добавьте фрагмент кода виджета Instagram:

 <?$APPLICATION->IncludeComponent("bitrix:main.include", ".default",
 array(
 "COMPONENT_TEMPLATE" => ".default",
 "PATH" => SITE_DIR."include/mainpage/comp_instagramm.php",
 "AREA_FILE_SHOW" => "file",
 "AREA_FILE_SUFFIX" => "",
 "AREA_FILE_RECURSIVE" => "Y",
 "EDIT_TEMPLATE" => "standard.php"
 ),
 false
 );?>
Если вы хотите вывести виджет Instagram на главной странице в другом месте, вставьте код виджета между необходимыми фрагментами кода других элементов. Для этого необходимо обладать базовыми знаниями программирования.

Сохраните изменения. И подключите тип главной страницы — «Custom» в настройках решения. 

Чтобы подключит тип «Custom», перейдите Аспро: Next → Настройки. Найдите блок «Главная». В строке «Тип главной страницы» выберите «Custom».



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


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

Инструкция:

  1. Зарегистрируйте аккаунт Instagram, если он отсутствует.

  2. Авторизуйтесь на сайте сервиса по ссылке Instagram.com/developer под действующим аккаунтом.

  3. Заполните данные для входа в раздел для разработчиков:

    Your Website – ваш сайт
    Phone Number – номер телефона
    What do you want to build with the API? - произвольное описание применения функционала Instagram. В нашем случае мы указали, что это виджет для сайта.

    Нажмите на кнопку Sign Up.


  4. Зарегистрируйте нового клиента. Для этого нажмите на кнопку Manage Client, а затем на Register a New Client.



  5. Откроется форма регистрации нового Client ID. Заполните следующие поля:

    Application Name – произвольное название
    Description – произвольное описание
    Company Name – название компании или сайта
    Website URL – адрес сайта (c http://)
    Valid Redirect URLs – адреса, на которые должна выполняться переадресация. В нашем случае также оставляем адрес действующего сайта.
    Contact email – ваш электронный адрес.



  6. Перейдите на вкладку Security и деактивируйте параметр Disable implicit OAuth.



  7. Нажмите на кнопку Register. Откроется сообщение об успешной регистрации:


  8. Скопируйте ваш Client ID:

    bf790cc9d4d84446a974dda65ba0e696

  9. Подставьте ваш Client ID и адрес сайта, указанный при регистрации, в ссылку:

    https://instagram.com/oauth/authorize/?client_id=[ВСТАВЬТЕ_ВАШ_ID]&redirect_uri=[ВСТАВЬТЕ_АДРЕС_ВАШЕГО_САЙТА]&response_type=token

    Ссылка с Client ID будет выглядеть так:

    https://instagram.com/oauth/authorize/?client_id=bf790cc9d4d84446a974dda65ba0e696&redirect_uri=http://resort.aspro-demo.ru/&response_type=token

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

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



  12. Перейдите в настройки решения на сайте:
    Аспро: Resort → Настройки
    Аспро: Next → Настройки
    Аспро: Корпоративный сайт 2.0 → Настройки
    Аспро: Digital-компания → Настройки.

  13. В Аспро: Курорт в блоке «Главная страница» найдите поле API token для инстаграма. Скопируйте туда код Access Token и нажмите кнопку «Применить».


    В Аспро: Next в блоке «Инстаграм» найдите поле API token. Скопируйте туда код Access Token и нажмите кнопку «Применить». 


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

    Блок во всю ширину.


    В Аспро: Корпоративный сайт 2.0 в блоке «Главная» найдите поле API token для инстаграма. Скопируйте туда код Access Token и нажмите кнопку «Применить». 



    В Аспро: Digital-компания в блоке «Главная» найдите поле API token для инстаграма. Скопируйте туда код Access Token и нажмите кнопку «Применить». 


Наша команда

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


Подробнее о разделе «Наша команда» читайте в соответствующей статье.

Блок обратной связи

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


Настроить форму и ее поля можно в административной части сайта по адресу Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Формы (aspro.digital) → Задать вопрос.

Подробнее о настройках форм читайте в соответствующей статье.

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

Карусель элементов раздела «Отзывы клиентов».


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

Подробнее о разделе «Отзывы клиентов» читайте в соответствующей статье.

Новости и акции

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


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

Последние новости

Плитка из последних загруженных фото в привязанный к сайту Instagram-аккаунт.


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

Наши технологии

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


В этом блоке выводятся все элементы из раздела «Партнеры». Подробнее о разделе читайте в соответствующей статье.

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



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




В новом окне вы можете:

  • Определить какое количество элементов будет отображаться в блоке (раздел «Основные параметры»);



  • Установить порядок отображения элементов (блок параметров «Источник данных»);



  • Изменить название блока на главной странице (раздел «Дополнительные настройки»).


Наши продукты

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


Товары в блок добавляются автоматически.

Подробнее о продуктах читайте в соответствующей статье.

Портфолио

Блок, в котором в виде плитки из картинок представлены ссылки на готовые проекты из портфолио компании.


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


Услуги

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


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

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

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


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


  • Картинка (1) — в это поле можно загрузить картинку баннера или выбрать из загруженных

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

  • Ссылка (3) — адрес страницы, на которую ведет баннер

  • Большой блок (4) — определяет, будет ли баннер большим центровым или маленьким боковым

  • Тип (5) — добавляет подсказку на баннер, поясняющую, к какому разделу сайта относится баннер

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

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

Это блок с большими баннерами и прикрепленным к ним слайдером, идет сразу под шапкой.


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


Чтобы управлять основными баннерами через административную часть сайта, перейдите в нее, а затем в Рабочий стол → Контент → Контент (aspro.digital) → Реклама — Большие баннеры.


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

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


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

На вкладке «Банер» находятся настройки баннера.


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

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

  • Цвет текста (3) — если выбран баннер с текстом, эта опция определяет его оттенок. Можно выбрать: темный или светлый

  • Группа полей для первой кнопки на баннере (4) — определяют, будет ли показываться на баннере кнопка, надпись на ней, ее css-класс и страницу, на которую она будет вести. Если не заполнять поле «Кнопка 1 текст», кнопка не будет отображаться на баннере

  • Группа полей для первой второй на баннере (5) — определяют, будет ли показываться на баннере кнопка, надпись на ней, ее css-класс и страницу, на которую она будет вести. Если не заполнять поле «Кнопка 2 текст», кнопка не будет отображаться на баннере

  • Автовоспроизведение (6) — активирует автоматическое воспроизведение видеобаннера

  • Заполнить видео по размеру (7) — растягивает видео на все пространство баннера

  • Источник видео (8) — определяет, откуда будет браться видеофайл. Можно выбрать: видео из файла или HTML Embeded iframe

  • Класс кнопки воспроизведения видео (9) — если не активировано автовоспроизведение, на видеобаннере появляется кнопка, запускающая воспроизведение. В этом поле можно задать ее особый css-класс

  • Отключать звук для видео (10) — отключает звук у видеобаннера

  • Повторять видео (11) — зацикливает видео в видеобаннере

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

  • Ссылка на видео (13) — если в источнике видео выбран вариант со вставкой фрейма из стороннего источника, в этом поле следует указать ссылку на видео

  • Текст кнопки воспроизведения видео (14) —  если не активировано автовоспроизведение, на видеобаннере появляется кнопка, запускающая воспроизведение. В этом поле можно задать надпись на ней

  • Файл видео (15) — если в источнике видео выбран вариант с видеофайлом, то в этом поле можно загрузить или выбрать из медиабиблиотеки или файловой структуры нужный видеофайл

На вкладке «Анонс» размещается картинка и текст баннера.


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

Шапка и подвал

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

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

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

Настройка кликабельности товаров на главной странице

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

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

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

Раздел «О компании»

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


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

Готовые и настроенные разделы:

  • Наша команда – справочная информация о сотрудниках, представленная персонифицированными карточками с данными: ФИО, фотография, контакты, занимаемая должность, отдел. Щелчок мыши по карточке откроет пользователю дополнительные сведения о сотруднике (например, о его квалификации).



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

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

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

  • Реквизиты – отображает реквизиты компании в удобной для восприятия форме.

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


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


О компании

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

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


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

Наша команда

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

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

Расположение элементов (карточек сотрудников) на странице «Наша команда» настраивается 2 способами: в блочном виде или списком. Опция для переключения внешнего вида доступна в Центре управления через вкладку Аспро: Digital → Настройки, блок «Разделы», пункт «Компания\Наши сотрудники».

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

Управление разделами является стандартным для продуктов 1С-Битрикс. Изменение и удаление разделов осуществляется из публичной части сайта и административной, добавление – только из административной.

Рассмотрим манипуляции, доступные из административной части.

Для добавления нового раздела необходимо перейти во вкладку «Контент». В дереве списка выбрать Контент (aspro.digital) → Сотрудники. После нажать кнопку «Добавить раздел». Откроется стандартный редактор разделов.


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


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


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


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

Управление элементами

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


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

  • Название (1) ㅡ ФИО сотрудника;

  • E-mail (2) — адрес электронной почты, который отображается под текстом анонса или под должностью, если текст анонса отсутствует;

  • Должность (3) — отображается под именем;

  • Телефон (4) — располагается под адресом электронной почты.


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


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


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


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


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


Создание новой карточки в административной части сайта осуществимо в списке разделов (Контент → Контент (aspro.digital) → Сотрудники) или непосредственно в списке отдела кнопкой «Добавить сотрудника». В случае создания карточки из меню отдела выбор во вкладке «Разделы» устанавливается автоматически.


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

Партнеры

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

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

Здесь доступны 3 режима компоновки элементов: в виде списка, в блочном виде с краткими сведениями и без них (только логотипы). Режим внешнего вида настраивается в административной части – через вкладку Аспро: Digital → Настройки → Разделы → Компания\Партнеры.

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

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

В административной части для добавления нового раздела идем по пути Контент → Контент (aspro.digital) → Партнеры. Используем кнопку добавления раздела.


Аналогично созданию раздела на странице «Наша команда», указываем название раздела.


Кнопка «Гамбургер» в списке разделов открывает возможность изменить или удалить раздел.


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


Управление элементами

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


В карточке заполняются следующие поля:

  • Название (1) ㅡ название компании-партнера или используемой технологии, располагается под логотипом;
  • Сайт (2) — адрес сайта партнера или описания технологии находится под текстом анонса, если он есть;
  • Телефон (3) — отображается под сайтом.

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


Логотип с пояснением о деятельности компании помещается во вкладку «Анонс».


Вкладка «Подробно» содержит детальную информацию.


На вкладке «Связи» привяжите к объекту относящиеся к нему отзывы и реализованные проекты.

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


В новом окне найдите в списке нужный отзыв или проект и дважды кликните по нему. Ваш выбор появится во вкладке «Связи» в соответствующем поле.


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


Для манипуляций из административной части сайта следует перейти в список разделов: Контент → Контент (aspro.digital) → Партнеры. Добавить партнера можно отсюда кнопкой «Добавить партнера» или внутри соответствующего раздела. Во втором случае выбор во вкладке «Разделы» устанавливается автоматически.

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

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

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

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

Для того, чтобы отзыв был содержательным, достаточно задать всего лишь 3 вопроса:

1. С какой идеей обратились в нашу компанию и какой получили результат?

2. Для чего заказывали? Решили ли свою задачу?

3. Что особенно понравилось и кому бы порекомендовали сотрудничать с нами?

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


Откроется визуальный редактор.


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

Основные поля для заполнения:

  • Название (1) – ФИО клиента;
  • Должность (2) – занимаемый автором отзыва пост в компании;
  • Файлы (3) — поле, позволяющее прикреплять файлы, доступные для скачивания или просмотра;
  • Видео (4) – поле позволяет прикрепить к тексту отзыва ссылку на видео.

Вкладка «Анонс» хранит фотографию клиента или логотип и сам отзыв в поле «Описание для анонса».


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


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

В административной части сайта управление отзывами доступно во вкладке Контент → Контент(aspro.digital) → Отзывы клиентов.


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

Сертификаты и лицензии

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

Доступные режимы компоновки элементов раздела: список или вид блоков. Отображение настраивается через Центр управления Аспро: Аспро: Digital → Настройки → Разделы → Компания\Лицензии.

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

Правила управления разделами стандартны.

Добавляется раздел в административной части во вкладке Контент → Контент (aspro.digital) → Лицензии и сертификаты, кнопка «Добавить раздел».


В редакторе указать название категории документов.


Список действий над разделами: «Изменить» или «Удалить» – открывается через кнопку «Гамбургер».


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


Пункт «Изменить раздел» открывает стандартный редактор раздела.

Управление элементами

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


Во вкладке «Лицензия» заполняем «Название» ㅡ наименование документа.


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


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


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


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


Управление документами из административной части сайта доступно через Контент → Контент (aspro.digital) → Лицензии и сертификаты. Действуют те же правила управления, что и для описанных ранее подразделов. Добавление происходит соответствующей кнопкой; изменение, удаление документа – посредством кнопки «Гамбургер» и выбора одного из пунктов меню.

Реквизиты

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

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


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

Вакансии

Элементы подраздела можно рассортировать по внутренним разделам.

«Вакансии» могут быть представлены в виде «аккордеона» или списка. Изменить внешний можно в административной части сайта. Настройка находится во вкладке Аспро: Digital → Настройки → Разделы → Компания\Вакансии.

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

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

Добавление раздела производится во вкладке Контент → Контент (aspro.digital) → Вакансии.


Ключевое поле – название раздела.


Изменить название/описание раздела или удалить его можно, нажав кнопку «Гамбургер». Появится список с пунктами: «Изменить», «Удалить».


Изменение, удаление раздела в публичной части доступно из его всплывающего меню.


Управление элементами

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


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

Во вкладке «Вакансия» следует указать:

  • Название (1) – вакантная должность;

  • Зарплата (2) – предложение заработной платы отображается напротив названия вакантной должности.


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


Условия работы, требования к кандидатам и прочее помещается в поле детального описания во вкладке «Подробно».


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


В публичной части после наведения указателя появляется меню управления элементом с пунктами: «Изменить вакансию», «Удалить вакансию».


В административной части сайта манипуляции над карточками производятся из списка разделов (Контент → Контент (aspro.digital) → Вакансии). Там же расположена кнопка «Добавить вакансию». Пункты удаления и редактирования доступны по кнопке «Гамбургер».

 

Раздел «Новости»


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

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

Для раздела существует несколько видов отображения элементов.

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

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

Список


Плитка


Блочный


Custom - кастомный вариант.

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


Привязка элемента к списку новостей

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


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

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

Добавление новости

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

Переключитесь на административную часть сайта и перейдите в Рабочий стол → Контент → Контент (aspro.digital) → Новости. Определите, какой элемент вы хотите добавить: новость или акцию. В зависимости от этого перейдите в подраздел «Новости» или «Акции».


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


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


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

  • Название (2) — используется как название элемента в системе или заголовок новости

  • Показывать на главной (3) — при активации на главной странице в блоке новосте будет показываться превью новости

  • Редирект (4) — задает адрес страницы, на которую пользователь перенаправляется при открытии новости

  • Задать вопрос (5) — при активации на странице полной новости появляется блок с кнопкой Задать вопрос, которая разворачивает форму обратной связи


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





  • Галерея и Файлы (7) — позволяет загрузить картинки для галереи внутри новости и прикрепить в отдельный блок скачиваемые файлы

  • Расположение фото (8) — определяет расположение фото в галерее: слева, справа, наверху или по ширине

  • Товары (9) и Услуги (10) — позволяют привязывать к новости определенные услуги и товары из соответствующих разделов. Они будут показываться в отдельных блоках в конце новости

На вкладке «Анонс» загружается фото для превью новости, которое показывается в списке новостей в разделе сайта и на главной странице. Также здесь прописывается краткий анонс новости.

'

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


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


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


  • Баннер сверху (1) — активирует верхний баннер

  • Активная картинка (2) — позволяет загрузить картинку баннера, которая располагается справа от текста

  • Фоновая картинка (3) — позволяет загрузить картинку на фон баннера

  • Код цвета текста (4) — можно прописать hex-код цвета для текста на баннере

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

Раздел «Продукты»

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


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


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

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

Редактирование карточки продукта

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


Можно редактировать карточку в административной части. Перейдите в Рабочий стол  Контент  Каталог (aspro.digital)  Продукты  Готовые решения  Интернет-магазины и нажмите на названии нужного продукта.


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


  • Задать вопрос (1) — активирует кнопку с формой «Задать вопрос» на карточке продукта под боковым меню



  • Заказать товар (2) — при активации добавляет на карточку возможно положить товар в корзину и оформить заказ. Кроме кнопки «В корзину» на карточке появляется счетчик количества.

  • Отображать в слайдере на главной (3) — при активации превью карточки будет отображаться в блоке «Наши продукты» на главной странице (если выбран тип главной, где этот блок отображается)

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

  • Старая цена (5) — отображается на карточке перечеркнутой. Удобно изображать акции и скидки, прописывая в это поле цену выше, чем действующая

  • Цена (6) — та цена, которую понимает система. Число из этого поля фигурирует во внутренних документах при оформлении заказа, оно воспринимается смарт-фильтром и добавляется в результаты фильтрации. Именно поэтому обязательно прописывать в этом поле только цифры без дополнительных символов и пробелов

  • Статус (7) — определяет статус продукта. Доступны варианты: в наличии, нет в наличии, ожидается и под заказ

  • Артикул (8) — отображает артикул на карточке

  • Галерея (9) — можно загрузить или выбрать из загруженных дополнительные фото продукта, которые можно листать в блоке с основным фото



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

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

  • Баннер сверху (12) — активирует верхний баннер на карточке, где в качестве текста будут указаны название продукта и анонс описания, а картинки и цвет текста настраиваются кнопками ниже

  • Активная картинка (13) — можно загрузить или выбрать из загруженных картинку для верхнего баннера, которая будет отображаться справа от текста

  • Фоновая картинка (14) — можно загрузить или выбрать из загруженных картинку для верхнего баннера, которая станет фоновой

  • Код цвета текста (15) — можно прописать hex-код цвета для текста на верхнем баннере

  • Категория (16) — определяет, к какой категории принадлежит продукт и в каком разделе/подразделе каталога отображается, также это свойство из характеристи

  • Рекомендуется (17), Вид поставки (18), Количество пользователей (19), Языки (20), Срок действия лицензии (21), Льготное продление (22), Обновления (23) — свойства из характеристик

  • Хит продаж (24) — устанавливает на карточку один или несколько стикеров для привлечения внимания

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

  • Тизеры (26) — подключает в блок тизеров выбранные тизеры. Блок тизеров располагается над описанием. Тизер — небольшая картинка и краткое описание преимущества вашей компании или продукта, возможно привязать к тизеру ссылку на страницу. Сами тизеры добавляются в другом инфоблоке, подробнее читайте здесь. Если вам не хватило стандартного количества полей под тизеры, нажмите кнопку «Еще», чтобы добавить дополнительное поле

  • Галерея большая (27) — можно загрузить или выбрать из загруженных картинки, которые отобразятся в виде блока с небольшой галереей под описанием

  • Услуги (28) — можно привязать к карточке услуги из соответствующего раздела. Нажмите кнопку с многоточием рядом с пустым полем, чтобы открыть окно привязки услуги. Выберите нужную услугу и дважды щелкните по ней. Ее ID пропишется в поле на карточке продукта. Если стандартного количества полей для привязки услуг вам не хватит, нажмите кнопку «Добавить», чтобы добавить дополнительное поле. Привязанные услуги отображаются в отдельном блоке под описанием

  • FAQ (29) — добавляет вопрос-ответ на вкладку FAQ в карточке товара. Сами вопросы и ответы добавляются в другом инфоблоке, подробнее читайте здесь. Нажмите кнопку с многоточием рядом с пустым полем, чтобы открыть окно привязки вопрос-ответа. Выберите нужный и дважды щелкните по нему. Его ID пропишется в поле на карточке продукта. Если стандартного количества полей для привязки вопрос-ответов вам не хватит, нажмите кнопку «Добавить», чтобы добавить дополнительное поле.

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

  • Товары (31) — можно привязать к карточке продукта другие продукты из каталога. Нажмите кнопку с многоточием рядом с пустым полем, чтобы открыть окно привязки продукта. Выберите нужный продукт и дважды щелкните по нему. Его ID пропишется в поле на карточке продукта. Если стандартного количества полей для привязки продуктов вам не хватит, нажмите кнопку «Добавить», чтобы добавить дополнительное поле. Привязанные продукты отображаются в отдельном блоке под описанием

  • Производитель (32) — можно выбрать только одного производителя из списка заранее добавленных

На вкладке «Анонс» загружается фото для превью и краткое описание продукта.


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



Настройка товаров с каноническими ссылками

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

Каноническая ссылка – это ссылка, записанная со специальным атрибутом rel = “canonical” в исходном коде страницы. Именно она укажет роботу, что просматриваемая страница является основной.

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

Перейдите в административной части сайта в Контент → Инфоблоки → Типы инфоблоков → Каталог. Выберите инфоблок, в котором хранится информация о распространяемой вами продукции или предлагаемых тарифах. Например, чтобы настроить канонические ссылки для детального описания предлагаемого на сайте ПО, следует выбрать инфоблок «Продукты».



Далее откройте вкладку «Поля» (1) и установите галку возле пункта «Разрешить выбор основного раздела для привязки» (2).



Нажмите кнопку «Применить» (3) и вернитесь на вкладку «Инфоблок». Здесь нужно указать канонический URL элемента (протокол, адрес сервера и путь на сайте).

В решении Аспро: Next строка должна иметь вид:

http://#SERVER_NAME##SITE_DIR#catalog/#SECTION_CODE_PATH#/#ELEMENT_ID#/.

Если вы используете протокол https, обязательно укажите это – замените на него «http» в начале строки.



В остальных решениях (для интернет-магазинов и корпоративных сайтов) URL нужно указать явно. Например, для сайта на основе решения Аспро: Digital поле следует заполнять так:

https://yoursite.ru/catalog/#SECTION_CODE_PATH#/#ELEMENT_CODE#/,

где yoursite.ru – адрес вашего сайта.


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

Перейдите в каталог предлагаемой вами продукции (Рабочий стол → Контент → Каталог → Каталог товаров) и откройте любую карточку. В редакторе появится новое поле «Основной раздел». Заполните его и сохраните изменения.



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



В верхних списках выделите «Товар» или «Элемент» (в зависимости от используемого решения) (1, 2), в нижнем левом списке – «Основной раздел» (3). Переместите выделенное поле в соседний список при помощи кнопки со стрелкой (4) и нажмите «Сохранить» (5).



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



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



В новом окне перейдите к группе параметров «Настройки детального просмотра», поставьте галку возле «Устанавливать канонический URL» и сохраните настройки.



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


Настройка количества выводимых подразделов в разделе каталога

Начиная с версии Аспро: Digital-компания 1.0.5 можно самим определить количество выводимых подразделов в анонсе раздела каталога:



Для этого перейдите в каталог и включите режим правки.



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



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



Результат на странице:


Раздел «Услуги»

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

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

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

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

Начнем рассмотрение редактирования страницы списка с изменения описания раздела.

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


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


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

Если навести указатель на блок направления деятельности, появятся элементы управления: «Изменить раздел», «Удалить раздел».


Кнопка «Изменить раздел» открывает стандартный редактор разделов.



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

В продуктах 1С-Битрикс управление разделами стандартно – добавление недоступно в публичной части.

Чтобы добавить новый подраздел на страницу «Услуги», необходимо в административной части сайта перейти во вкладку Контент → Контент (aspro.digital)  → Услуги и нажать кнопку «Добавить раздел».


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

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


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


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

Рассмотрим содержание карточки подраздела.

К элементам карточки в основной вкладке «Раздел» относятся:

  • Название (1) – текстовое обозначение вида деятельности;

  • Изображение (2) – символическое представление вида деятельности;

  • Описание (3) – предназначено для маркетинговых текстов, располагается под списком превью услуг в теле подраздела.


Вкладка «Доп. поля» хранит краткое описание подраздела. Оно помещается над списком превью услуг.







Редактирование карточки услуги

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

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

Для манипуляций над карточками из админки сайта перейдите во вкладку Контент → Контент (aspro.digital)  → Услуги, откройте соответствующий раздел. Здесь находится кнопка «Добавить услугу». Изменить или удалить карточку можно через кнопку «Гамбургер».


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

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

  • Название (1) – наименование услуги;

  • Файлы (2) – позволяет прикреплять скачиваемые файлы, создавая при этом одноименный блок на странице с детальной информацией об оказываемой услуге;

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


  • Заказ услуги (4) – размещает на странице блок обратной связи для оформления услуги;

  • Задать вопрос (5) – активирует блок обратной связи для описания пользователем интересующего его вопроса;


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


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


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

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

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


В новом окне дважды щелкните мышкой по нужному элементу в списке.


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


Вкладка «Разделы» помещает услугу в ранее созданную категорию (подраздел).


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


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

Меню управления элементом «Услуга» может сдержать от 3х до 5 пунктов. На скриншоте представлены основные действия с карточкой услуги: добавить, изменить и удалить.


Количество элементов в меню управления карточки изменяется в зависимости от активации в теле описания блоков «Задать вопрос» и «Заказать услугу».

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


Вторая кнопка «Изменить область» – текст формы обратной связи «Заказать услугу».


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

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


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

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


Изменения отобразятся на странице под описанием услуги.


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


Раздел «Проекты»

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

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

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

На странице с подробностями о проекте вы можете разместить элементы с призывами к действию – блоки «Задать вопрос», «Заказать проект». Подкрепление облика надежного партнера осуществляется благодаря добавлению отзывов к работе. Предусмотрена возможность объединения информативной составляющей (содержательного описания уникальности проектов) с продающими страницами (реализован быстрый доступ к привязанному товару, услуге).

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

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

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

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

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


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


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

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


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

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


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


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


Активация того или иного способа компоновки элементов раздела происходит в Центре управления. Вкладка Аспро: Digital ⟶ Настройки, блок «Разделы».


У поля ввода «Проекты» в разворачивающемся списке помимо перечисленных вариантов есть еще один – «Custom», предназначенный для разработчиков.





Управление разделами страницы

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

Чтоы добавить новый раздел, в Центре управления перейдите во вкладку «Контент». Выберите Контент (aspro.digital) ⟶ Проекты. Нажмите кнопку «Добавить раздел».


В редакторе достаточно ввести название нового раздела.

Изменить/удалить существующий раздел можно через кнопку «Гамбургер» возле соответствующего раздела.


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


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


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

Рассмотрим возможности кнопки «Изменить область».

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



Страница проекта

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



Структура страницы

Страницу проекта визуально можно разбить на 5 частей.

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


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


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

  4. Часть привязанных объектов с быстрым доступом к их описанию/покупке.


  5. Обособленная часть страницы – плавающий блок «Задать вопрос». На какой бы части страницы не находился посетитель, блок обратной связи будет всегда под рукой.


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

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

В Центре управления все действия над карточками доступны из раздела: Контент ⟶ Контент (aspro.digital) ⟶ Проекты. Добавить новый проект вы можете здесь через кнопку «Добавить проект». В редакторе нужно будет ввести название проекта и сделать пометку во вкладке «Разделы», чтобы соотнести работу с нужным разделом портфолио.

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

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


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

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



Описание карточки проекта

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

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

  • Название (1) – сжатое обозначение содержания проекта;


  • Задача (2) – описание задачи, поставленной перед вами заказчиком;

  • Показывать на главной (3) – отображение проекта в соответствующем инфоблоке на стартовой странице сайта;



  • Заказать проект (4) – подключение одноименного блока обратной связи к описанию;
  • Задать вопрос (5) – подключение соответствующего блока обратной связи к странице;

  • Компания (6) – прикрепление к карточке объекта «Партнер»;
  • Файлы (7) – дополнение описания прилагающимися документами.


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

Привязка элементов к детальным страницам

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


Алгоритм привязки перечисленных объектов стандартный. Он так же действует на объект «Партнеры». Рассмотрим на нем алгоритм прикрепления таких объектов.

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


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


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

На странице объект будет размещен под полным описанием проекта. По аналогии привязываются все остальные элементы.

Вкладки «Анонс» «Подробно» «Галерея»

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


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


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



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


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


Добавить на страницу баннер можно через одноименную вкладку. Она содержит фоновую и активную картинки. Здесь же можно указать какого цвета поверх баннера будет текст. Не забудьте активировать отображение, поставив галочку «Баннер сверху».



Вкладка «Характеристики» содержит в себе справочную информацию по проекту: для какой сферы деятельности был реализован проект; адрес сайта, по которому размещено ваше решение или отсылка заказчика к нему; дата выполнения заказа (обязательно для заполнения при выборе режима внешнего вида «По годам»); ФИО автора проекта.


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


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


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




Подзаголовки, названия кнопок и текст блоков обратной связи

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

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


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


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

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


Кнопка под номером «1» – отвечает за текст в визитной части карточки под блоками обратной связи.


Кнопка номер «2» – редактирует описание плавающего блока «Задать вопрос».


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


Блог

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

Раздел имеет настраиваемый внешний вид. Быстрая примерка осуществляется через виджет настроек.


Во вкладке «Разделы» доступны варианты «Блочный» и «Списком».


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


Выбор варианта «Списком» располагает элементы раздела друг за другом без акцента на какой-то определенной новости.


Чтобы активировать одну из тем оформления, перейдите во вкладку «Администрирование». Далее, Аспро: Digital → Настройки.


Найдите блок «Разделы» и выберите из списка нужный вариант. Пункт «Custom» предназначен для разработчиков.


Редактирование разделов и элементов стандартно для 1С-Битрикс, поэтому не будем останавливаться на них подробно.

Рассмотрим карточку статьи.

В основной вкладке указывается:
  • Название статьи (1);
  • Способ отображения картинки анонса по отношению к краткому описанию: справа или слева (2).
  • Здесь же активируется визуальное средство привлечения внимания при блочном типе оформления раздела – пункт «Большой блок» (3).

Картинка для превью статьи располагается во вкладке «Анонс» вместе с кратким описанием.


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


Вкладка «Разделы» соотносит статью с категорией.

Раздел «Контакты»

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

Описание раздела

Раздел оперирует такими объектами как:

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

  2. Интерактивная карта Яндекс или Google.



  3. Поле дополнительного описания.



  4. Блок обратной связи.


  5. Список филиалов



  6. Быстрый поиск по регионам.



    Состав страницы и компоновка объектов зависит от варианта внешнего вида раздела, который больше подходит вашей компании.

Настройка внешнего вида страницы

Для компании, офисы которой расположены в одном городе, подойдет один вариант настройки внешнего вида; для крупных компаний с филиалами в разных регионах – другой.  

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


В меню виджета во вкладке «Разделы», блоке «Контакты» представлены доступные шаблоны. 

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

Для фирм, чьи офисы расположены в одном городе, рекомендуются 2 вида отображения раздела: «Карта FullHD» и «Компакт». Оба этих варианта состоят из одинаковых компонентов – визитки, интерактивной карты, дополнительного описания и формы обратной связи. Разница заключается в способе их расположения.

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


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


Крупные компании могут сделать выбор между режимами «Филиалы», «Филиалы (лайт)» и «С выбором региона».

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


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


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


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

Чтобы задействовать тот или иной режима отображения элементов страницы, перейдите в Центр управления Аспро: Digital → Настройки. Найдите блок «Разделы».


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

Изменение элементов страницы

Глава описывает какие элементы страницы «Контакты» доступны для изменения и как эти изменения внести.

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


Изменение текста осуществляется через визуальный редактор.


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

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


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

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


Для описания в режимах «Карта FullHD» и «Компакт» редактировать как html вы будете «Contacts about» (1).

Во всех режимах отображения кнопка редактирования элемента «Адрес» (2) изменяет файл «Address» как html; элемента «Телефон» (3) – Phone; «E-mail» (4) – «Email»; «Режима работы» (5) – «Schedule».

В режимах «Филиалы» и «Филиалы (лайт)» текст под заголовком «Региональные представительства» поддается изменениям благодаря кнопке «Редактировать Regions как html» (6).

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

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

Для этого:

  • В публичной части наведите указатель на область карты. Всплывет кнопка «Редактировать Карту как html».

  • В административной – найдите кнопку «Редактировать» у поля «Настройки карты» в Аспро: Digital → Настройки → Разделы.

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

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

Удалите компонент «Яндекс.Карты» через меню, вызываемое правой кнопкой мыши.



Вид после удаления:


Захватите справа из раскрывающегося списка Контент → Google Maps компонент «Google: настраиваемая карта» и перетащите его на то место, где была карта от Яндекс.


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

Результат замены:


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


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


Google Maps

Яндекс.Карты

Стартовый тип карты

схема

схема

спутник

спутник

гибрид

гибрид

ландшафт

народная карта

народный гибрид

Элементы управления

кнопки масштаба

кнопки масштаба

тип карты

тип карты

шкала масштаба

шкала масштаба

ползунок масштаба

мини карта

поиск по карте

Настройки

изменение масштаба колесом мыши

изменение масштаба колесом мыши

изменение масштаба двойным щелчком мыши

изменение масштаба двойным щелчком мыши

управление с клавиатуры

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

перетаскивание карты

перетаскивание карты

Для активации нескольких настроек, делайте выбор с зажатой клавишей «Ctrl».

При выборе сервиса на ваше решение может повлиять дополнительный функционал Google Maps. Посетитель может перетащить изображение человечка


к зданию офиса и рассмотреть вход.


Актуальность фотографий зависит от сервиса Google Maps.

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


В новом окне найдите «Данные выводимые на карте» и нажмите «Изменить».


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


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


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

В режимах «Филиалы», «Филиалы (лайт)» и «С выбором региона» точки устанавливаются через карточки.

Управление разделами страницы

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

Чтобы добавить новый регион в список, в Центре управления перейдите во вкладку «Контент». Выберите Контент (aspro.digital) ⟶ Контакты. Нажмите кнопку «Добавить раздел».


В редакторе введите название области.

Кнопка «Гамбургер» позволяет удалить или изменить раздел.


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

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

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

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

  • «Филиалы» или «Филиалы (лайт)» – кнопка «Добавить элемент» появляется при наведении на название раздела или самую первую карточку в списке.



  • «С выбором региона» – при наведении на область, где находятся быстрый поиск по регионам, визитка и карта.

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


Управление карточками из административной части сайта осуществляется через вкладку Контент ⟶ Контент (aspro.digital) ⟶ Контакты кнопкой «Добавить элемент». При добавлении элемента в теле раздела одноименная вкладка карточки заполняется автоматически.

Изменить или удалить карточку можно так же, как и раздел, через кнопку «Гамбургер».


При добавлении начните описание филиала с указания полного адреса в поле «Название» вкладки «Элемент».


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


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

Ниже в блоке «Значения свойств» ставится отметка на карте. Управление интерактивной картой стандартно.

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


Найдите здание, дважды щелкните по нему левой кнопкой мыши. Будет установлена отметка.


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

Дополнительный элемент управления «Перейти к точке» фокусирует карту на отметке, а «Очистить значение» – удаляет ее.

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


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

Настройка вывода детальной картинки филиалов в попапе

В Аспро: Digital-компания, начиная с версии 1.0.6, в разделе «Контакты» вы можете выводить детальную картинку филиалов в попапе при клике. Используйте эту настройку, чтобы посетители могли детальнее ознакомиться с фотографиями ваших филиалов.

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

В параметрах компонента перейдите в «Настройки списка». В блоке «Поля» выберите параметр «Детальная картинка» при нажатой клавише ctrl.

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

Если у вас не добавлена детальная картинка в филиалах, перейдите в редактирование контакта: Контент → Контент (aspro.digital) → Контакты → Ваш адрес. На вкладке «Подробно» добавьте изображение.

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

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

В Аспро: Digital-компания, начиная с версии 1.0.6, вы можете выводить дополнительные свойства в описании филиалов в разделе «Контакты». Например, укажите в отдельной строке адреса, чтобы в заголовке прописать название филиалов. Или укажите разные ссылки на социальные сети для каждого адреса, если они отличаются.



Чтобы добавить новое поле, перейдите в Контент → Инфоблоки → Типы инфоблоков → Контент (aspro.digital) → Контакты. Переключитесь на вкладку «Свойства».

Добавьте новое свойство и сохраните изменения. Для примера создадим свойство «Социальные сети».

Теперь необходимо вывести новое свойство в контактах, для этого перейдите в редактирование адреса: Контент → Контент (aspro.digital) → Контакты → Ваш адрес.

Нажмите на шестеренку.

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


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


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


В параметрах компонента «Настройки списка» в поле «Свойства» выберите новое свойство при нажатой клавише ctrl.

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

Новое свойство выводится в описании филиалов.

Система обратной связи

Согласие на обработку персональных данных

В феврале 2017 года были внесены поправки в статью 13.11 КоАП по поводу нарушений закона о персональных данных. Они вступят в силу 1 июля 2017 года и коснутся всех, кто собирает, обрабатывает и хранит любые персональные данные.

В связи с нововведением командой Аспро предусмотрена быстрая настройка уведомления пользователя о сборе персональных данных. Находится она в Центре управления Аспро: Digital → Настройки, блок «Общие».


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


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


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


Заполните поля необходимой информацией.

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

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


Отредактируйте содержимое и сохраните изменения.

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

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

Впервые решение Аспро: Digital-компания позволяет не только изменять структуру раздела (добавлять, удалять и размещать каждый подраздел и его элементы в соответствии со своими требованиями) и редактировать названия, но и добавляет возможность настраивать внешний вид подразделов – изменять их дизайн и компоновку. Редактированию подлежит внешний вид подразделов «Наша команда», «Партнеры», «Вакансии», «Лицензии».

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

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

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

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


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


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

  1. «Наша команда»

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

  • Список. Элементы раздела следуют друг за другом. Краткие сведения помещаться справа от фотографии сотрудника. Переход к дополнительной информации осуществляется по ФИО работника.


    Просмотр внешнего вида подраздела с помощью виджета



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

  1. «Партнеры»

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

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

  • Только логотипы. Элементы раздела располагаются по блочному типу (в виде таблицы по 3 штуки в ряд) без какой-либо дополнительной информации. Полную информацию по каждому элементу пользователь может получить, кликнув по логотипу компании.



    Просмотр внешнего вида подраздела с помощью виджета



    Настройка внешнего вида из админки

  1. «Вакансии»

  • Список. Элементы располагаются друг за другом. Текст карточки может содержать только название вакансии. За дополнительной информацией сайт перенаправляет пользователя по названию вакантной должности на соответствующую страницу с полным описанием.

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



    Просмотр внешнего вида подраздела с помощью виджета



    Настройка внешнего вида из админки

  1. «Лицензии»

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

  • Список. Элементы располагаются друг за другом. Клик по картинке документа откроет его увеличенное изображение более высокого качества. Справа от уменьшенного изображения документа находится текстовое пояснение.



    Просмотр внешнего вида подраздела с помощью виджета



    Настройка внешнего вида из админки



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

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

  • для одних – слева



  • для других – справа



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



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



Результат настроек внутреннего меню справа:



Динамические разделы

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

Рассмотрим на примере раздела «Услуги» нашей демо-версии. Перенесем внутреннее меню вправо в подразделе «Разрабатываем».



После этого в остальных подразделах раздела «Услуги» — «Продвигаем», «Повышаем эффективность», «Тестируем» внутреннее меню будет также перенесено вправо.





При этом в других разделах сайта настройки внутреннего меню останутся своими



Статичные разделы

В разделе «Компания» изменить положение внутреннего меню можно отдельно для каждого подраздела — например, для «Лицензии» установить меню слева, а для «Партнеров» — справа.

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




Согласие на обработку персональных данных

В феврале 2017 года были внесены поправки в статью 13.11 КоАП по поводу нарушений закона о персональных данных. Они вступят в силу 1 июля 2017 года и коснутся всех, кто собирает, обрабатывает и хранит любые персональные данные. Подробнее о законе и мерах, которые необходимо предпринять, читайте в нашем блоге


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

Чтобы добраться до настройки в Аспро: Маркет и Аспро: Оптимус кликните по вкладке с названием решения, далее Настройки → Шаблон.


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



В решениях Аспро: Digital-компания и Аспро: Корпоративный сайт 2.0 уведомления настраиваются в Аспро: Digital (Аспро: Allcorp2) → Настройки → Общие.



Аспро: Крутой шоп, Аспро: Интернет-магазин и Аспро: Шины и диски

Настройка расположена в настройках модуля решения: Настройки продукта → Настройки модулей → Аспро: Крутой шоп, интернет магазин → Шаблон.


Аспро: Корпоративный сайт и Аспро: Корпорация

Перейдите в настройки модуля решения: Настройки продукта → Настройки модулей → Аспро: Корпоративный сайт → Шаблон. В блоке «Валидация ввода» увидите пункт, включающий уведомления, и кнопку вызова редактора подписи.



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


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


Заполните поля соответствующими данными.

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

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


Отредактируйте содержимое и сохраните изменения.


Автоматическое согласие на обработку персональных данных

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

Внимание! Из закона 152-ФЗ следует, что для подтверждения согласия обработки персональных данных пользователь должен совершить конкретное действие — например, проставить галку в чекбоксе. Из этого следует, что настройка согласия по умолчанию не гарантирует 100% соблюдение 152-ФЗ. Компания Аспро не несет ответственности за юридические последствия применения этой настройки.



Активация данной возможности происходит в административной части сайта. Для этого перейдите настройки решения.





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



Интеграция с другими сервисами

В этой главе рассматриваются возможности интеграции решения Аспро: Digital-компания с другими сервисами – например, сервисом аналитики Яндекс.Метрика.

Расширенная интеграция с Яндекс. Метрикой

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

Благодаря расширенной интеграции с Яндекс.Метрикой вы сможете:
  • Видеть, как взаимодействуют с вашим сайтом посетители. На каких страницах задерживаются надолго и оставляют заявку, а какие «проскакивают», потому что им не интересно
  • Отслеживать эффективность рекламных кампаний. Какой канал приносит лиды и покупателей, а какой напрасно тратит деньги? Во сколько обходится заявка с Яндекс.Директа или Вконтакте? Какая кнопка в рассылке привела к покупке?
  • Понимать, где слабые места вашего сайта и как увеличить конверсию в покупки и продажи.
Функционал доступен в решениях:


Обзор настроек для Яндекс.Метрики

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

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

Аспро: Корпоративный сайт 2.0
Аспро: Digital-компания
Аспро: Корпоративный сайт современной компании
Аспро: Корпоративный сайт
Аспро: Оптимус
Аспро: Маркет
Аспро: Крутой шоп
Аспро: Интернет-магазин
Аспро: Корпорация

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

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

Настройки для Яндекс.Метрики находится в Центре управления Аспро в админке вашего решения (блок «Цели и счетчики»). Давайте рассмотрим их на примере решения Аспро: Корпоративный сайт современной компании.

В решении Аспро: Корпорация пункт настроек находится в настройки - настройки продукта - настройки модулей - Аспро: Корпорация - адаптивный сайт


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


В Центре управления для Аспро: Оптимус находятся дополнительные настройки для управления целями: покупки в 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 отобразится на консоли браузера.


В сервисе Яндекса в списке счетчиков у корректно установленного счетчика будет соответствующий значок статуса проверки, а в «Сводке» вы увидите первые собранные данные.


Теперь можно настраивать цели.

Настройка целей в Яндекс.Метрике

В поле «Использовать цели заполнения веб-форм» вы можете:

  • отключить отслеживание конверсии при заполнении посетителями веб-форм, выбрав вариант «Нет»;

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

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


Помимо отслеживания действий с веб-формами доступно использование целей для корзины и заказов: добавление товара в корзину, начало оформления заказа и успешное оформление заказа для решения Аспро: Корпоративный сайт современной компании.

Для интернет-магазинов вы можете настроить отслеживание целей покупки в 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 минут, в редких случаях время задержки может быть более часа.

Прочие специфичные цели для готовых интернет-магазинов настраиваются по аналогии.

Рекомендации для графических материалов

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

Логотипы

Логотип компании

Размер контейнера для логотипа вашей компании на панели меню сайта составляет:

  • 156 x 104 px при ширине страницы в 1200/1344 px;
  • 182 x 104 px – при 1500 px;
  • 215 x 104 px – при 1700 px.

Высота логотипа должна быть минимум на 20 px меньше, чем высота контейнера (не более 84 px). Допустимо использование изображения как равного по ширине с контейнером, так и меньше его. Если длина и ширина логотипа превышает обозначенные значения, картинка будет соприкасаться с меню и верхним блоком.

Допустимые форматы изображений – jpg, png, gif.

Логотипы партнеров

Для логотипов в разделе «Наши партнеры» используйте изображения с расширением jpg, png, gif. Максимальный размер картинок составляет 244 х 110 px. Допустимо размещение изображения меньшего размера.

Тизеры на главной

Рекомендуемые расширения для тизеров на главной странице сайта: jpg, png, gif. Соотношение сторон изображений должно быть 3:2. Оптимальный размер картинок: 640 на 427 px.

Баннеры

Из одной картинки

В качестве основного баннера рекомендуется использовать изображение с расширением jpg, png или gif. Чтобы занять всю ширину сайта, картинку необходимо размещать шириной в 1920 px. По высоте баннер следует ограничить 550 px.

Составной

Составной баннер содержит два изображения: фоновую (бэкграунд) и плавающую картинки.

Рекомендации к бэкграунду аналогичны рекомендациям к баннеру, состоящему из одного изображения.

Плавающая картинка должна быть расширения png и высотой в 550 px. Изображение будет накладываться на бэкграунд с его середины. Вы можете занять плавающей картинкой все свободное пространство до правого края фонового изображения (максимальная ширина будет составлять 960 px) или какую-то его часть.


Баннер на контентной странице

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

Рекламные баннеры

При наполнении рекламных областей используйте изображения с расширениями jpg, png и gif.

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

  • Сверху над шапкой – 1920 х 70 px;
  • Сверху под шапкой – 1920 x 100 px;
  • Внизу страницы – 1920 x 120 px.

Рекомендации по размерам изображений для рекламных областей над контентом и под ним:

  • При ширине сайта в 1200 px ширина баннера составляет 868 px, а высота – 249;
  • 1344 px – 976 x 280 px;
  • 1500 px – 1093 x 317 px;
  • 1700 px – 1243 x 357 px.

Для бокового баннера при ширине сайта 1200 px используйте изображение размером в 268 х 203 px, при ширине в 1344, 1500 или 1700 px – 304 x 230 px.

Картинка в начале контентной страницы

Для изображений, которые собираетесь помещать в начале контентной страницы (например, для оформления новости, перед описанием услуги или в начале страницы «О компании»), выбирайте формат jpg, png или gif.


Оптимальные размеры для картинки:

  • При ширине сайта 1200 px – 868 x 335 px;
  • 1344 – 976 х 377 px;
  • 1500 – 1093 x 421 px;
  • 1700 – 1243 x 479 px.

Изображения для анонсов

  • направлений услуг на главной странице и в разделе «Услуги»

Изображения для оформления распределения услуг по категориям должны иметь расширение jpg, png или gif и размер 144 х 144 px (соотношение сторон 1:1).

  • первого уровня раздела «Услуги»

Рекомендации к расширению изображений те же – jpg, png, gif. Размер картинок должен быть 438 х 292 px (соотношение сторон 3:2).

  • разделов «Новости» и «Блог»

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

  • раздела «Продукты»

Рекомендуемые размеры изображения 254 x 254 px с расширением png.

  • раздела «Проекты»

Анонсы раздела «Проекты» следует оформлять, используя картинки высотой в 767 и шириной 511 px. Оптимальное соотношение сторон и требования к формату изображения аналогично рекомендациям к анонсу раздела «Услуги».

  • отзывов

Изображения для отзывов размещайте шириной и высотой 1:1, не более 120 px. Используйте формат jpg, png или gif.

  • на странице «Наша команда»

Рекомендовано то же расширение изображений и соотношение сторон, что и для анонсов отзывов. Максимальный размер – 150 px.

Страницы с подробным описанием

  • товара

В подробном описании товара используйте изображения с соотношением сторон 1:1. Следует ограничить высоту картинки до 1000 px. Допустимые расширения для изображения: jpg, png, gif.

  • проекта

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

Лицензии

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

Контакты


Для заполнения раздела «Контакты» используйте изображения с соотношением сторон 3:2, размером в 200 px на 133.

SEO, маркетинг, реклама

Рекламные баннеры

Рекламные баннеры – один из проверенных временем форматов интернет-рекламы.

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

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


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

Рассмотрим варианты, составляющие раздел «Баннеры».



  1. «Сверху над шапкой» – баннер располагается в самом верху страницы над основной панелью навигации.  





  2. «Сверху под шапкой» – реклама помещается между меню сайта и блоком со строкой навигации и заголовком текущей страницы (или основным баннером на главной странице).





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







  4. Тип «Над контентом» помещается непосредственно перед содержимым страницы под строкой навигации.




  5. Баннер «Под контентом» отображается после содержимого раздела, его карточки или блока с комментариями.




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

Тип баннера определяет будет реклама отображаться на каждой странице сайта или в некоторых его разделах. Так, в Аспро: Digital самый нижний баннер, над шапкой и под ней помещаются на каждой странице, а остальные – только в разделах «О компании», «Продукты», «Услуги», «Блог». В Аспро: Next баннеры во всю ширину контентной области, под контентом и над ним отображаются на всех страницах сайта, а боковые только в разделах «Каталог», «Услуги», «Блог», на страницах со справочной информацией («Как купить», «Вопрос-ответ», «О компании» и т.п.), а также на главной при выборе типа главной страницы №3 и №4.

На примере бокового баннера рассмотрим как добавить свое изображение, задействовать и настроить его показ на сайте.

Перейдем в Центр управления:

  • Аспро: Digital в Рабочий стол → Контент (aspro.digital) → Реклама – Внутренние;
  • Аспро: Next в Рабочий стол → Контент → Реклама (aspro.next) → Реклама – Внутренние;
Управление карточками в админке стандартно. Используйте соответствующие кнопки для добавления нового элемента (1) или изменения существующего (2).



Редактор откроет карточку элемента.

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


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


В разделе «Значения свойств» доступны для заполнения следующие поля:
  • Открыть в окне (4) – параметр указывает браузеру где открыть ссылку, прикрепленную к баннеру (в новом окне или в текущем);
  • Позиция (5) – устанавливает тип баннера, определяющий его размещение и поведение (в нашем примере используется «Боковая»);
  • Показ в разделах (6) – позволяет ограничить показ баннеров по разделам. Пустые поля ввода говорят о том, что баннеры будут отображаться по умолчанию в соответствии со своим типом, как было описано выше. Если в параметре указать один из разделов, например «Продукты», реклама отобразится только в этом разделе (включая страницы его элементов);
  • Показ на странице (7) – задает показ баннера на какой-то конкретной странице. Например, можно настроить отображение рекламы на главных страницах разделов, не включая ее в карточках;
  • Скрывать на мобильном (8) и Скрывать на планшетах (9) – опция прячет рекламу в мобильной версии сайта.
  • Ссылка (10) – страница, на которую будет переправлен посетитель, если кликнет картинку. Ссылка указывается относительно корня сайта. Пример: /catalog/lyalya/;
  • Уменьшение (11) – масштабирует или обрезает изображение анонса;


Пример активации показа баннера на мобильных телефонах.


Примечание. Боковой баннер не отображается в мобильной версии.

После настроек сохраните изменения.

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





Чтобы включить отображение нужного типа баннера в Аспро: Digital перейдите в админке в Рабочий стол → Аспро: Digital → Настройки.



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


Результат наших действий на сайте.

Корзина

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

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

Настройка корзины

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


Доступно 3 варианта корзины: «В шапке», «Боковая» и «Летающая».

При оформлении «В шапке» иконка корзины располагается рядом с основным меню. Клик по иконке перемещает посетителя на страницу со списком заказов.


«Боковая» корзина фиксируется у края экрана. Клик по иконке разворачивает список заказов в этом же окне.



«Летающая» также фиксируется у края экрана только имеет компактный вид.


Настройка цены товара

Для каждого товара существует три поля цены.


  1. «Цена на карточке» – отображается на сайте, можно прописывать как числа, так и выражения (например, «от 120 р/мес»)



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



  3. «Цена» – имеет только числовое значение и не отображается на сайте.




Внимание! Чтобы умный фильтр учитывал товар при отборе по запросу цены или диапазона цен, в поле «Цена» обязательно нужно ввести числовое значение. Это же значение учитывается при математических операциях в корзине, например, при подсчете стоимости и при изменении количества.

Настройка формы оформления заказа

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


Рассмотрим на примере Аспро: Digital.

Настройка формы задается в административной части сайта в меню Контент → Инфоблоки → Типы инфоблоков → Формы (aspro.digital) → Оформление заказа, на вкладке «Свойства».


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

  • «Название поля» отображается на сайте как его заголовок.

  • «Тип» определяет основную характеристику поля – какие значения будут корректны для поля ввода (строка, число, дата, текст в несколько строк, список).

  • «Акт.» – активность поля. Опция определяет, отображается выбранное поле на сайте или нет

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

  • «Обяз.» – обязательное для заполнения поле. Если отмеченное поле не будет заполнено, то форма не отправится, а у пользователя на экране появится уведомление, что он не заполнил обязательное поле.

  • «Код» – уникальный ID поля, нужный программным модулям для обработки и хранения информации из формы.

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


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

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

Свойства и связи

Решение Аспро: Digital-компания содержит наборы элементов, которые вы можете связывать между собой. Например, определенные тизеры преимуществ с карточками отдельных товаров, тарифы и т.д.

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

Общая информация

Информационные блоки – модуль, позволяющий каталогизировать и управлять различными типами (блоками) однородной информации. С помощью информационных блоков может быть реализована публикация различных типов динамической информации: каталоги товаров, блоки новостей, справочники и т.д.
Свойства инфоблока – это единицы структурированной информации конкретного инфоблока. Благодаря им информация выводится в том или ином виде на различных страницах. Например, сопутствующие услуги – в виде привязанных элементов, файлы – как документы для скачивания, а заданные координаты на карте – как точки, отображаемые на подключенному к сайту сервису Яндекс.Карты.

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

Типы свойств

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

Чтобы просмотреть список свойств, в административной части сайта откройте Контент → Инфоблоки →Типы инфоблоков → Контент (aspro.digital). Далее выберите нужный инфоблок и через кнопку «Гамбургер» щелкните «Изменить».


Перейдите во вкладку «Свойства».


Здесь представлены такие типы как:

  • Файл – используется для добавления в инфоблок галереи, возможности прикреплять документы, аудио и видео;

  • Список – оперирует как одиночными значениями (поля с галками), так и множественными (представляет их в виде списка);

  • Дата – добавляет поле для ввода даты и времени;

  • HTML/текст – прикрепляет к карточке текстовое поле, изменяемое с помощью визуального редактора;

  • Привязка к элементам – настраивает ссылки на другие инфоблоки. Например, на похожие проекты;

  • Справочник – позволяет создать или выбрать Highload-блок, который будет использоваться в качестве справочника (в примере это справочник тизеров).


К основным типам также относятся «Строка» и «Число». Они хранят соответственно, символьные и числовые значения.

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

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

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

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

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

Чтобы отключить свойство в карточке инфоблока во вкладке «Свойства», снимите флажок с параметра «Акт.».

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

Добавление характеристик происходит по стандартному сценарию, поэтому продемонстрируем действие на одном свойстве, которое назовем «Команда».

Пролистайте список свойств инфоблока до первой пустой строки. Укажите название, тип (для ссылки на элемент другого раздела – «Привязка к элементу») и символьный код свойства, который понадобится нам для его вывода. Чтобы в свойстве выводился не один сотрудник, а несколько, нужно поставить галку в поле «Множ.».


Далее открываем настройку свойств инфоблока кнопкой многоточие.

Примечание. Состав параметров настроек свойства зависит от его типа.

В поле «Информационный блок» выбираем тип инфоблока и сам инфоблок, который задает параметры для карточек. Сохраняем изменения в настройках свойства.


В списке свойств жмем «Применить».

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

Открываем любой проект в режиме правки и находим на всплывающем меню изображение шестерёнки.


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

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

Затем идем в настройки проекта и заполняем новые характеристики.


Результат наших действий на странице:


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

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

Свойство «Привязка к элементу» – частный случай свойств, который мы рассмотрим в следующем уроке.

Связи для страниц

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

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

Посмотреть, какие страницы можно связывать между собой, можно непосредственно через настройки в публичной части сайта. К примеру, в блоке настроек товара “Значения свойств” мы видим, что к карточке товара можно привязать:

  • услуги
  • акции
  • товары
  • производителей
  • проекты

В настройках инфоблока этому соответствует тип свойства «Привязка к элементу».


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


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


Выбираем нужный элемент с помощью кнопки «гамбургер» и пункта «Выбрать».


Итог: на карточке товара появились проекты на соответствующей вкладке и услуги.

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

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


В самом ЛК есть 4 раздела и кнопка «Выйти», чтобы деавторизоваться.


В персональных данных пользователь может добавить или изменить свои ФИО, телефон, email и пароль.


В подписках можно настроить и оформить подписку на материалы с сайта.


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

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


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


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

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

Настройка рассылок

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


Группа полей «Источник данных»


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

Группа полей «Дополнительные настройки»


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

Настройка «Написать директору»

Переключитесь на административную часть сайта и перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Формы (aspro.digital) → Написать директору.


В поле «Описание» вы можете прописать пояснительный текст, который отображается над формой.


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


Подробнее о настройках полей формы читайте в соответствующей статье.

Установка логина в значении email адреса

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

В готовых решениях Аспро: Корпоративный сайт 2.0, Аспро: Маркет, Аспро: Оптимус, Аспро: Некст – возможно два варианта настройки для авторизации:

  • логин задан отдельным полем. В этом случае логин не совпадает с адресом электронной почты и при регистрации пользователю будет необходимо его задать отдельно;
  • логин может совпадать с email. На большинстве современных сайтов регистрация проходит именно по такому сценарию. Ее главное преимущество – пользователю не нужно запоминать отдельно логин. Это страхует от ошибок при авторизации и восстановлении пароля.

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

Логин задан отдельным полем:  


Логин равен email:


Чтобы включить функцию «Логин равен email адресу», перейдите в Аспро (1) → Настройки (2).


В блоке «Личный кабинет» активируйте параметр в поле «Логин равен email адресу».


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

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


Для разработчиков

Решение Аспро: Digital-компания и Аспро: Корпоративный сайт 2.0 созданы на современной технологической платформе – Bootstrap 3.0, HTML5, CSS3, jQuery. Они имеют принципиально новую архитектуру, с которой по-настоящему удобно работать. В специальном разделе есть библиотеки кнопок, иконок и элементов для оформления.

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

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

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

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

Модификация кода шаблона

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

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

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

Для того, чтобы изменить компоновку главной страницы, перейдите в Центр управления Аспро. В блоке настроек «Главная» вы увидите поле «Тип главной страницы». Выберите пункт Custom – специальную опцию для разработчиков. 


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


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

  • indexblocks_index1.php
  • indexblocks_index2.php
  • indexblocks_index3.php
  • indexblocks_index4.php

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

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


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

Шапка сайта

Изменения для шапки сайта выполняются по аналогичному алгоритму. Перейдите в Центр управления Аспро. В настройках найдите блок «Шапка». Подключите опцию для разработчиков 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С-Битрикс.

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