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

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

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

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



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

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

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

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

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

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

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

Загрузка установочного файла и подготовка хостинга

1. Загрузите файл установки bitrixsetup.php с официального сайта 1С-Битрикс.

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

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

4. Перейдите в Менеджер файлов (1) и загрузите файл bitrixsetup.php в корневую директорию сайта (2).

5. Загрузите файл.

6. Создайте базу данных. Для этого перейдите в Главное (1) → Базы данных (2). Нажмите кнопку «Создать». 

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

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

Создаем новый www-домен с наименованием основного домена — sitename.ru. Переходим в WWW (1) → WWW-домены (2). Выделите домен вашего сайта и нажмите «Изменить».

В настройках www-домена поставьте галочку в графе «Использовать технологический домен вида bx....ru».

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

1. В браузере перейдите по адресу: доменвашегосайта/bitrixsetup.php. Откроется страница установки. Выберите дистрибутив и версию продукта.

2. Ознакомьтесь с приветствием и нажмите «Далее». 

3. Прочитайте лицензионное соглашение и примите его условия.

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

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

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

7. Установите продукт.

8. Создайте администратора.

9. Выберите решение для установки.

10. Подтвердите настройки продукта.

Готово! Установка 1С-Битрикс успешно завершена. 

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

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

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

• Google Chrome
• Firefox
• Яндекс.Браузер
• Safari.

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

3. На панели меню слева перейдите в Главное (1) → Менеджер файлов (2). Перейдите в папку «www» → «доменвашегосайта». 

4. Выделите все файлы и директории нажатием клавиш Ctrl + Shift + A. Затем нажмите кнопку «Удалить».

4.1 Если у вас виртуальный хостинг: на панели меню слева перейдите в WWW (1) → WWW-домены (2). Выделите домен, для которого нужно установить 1С-Битрикс, и нажмите кнопку «Установка 1C-Bitrix».

4.2 Если виртуальный сервер: На панели меню слева перейдите в WWW (1) → Сайты (2). Выделите домен, для которого нужно установить 1С-Битрикс, раскройте меню RED.Tools и нажмите кнопку «Установка 1C-Bitrix».  

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

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

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

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

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

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

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




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





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

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

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

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

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

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

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

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

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

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

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

1. Заполняем поля «Имя пользователя» и вводим ранее сохраненный пароль для базы данных.
   
   - сервер – по умолчанию localhost
   - пароль – заданный пароль для пользователя базы данных
   - пользователь базы данных – существующий
   - база данных – существующая.
   
   
   
   Вводим сохраненное ранее имя базы данных и нажимаем кнопку «Далее».
   
   
   
   
2. Дождитесь окончания установки компонентов.
   
   

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Первые шаги

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

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

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

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

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

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

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

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

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

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

Настройки

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

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

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

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

Почта

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

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

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

Авторизация

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

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

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

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

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

Доступ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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




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



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

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

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

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

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



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

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

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

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

• Документацией 1С-Битрикс для пользователя 
  Базовые знания по настройке и работе с платформой
• Данной документацией по решению
• Базой знаний «Аспро»  
  Решение специфических проблем, нюансы и фишки для опытных пользователей и веб-разработчиков.
• F.A.Q.
  Ответы на часто задаваемые вопросы. 

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

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

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



Вопросы по приобретению решений и доработкам, а также пожелания по функционалу решения отправляйте через эту форму или на адрес 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) — активирует кнопку и задает ее вид и положение.

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

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

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

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

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

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

Ссылки на TikTok, Яндекс.Дзен, Pinterest, Snapchat стали доступны с версии 1.1.0

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

Главная

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

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

Шапка

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

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

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

Каталог

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

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

Разделы

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

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

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

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

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

Футер

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Общие

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• формат — .ico

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

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

• формат — .jpg.

Главная

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

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

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

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

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

Google reCaptcha

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

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

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

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

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

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

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

Шапка

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

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

Меню

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

Регионы

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

Каталог

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

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

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

Услуги

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

Проекты

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

Разделы

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

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

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

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

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

Футер

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Open Sans

• PT Sans

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Слева
  

• По центру
  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Формы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Продукция

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

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

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

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

• в шапке

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

• над товарами (компактный фильтр).

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

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



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

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

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

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

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

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

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

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

• с иконками

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• белая

• или цветная
  

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



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




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






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

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

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

• светлый

Баннеры

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

Футер

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

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

Разделы

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

«Контакты»

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

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

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

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

• «С филиалами и выбором региона»

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

 

«Лицензии»

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

«Карьера»

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

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

«Отзывы»

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

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

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

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

• Блоков

«Партнеры»

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

• блоков
  

• списка

«Команда»

Вы можете разместить карточки ваших специалистов в виде:

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

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

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

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

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

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

• списка

• плитки

«Проекты»

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

• «Списком с меню»

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

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

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

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

«Документы»

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

• Блоков

Шапка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• 2 колонки

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

• в строку

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

   3. Услуги


   4. Проекты

   5. Продукция

   6. Каталог

   7. Отзывы

   8. О компании

   9. Тизеры

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

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

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

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

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




   13. Контакты


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рассмотрим используемые в типе шаблоны:

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

Шаблоны

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

«Услуги»

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

«Проекты»

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

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

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

«Продукция»

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

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

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



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



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


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



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



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



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



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


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

«Отзывы»

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

1. Сверху

   2. Справа

«О компании»

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

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

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

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

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

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

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

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

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

«Тизеры»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

«Партнеры»

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

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

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

«Контакты»

Для блока с картой разработано 2 шаблона:

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

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

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

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

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

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

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

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

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

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

Контакты

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

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

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

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

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

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

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

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

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

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

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

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

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




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

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

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

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

И:

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

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

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

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

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

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

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

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

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

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

Тизеры

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

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

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

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

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

Услуги

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

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

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

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

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

Проекты

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

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

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

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

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

Продукция

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

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

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

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

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

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

Каталог

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

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

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

О компании

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отзывы

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

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

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

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

Наша команда

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

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

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

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

Пресс-центр

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

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

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

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

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

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

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

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

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

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

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

И:

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

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

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

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

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

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

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

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

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

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

Баннеры

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для этого:

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

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

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

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

• темный
  

• светлый
  

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

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

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

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

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

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

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

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

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





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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Виджет Instagram

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

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

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

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

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

• Слайдером
• Плиткой
• Блочный.

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

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

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

• Плиткой

• Слайдер

Вид на сайте:

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

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

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

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

Получение API token Instagram

Для корректной работы виджета Instagram необходимо получить API token Instagram. Как это сделать подробно рассказываем в статье.

Для создания API token понадобится следующее:

• Аккаунт разработчика Facebook. Для создания аккаунта перейдите по ссылке https://developers.facebook.com. Если вы уже ранее регистрировались на Facebook, то вам необходимо авторизоваться.

• Аккаунт Instagram с медиафайлами. Публикации из этого аккаунта попадут в виджет на сайте.

• Уже созданный сайт с установленным решением, на котором будет расположен виджет Instagram.

Создание приложения

Перейдите на сайт developers.facebook.com. Для дальнейшей работы вы должны быть авторизованы.

После авторизации выберите пункт «Мои приложения» (1). Затем в выпадающем меню выберите «Создать приложение» (2).

В открывшемся попап-окне выберите тип приложения «Другое».

Укажите название вашего приложения (1).Обратите внимание! Название приложения не должно содержать слово Instagram из-за особенностей работы платформы для разработки. Укажите электронный адрес для связи (2) и создайте приложение (3).

После заполнения формы страница будет перезагружена. Вас перенаправят на страницу панели нового приложения. В меню выберите Настройки → Основное.

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

В открывшемся окне выберите платформу «Веб-сайт».

В конце страницы появится выбранная платформа «Веб-сайт» и поле для ввода URL-адреса сайта. Заполните его и сохраните изменения.

В меню нажмите «Товары» (1), найдите карточку Instagram Basic Display и перейдите к ее настройке (2).

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

После того, как вы перейдете к настройке товара, он станет доступным в левом меню. Разверните пункт «Instagram» и выберите пункт «Basic Display» (1). Внизу странице нажмите «Create New App» (2).

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

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

• Действительные URI переадресации для OAuth.
• Деавторизация URL обратного вызова.
• URL запроса на удаление данных.

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

Добавление тестового пользователя

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

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

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

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

Генерация API token

Разверните пункт «Instagram» (1) и выберите пункт «Basic Display» (2). В блоке «User Token Generator» нажмите кнопку «Generate Token» (3).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Компания

О компании

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



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



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



Кнопка вызывает визуальный редактор, с помощью которого вы можете изменить текст, отформатировать его, добавить изображения, ссылки и списки.

Команда

В разделе «Команда» находится информация об отделах компании и ее сотрудниках: фотографии, краткие и расширенные описания, основные компетенции, должность, контакты.

В карточку сотрудника можно прикрепить связанные с ним новости или статьи, отзывы клиентов, проекты, в которых этот специалист принимал участие и услуги, которые входят в его компетенцию.

Карточки сотрудников (1) сгруппированы по отделам (разделам) (2). У каждого отдела есть свое описание (3). Также в начале страницы можно разместить дополнительный текст (4).

Опция переключения внешнего вида доступна:

• в виджете

Управление разделами

Изменять, удалять или добавлять новые разделы (отделы компании) можно только в административной части сайта. Откройте Рабочий стол → Контент → Контент (aspro.priority) → Команда.



Нажмите «Добавить раздел» (1), чтобы создать новый отдел. Для изменения (2) или удаления (3) существующего используйте меню кнопки «Гамбургер».

В настройках отдела вы можете:

• определить, будет ли он отображаться на сайте (1);
• изменить его название (2);
• добавить описание (3).

Управление элементами (карточками сотрудников)

Управлять карточками сотрудников можно как из публичной части сайта, так и административной.

Для редактирования карточек из публичной части сайта переключитесь в режим правки.



Наведите указатель на фото сотрудника. Над ним появится панель с кнопками, которые позволят изменить (2) информацию о сотруднике или удалить (3) его карточку. Указатель над содержимым раздела также вызывает панель, на которой есть кнопка «Добавить сотрудника» (1).



Для управления карточками сотрудников из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Команда и откройте нужный раздел (например, «Руководители»).



Используйте стандартные элементы управления – специальную кнопку для добавления нового элемента (сотрудника) (1) и меню кнопки «Гамбургер» для изменения (2), удаления (4) или отключения отображения (3) существующего.

Рассмотрим содержимое карточки сотрудника.

На вкладке «Сотрудник» вы можете:

• указать ФИО сотрудника (2) – поле обязательно для заполнения;
• включить или отключить отображение его карточки на сайте (1);
• определить, на какой позиции будет анонс (3) – чем больше индекс сортировки, тем ниже и правее будет положение в разделе;
• добавить кнопку «Написать сообщение» для связи с сотрудником (4);
• указать должность сотрудника (6)
• указать контактные данные: e-mail (5) и телефон (7).

На вкладке «Разделы» вы можете соотнести карточку сотрудника с другим отделом.

Партнеры

В разделе «Партнеры» можно рассказать о дружественных компаниях, используемых технологиях или брендах, продукция которых представлена на сайте.

Основная страница раздела содержит перечень партнеров, разбитый на группы (разделы). Каждой группе можно добавить описание.

Для списка партнеров доступно 3 варианта внешнего вида:

• блочный (контактные данные и краткое описание помещаются под логотипом)

Смена способа отображения карточек доступна:

• в виджете настроек

Детальная страница партнера открывается щелчком мыши по превью (анонсу). Здесь можно рассказать о партнере подробнее и указать адрес сайта и контактный телефон.



Также к детальной странице партнера доступна привязка рекомендательных писем, проектов и услуг, которые он заказывал или в которых принимал участие.

Управление разделами (группами партнеров)

Создавать разделы, изменять и удалять существующие можно в административной части сайта. В публичной части сайта доступно только изменение и удаление существующих групп.

Для управления разделами через админку перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Партнеры.

Нажмите одноименную кнопку, чтобы добавить новый раздел (1). Вызовите меню кнопки «Гамбургер», чтобы изменить (2) или удалить (3) существующий.

Для вызова элементов управления в публичной части сайта переключитесь в режим правки.

Наведите указатель на содержимое группы или анонс одного из партнеров. Появится панель, с помощью которой вы сможете изменить (1) или удалить (2) выделенный раздел.

Рассмотрим подробнее настройки разделов:

• Раздел активен (1) – определяет, будет ли отображен раздел на странице;
• Название (2) – имя группы (поле обязательно для заполнения);
• Описание (3) – добавляет содержащийся в этой области текст под заголовок раздела.

Управление карточками партнеров

Управлять карточками партнеров можно как в административной части сайта, так и в публичной.

Для управления из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Партнеры. Откройте раздел, в котором должна храниться карточка — например, «Сервисы и инструменты».

Добавьте партнера с помощью одноименной кнопки (1). Если требуется изменить (2), удалить (4) или отключить отображение (3) партнера на сайте, вызовите меню кнопки «Гамбургер» и выберите нужный пункт.

Изменить карточку партнера можно в публичной части сайта можно в режиме правки.

Наведите указатель на карточку партнера, которую необходимо настроить. Появятся 2 панели, с помощью которых вы можете создать нового (1), изменить (2) или удалить с сайта (3) существующего партнера.

Эти же элементы можно вызвать на детальной странице партнера. Они отобразятся внизу.




Рассмотрим, какие настройки доступны в карточке партнера. На основной вкладке вы можете:

• включить/отключить отображение партнера на сайте (1);
• указать название/имя партнера (2) – поле обязательно для заполнения;
• определить, на какой позиции в списке он будет отображаться (3) – чем больше индекс сортировки, тем ниже и правее позиция в перечне;
• добавить сайт (4) и контактный номер телефона (5), которые будет видно
• в анонсе (при вариантах внешнего вида «Блочный» и «Список»)
  
  

• на детальной странице партнера
  
  

• добавить на детальную страницу связанные документы – рекомендательные письма (6).
  
  

Чтобы дополнить контактные данные в анонсе изображением (1) и кратким описанием (2), заполните соответствующие области на одноименной вкладке.



На вкладке «Подробно» можно добавить картинку (1) для детальной страницы и подробную информацию (2).




На вкладке «Связи» к детальной странице привязываются:

• проекты (1)
  

Количество элементов в строке для раздела «Партнеры»

В Аспро: Приорити, начиная с версии 1.0.6, вы можете задавать количество элементов в строке от 1 до 5 для раздела «Партнеры». Функция доступна при типах страницы «Блочный» и «Только логотипы». Задавайте то количество, которое будет оптимальным для вашего проекта. Например, если у вас 6 партнеров, то будет красивее, если они расположатся в 2 строки по 3 элемента в каждой.

Чтобы задать количество элементов в строке, в публичной части сайта в режиме правки наведите на область страницы и кликните на шестеренку.

В параметрах компонента новостей в поле «Количество элементов в строке» выберите вариант из выпадающего списка. Сохраните изменения.

Реквизиты

В разделе «Реквизиты» находится небольшое текстовое описание и реквизиты компании, представленные в табличном виде.



Чтобы заменить описание, переключитесь в режим правки.



Наведите указатель на содержимое страницы и нажмите на кнопку «Изменить страницу в редакторе».

Откроется новое окно, инструменты которого позволяют легко и удобно работать с текстом: добавлять изображения, описание, видео и оформлять ссылки.

Вопросы и ответы

Порой информации на сайте (в описании товара, услуги, условиях обслуживания и т.д.) посетителям не достаточно, и у них остаются вопросы. В Аспро: Priority на вопросы типовые пользователей отведен целый раздел. Здесь находятся:

• список часто задаваемых вопросов, разбитый на тематические вкладки (2);
• блок с кнопкой, вызывающей форму «Задать вопрос» (3);
• небольшое описание в начале страницы (1).
  
  

Список вопросов оформлен в стиле «Аккордеон» – клик по кнопке (1) или тексту вопроса разворачивает ответ. В конце ответа можно добавить кнопку, привязанную к любой странице любого сайта (2).



В следующих уроках мы рассмотрим, как управлять тематическими вкладками, редактировать вопросы и ответы, менять текст в начале страницы и в блоке обратной связи.

Редактирование описания раздела и текста в блоке обратной связи

Чтобы в разделе «Вопросы и ответы» вставить в верху страницы и в блоке «Задать вопрос» свой текст, откройте раздел в браузере и переключитесь в режим правки.



Наведите указатель на описание в начале страницы. Появится вот такое меню:



Первая кнопка «Изменить область» вызывает визуальный редактор для описания (1).



Вторая кнопка (2) – визуальный редактор для текста в блоке обратной связи.



Визуальный редактор позволяет не только менять текст, но и форматировать его. Для этого используйте панель инструментов:

Настройка и редактирование разделов (вкладок)

Тематические вкладки (разделы) – например, «Общие вопросы», можно удалять, изменять и создавать. Управление доступно как в административной, так и в публичной части сайта. Но в публичной части оно ограничено – здесь не доступно создание новых разделов.

Вызов элементов управления в публичной части происходит в режиме правки.



Раскройте нужную вкладку и наведите курсор на перечень вопросов. Сверху появится меню с кнопками «Изменить раздел» (1), «Удалить раздел» (2).



Для управления из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Вопросы и ответы.

Чтобы добавить новый раздел, используйте одноименную кнопку (1). Чтобы изменить (2) или удалить (3) существующий – меню кнопки «Гамбургер».

Настройки элементов и разделов хранятся в карточках. При создании нового раздела в редакторе карточки обязательно укажите его название на вкладке «Раздел».

Чтобы определить, на какой позиции должен отображаться раздел, переключитесь на вкладку «Дополнительно». Здесь вам нужен параметр «Сортировка». Чем меньше индекс сортировки, тем левее в списке вкладок будет отображаться раздел.

Настройка и редактирование вопросов

Добавлять, изменять и удалять вопросы можно как в административной, так и в публичной части сайта.

Для управления элементами из публички переключитесь в режим правки.



Наведите указатель на вопрос. Всплывут 2 панели. На одной будет кнопка «Добавить вопрос» (1), на другой – «Изменить вопрос» (2), «Удалить вопрос» (3). Изменение или удаление будет произведено над выделенным элементом.



Для управления из админки откройте Рабочий стол → Контент → Контент (aspro.priority) → Вопросы и ответы и перейдите в раздел, в котором должен отображаться вопрос. Например, «Общие вопросы».

Элементы управления здесь стандартны – кнопка для добавления нового вопроса (1) и меню кнопки «Гамбургер» для изменения (2), удаления (4) или отключения отображения на сайте (3) существующего.

Добавление и изменение вопроса происходит с помощью редактора карточек.

В редакторе на основной вкладке:

• установите галку «Активность», чтобы пользователи могли увидеть вопрос и ответ на него на сайте (1);
• в поле «Название» введите текст вопроса (2) – поле обязательно для заполнения;
• задайте индекс сортировки (3), чтобы определить, на какой позиции в списке должен отображаться вопрос (чем больше индекс сортировки, тем ниже положение вопроса в списке);
• при необходимости дополните ответ кнопкой (4) – дайте ей название и привяжите к ней нужную страницу.

Текст ответа размещается и форматируется с помощью визуального редактора на вкладке «Анонс».

Карьера

Раздел «Карьера» содержит список открытых вакансий компании.

Наверху страницы отображается «визитка» с кнопкой и контактными данными отдела кадров:

Под «визиткой» выводится перечень вакансий. Его оформление зависит от выбранного шаблона раздела: аккордеон или список.

При выборе варианта «Аккордеон» в перечне будет выводится название вакансии и ключевая информация: город, тип работы, требуемый опыт, предлагаемая заработная плата. Подробности соискатель может просмотреть на этой же странице с помощью кнопки в виде вертикальной стрелки (1). Дополнительная информация откроется в развороте, где также отображается кнопка с формой для отправки резюме (2).



Вариант внешнего вида «Список» отличается тем, что условия работы и требования вынесены на отдельную страницу. Попасть на нее можно по клику на название вакансии или кнопку с горизонтальной стрелкой (2). Также в этом шаблоне под названием отдела можно добавить небольшое описание (1).

Кроме описания вакансии — условий труда, требований и пожеланий, на детальную страницу вакансии можно добавить:

• изображение
  
  

• связанные с вакансией услуги, над которыми сотруднику предстоить работать, а также команду, с которой он будет коммуницировать.
  
  

Переключаться между видами отображения раздела можно:

• с помощью виджета настроек на вкладке «Разделы»
  
  

Управление разделами

Создавать, редактировать и удалять разделы (отделы компании для вакансий) можно в административной части сайта. В публичной части доступно только изменение и удаление существующих разделов.

Для управления разделами из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Карьера.

Чтобы добавить новый раздел, нажмите одноименную кнопку (1). Для изменения (2) или удаления (3) существующего используйте меню кнопки «Гамбургер».

Для вызова элементов управления в публичной части сайта переключитесь в режим правки.

Наведите указатель на описание отдела или одну из вакансий. Над названием отдела появится панель с кнопками «Изменить раздел» (1), «Удалить раздел» (2).

В настройках (карточке отдела) вы можете:

• дать ему название (2) – поле обязательно для заполнения;
• включить/отключить отображение отдела на сайте (1).
  
  

Здесь же добавляется небольшое описание для отдела (3), которое выводится перед списком вакансий:

Управление элементами (карточками вакансий)

Изменить или удалить вакансию из списка можно как в публичной, так и в административной части сайта.

Добавить новую вакансию можно:

• В шаблоне «Аккордеон» — только в админке.
• В шаблоне «Список» — как из админки, так и из публички.

Для управления карточками вакансий из публички переключитесь в режим правки.




Наведите указатель на вакансию. Над ней появится меню, с помощью которого вы можете изменить (1) описание вакансии или удалить ее (2).



Чтобы добавить на сайт новую вакансий через публичку в шаблоне «Список», откройте в режиме правки страницу с подробным описанием одной из существующих вакансий. После того, как вы наведете указатель на содержимое страницы, внизу всплывает меню, дополненное кнопкой для добавления нового элемента



Карточки вакансий в админке хранятся в Рабочий стол → Контент → Контент (aspro.priority) → Карьера. Откройте раздел, в котором должна отображаться вакансия. Например, «Аналитический отдел».



Чтобы добавить новую вакансию, используйте одноименную кнопку (1). Разверните кнопку «Гамбургер» и выберите нужный пункт, чтобы изменить (2), удалить (4) или отключить отображение вакансии на сайте (3).

В каждой карточке вакансии на основной вкладке:

• обязательно укажите название (2);
• определите видимость вакансии на сайте с помощью соответствующей настройки (1);
• отметьте, в какой позиции должна отображаться вакансия на сайте (3) – чем больше индекс сортировки, тем ниже предложение отобразится в списке;
• укажите заработную плату (4), город (5), тип работы (6) и необходимый опыт (7).
  
  

Содержимое полей из группы «Значения свойств» отобразится:

• в анонсе вакансии
  
  

• на странице с подробным описанием (актуально только для вида раздела «Список»)
  
  

На вкладке «Анонс» вы можете загрузить изображение для анонса (1) и добавить к нему небольшое описание (2).



Описание отобразиться на основной странице раздела под ключевой информацией о вакансии.



Добавить подробное описание предложения и красиво оформить его можно с помощью визуального редактора (2) на вкладке «Подробно».



Здесь же вы можете добавить изображение (1) для оформления детальной страницы.

Познакомьте кандидата с кем и чем именно ему предстоит работать (актуально только для внешнего вида «Список») – привяжите к детальной странице вакансии:

• сотрудников
  
  

Редактирование визитки отдела кадров

В разделе «Карьера» содержится блок с баннером, контактной информацией и кнопкой для отправки резюме.

Редактировать визитку можно как в публичной, так и в административной части сайта. Чтобы настроить визитку через публичку, переключитесь в режим правки. Наведите указатель на содержимое визитки. На появившейся панели вы можете изменить текущие настройки, удалить или создать новую запись в списке статичных страниц.

Чтобы внести изменения через административную часть сайта, перейдите в Контент (1) → Контент (aspro.priority) (2) → О компании (3).

Вызовите меню кнопки «Гамбургер» и выберите нужное действие: изменить текущие настройки элемента (2), деактивировать (3) или удалить элемент (4). Также можно добавить новую запись в списке статичных страниц (1).

Когда вы перешли в редактирование элемента для изменения настроек, найдите «Блок перед списком вакансий в разделе “Карьера”». Включите или отключите кнопку «Отправить резюме» (1), укажите контактное лицо (2), его e-mail (3) и телефон (4) и загрузите изображение (5).

Документы

Раздел «Документы» предназначен для ознакомления клиентов с вашими лицензиями, сертификатами, наградами и другими важными документами.

Доступно 2 варианта внешнего вида:

• Блочный
  
  

• Списком
  

Способ отображения перечня можно изменить в публичной и административной части сайта.

В публичке шаблон меняется через виджет настроек.

Пролистайте настройки до нужного параметра. Выберите один из вариантов, чтобы его «примерить».

Для сохранения изменений нажмите кнопку в правом верхнем углу виджета.

В админке шаблоны переключаются в центре управления: Рабочий стол → Аспро: Priority → Настройки.

Параметр находится в группе «Разделы».

Настройка и редактирование разделов (категорий документов)

Категории документов – это внутренние подразделы раздела «Документы». Например, «Сертификаты», «Лицензии», «Награды».

Изменять и удалять подразделы можно в публичной и административной части сайта. Добавлять новые – только в административной.

Для управления разделами в публичке включите режим правки.



Наведите указатель на содержимое категории, например, описание. Над ней появится меню, с помощью которого вы можете изменить (1) или удалить (2) категорию.



Для управления разделами в админке перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Документы.

Используйте кнопку «Добавить раздел» (1), чтобы создать новую категорию. Вызовите меню кнопки «Гамбургер» на соответствующей строке, чтобы изменить (2) или удалить (3) существующую.

Создание и изменение раздела происходит с помощью редактора карточек. Здесь основным параметром является название раздела (1) – поле обязательно для заполнения.



Также вы можете добавить небольшое описание, которое будет выводиться над списков входящих в раздел документов. Для этого заполните одноименное поле (2).



Если вам необходимо определить порядок отображения категорий на странице, перейдите на вкладку «Дополнительно» и измените индекс сортировки. Чем больше индекс сортировки, тем ниже положение раздела.

Редактирование списка элементов (документов)

Документы можно добавлять, удалять и настраивать их отображение (название, позицию в списке, период показа) в публичной и административной части сайта.

Включите режим правки, чтобы работать с элементами в публичке.



Наведите указатель на один из документов. Появятся 2 меню с кнопками для добавления (1), изменения (2) или удаления (3) элементов. Операции изменения и удаления применяются к выделенному документу.



В административной части сайта управлять документами можно в Рабочий стол → Контент → Контент (aspro.priority) → Документы. Если вы используете распределение документов по категориям, откройте нужный раздел. Рассмотрим на примере раздела «Сертификаты».



Управление элементами здесь стандартно – отдельная кнопка для добавления нового документа (1) и меню кнопки «Гамбургер» для изменения (2), удаления (4) или деактивации показа (3) существующего на сайте.

Добавляя новый документ или изменяя существующий, вы попадаете в редактор карточки. В редакторе для документа вы можете:
включить или отключить отображение документа на сайте (1);

• определить период, в течение которого документ будет отображаться (2);
• дать ему название (3) – поле обязательно для заполнения;
• указать, на какой позиции в списке отображать элемент (4) – чем больше индекс сортировки, тем ниже и правее положение документа в списке;
• загрузить документ или его отсканированную копию (5).
  
  

Производители

В разделе «Производители» находится перечень брендов и компаний, чьи товары представлены на сайте. Раздел может иметь вид:

• Блоков

Для переключения шаблона из публичной части раскройте виджет настроек.

Переключитесь на вкладку «Разделы» (1) и выберите нужный вариант.

Чтобы сохранить изменения, нажмите одноименную кнопку (2).

В админке изменить внешний вид раздела можно в Рабочий стол → Аспро: Priority → Настройки.

Пролистайте параметры до группы «Разделы». Выберите нужный вариант у соответствующей настройки и нажмите «Применить».

Редактирование списка производителей

Добавлять, изменять или удалять производителя из списка можно в административной и в публичной части сайта.

Для управления элементами списка из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Производители.

Нажмите «Добавить производителя» (1), чтобы пополнить список. Вызовите меню кнопки «Гамбургер» у существующего элемента, чтобы изменить (2), удалить (4) или отключить его отображение на сайте (3).

Вызвать элементы управления в публичке можно в режиме правки.

Для этого нужно навести курсор на элемент, который необходимо изменить. На странице раздела появятся 2 панели. Кнопки на одной из них позволят удалить (2) или изменить (1) выделенный элемент. На второй будет кнопка, с помощью которой можно добавить нового производителя(3).

На детальной странице производителя это же действие вызывает одно меню с теми же тремя кнопками.

Кнопки изменения и удаления элемента открывают редактор карточки. Здесь на вкладке «Производитель» вы можете:

Логотип компании загружается на вкладке «Анонс».

А описание для детальной страницы необходимо вводить на вкладке «Подробно». Встроенный визуальный редактор поможет вам отформатировать текст.

Связать между собой бренд и товар можно только в карточке товара:

После того, как связь будет установлена, лого производителя отобразится на странице с подробным описанием товара.

А товар — на странице производителя.

В режиме правки установленная связь между товаром и брендом на странице бренда позволяет вызвать элементы управления карточкой товара.

Отзывы

В любом бизнесе важна репутация и доверие клиентов. Отзывы — это один из мощных инструментов повышения доверия потенциальных покупателей. В Аспро: Priority под них отведен целый раздел. Здесь посетители могут оставить свой отзыв и ознакомиться с мнением других людей о качестве работы вашей команды.

Отзывы клиентов (2) располагаются друг за другом.

Над ними в начале страницы находится приветственный текст с кнопкой, вызывающей форму обратной связи «Оставить свой отзыв» (1).

С ее помощью посетитель может представиться, описать свои впечатления, поставить оценку по 5-бальной шкале и при необходимость прикрепить файлы и/или видео.

Настройка внешнего вида раздела

Для раздела «Отзывы» доступно 2 шаблона, влияющих на внешний вид публикаций пользователей. С их помощью автора отзыва можно разместить:

• сверху над описанием

Для переключения из публички раскройте виджет настроек.

Переключитесь на вкладку «Разделы» (1). Выберите интересующий вас вариант, чтобы его «примерить». Для сохранения изменения кликните одноименную кнопку (2).

В админке шаблоны переключаются в Рабочий стол → Аспро: Priority → Настройки.

Здесь найти  параметр вы можете также в группе «Разделы».

Редактирование описания раздела

Описание раздела редактируется в публичной части сайта. Переключитесь в режим правки.

Наведите курсор на описание. На появившейся панели нажмите «Изменить область».

Откроется окно визуального редактора. Вставьте здесь свой текст и сохраните изменения.

Редактирование и публикация отзывов

Чтобы внести изменения в список опубликованных отзывов, откройте раздел в браузере и переключитесь в режим правки.

Для редактирования отзыва наведите на него указатель. Над ним всплывет меню, которое позволит изменить (2) или удалить (3) выделенный элемент. Курсор над содержимым страницы также вызывает меню с кнопкой для добавления нового отзыва (1).

Создание и изменение отзывов происходит через редактор карточек.

Рассмотрим параметры карточки отзыва подробнее:

• Ваше имя (4), Должность (5) – соответствующие данные клиента, оставившего отзыв;
• Файлы (6), Видео (7) – поля, позволяющие дополнить отзыв изображениями, документами и видео;

• Рейтинг (8) – оценка качества оказанных клиенту услуг (по 5-бальной шкале);
  Отзыв (9) – описание впечатлений от сотрудничества;
  Ответственный сотрудник (10) – сотрудник, ответственный за оказанную клиенту услугу/выполненную работу;
• Ответ (11) – поле для ответа вашего представителя на отзыв клиента;

• Фотография (12) – фото клиента, оставившего отзыв;
• Логотип компании (13) – лого компании, которую представляет клиент. Отображается, если фото клиента не загружено.

В разделе «Отзывы» выводятся элементы, которые хранятся в админке в Рабочий стол → Контент → Контент (aspro.priority) → Отзывы клиентов.

Здесь вы можете добавить новый отзыв с помощью соответствующей кнопки (1) или удалить (4), изменить (прочитать) (2), скрыть/показать на сайте (3) существующий, используя меню кнопки «Гамбургер».

Если вы используете формы обратной связи, построенные на инфоблоках, то отзывы от пользователей будут попадать сюда (в результаты работы инфоблока) автоматически. Если решение настроено на использование веб-форм, то отзывы клиентов потребуется переносить вручную из результатов работы веб-форм.

Во втором случае перейдите в Рабочий стол → Сервисы → Веб-формы → Результаты → Оставить свой отзыв.

Вызовите меню кнопки «Гамбургер» и нажмите «Изменить». Для заполнения карточки отзыва в Рабочий стол → Контент → Контент (aspro.priority) → Отзывы клиентов используйте значения из группы «Поля результата».

Подробнее об особенностях системы обратной связи читайте в соответствующей главе.

Продукция

В разделе «Продукция» представлены товары, которые предлагает компания. Для удобства они разделены на категории (разделы) (2). Над списком категорий для привлечения и мотивации покупателей можно разместить небольшой текст (1).

Для страницы основного раздела доступно 6 вариантов оформления:

• Блочный с картинками

• Список с картинками

• Список с картинками и меню

• Блочный с иконками

• Список с иконками

• Список с иконками и меню

Настройки раздела «Продукция»

Чтобы изменить описание в начале страницы раздела, перейдите в режим правки.

Наведите указатель на описание. В появившемся меню нажмите «Изменить область».

В открывшемся окне введите свой текст, отформатируйте его с помощью инструментов визуального редактора и сохраните изменения.

Управлять внешним видом раздела можно в публичной и административной части сайта. Для переключения шаблона из публички используйте виджет настроек.

В виджете переключитесь на вкладку «Продукция» (1), для «примерки» шаблона выберите нужный вам вариант у одноименного параметра. Чтобы сохранить изменения на сайте, нажмите одноименную кнопку вверху виджета (2).

Для переключения внешнего вида в админке перейдите в центр управления Аспро: Priority → Настройки.

Пролистайте список параметров до группы «Продукция», выберите шаблон и нажмите «Применить».

Настройка и редактирование категорий (разделов)

Изменять и удалять существующие категории товаров в разделе «Продукция» можно как в публичной, так и в административной частях сайта. Добавлять новые — только в админке.

Для вызова элементов управления в публичке переключитесь в режим правки.

На странице со списком категорий (разделов) наведите указатель на раздел, который нужно настроить (1) или удалить (2). Над ним появится меню с нужными кнопками.

Для управления разделами из админки перейдите в Рабочий стол → Контент → Каталог (aspro.priority) → Продукция.

Нажмите «Добавить раздел» (1), чтобы создать новую категорию товаров. Вызовите меню кнопки «Гамбургер» и выберите одноименный пункт, чтобы изменить (2) или удалить (3) существующую категорию.

Настройки категории хранятся в карточках. Рассмотрим ее содержимое подробнее по вкладкам.

В состав вкладки «Раздел» входят такие параметры, как:  

• Форма «Задать вопрос сотруднику» (6) – привязывает к одноименной форме обратной связи внутри раздела определенного сотрудника;
• Описание (7) – хранит текст, выводимый на странице редактируемого раздела под списком товаров.

Для управления положением категорий в списке переключитесь на вкладку «Дополнительно» и заполните поле «Сортировка». Чем выше индекс сортировки, тем ниже/правее положение категории в списке.

Чтобы изменить текст в разделе над списком товаров, переключитесь на вкладку «Доп. поля» и заполните «Краткое описание» (2).

Параметр UF_VIEWTYPE (1) отвечает за способ отображения товаров, которые входят в этот раздел:

• в виде плитки

• прайса

1. С характеристиками – анонсная картинка сдвигается вправо, демонстрируя характеристики товара (1).
2. Без характеристик – анонс товара не реагирует на положение курсора (2).

Эту настройку можно найти в виджете на вкладке «Продукция»:

И в центре управления Аспро: Priority → Настройки.

Параметр находится в группе «Продукция».

Настройка и редактирование карточки товара

Управлять страницей товара можно как в административной, так и в публичной части сайта.

Для вызова элементов управления в публичке переключитесь в режим правки.

На детальной странице товара наведите указатель на содержимое. Появится меню, с помощью которого вы сможете изменить (1), удалить (3) просматриваемый товар или добавить новый (2).

Создание нового товара (1), изменение (2) и удаление (3) существующего доступно и на странице категории, в которую входит товар. Наведите указатель на анонс товара, чтобы вызвать его элементы управления.

Добавить новый товар также можно со страницы основного раздела «Продукция».

Для управления описанием товара из админки перейдите в Рабочий стол → Контент → Каталог (aspro.priority) → Продукция и откройте раздел, в котором должен храниться настраиваемый товар. Рассмотрим на примере раздела «Автомобили».

Для добавления нового товара нажмите одноименную кнопку (1). Чтобы изменить (2), удалить (4), деактивировать на сайте показ существующего (3), вызовите меню кнопки «Гамбургер» и выберите соответствующий пункт.

Настройки страницы с подробным описанием хранятся в карточке. Рассмотрим ее содержимое по вкладкам.

Вкладка «Товар»

При создании товара на этой вкладке вам потребуется заполнить такие параметры, как:

Активация кнопки «Задать вопрос» 

Если вы хотите изменить текст в этом блоке, наведите указатель в режиме правки на содержимое страницы и нажмите «Изменить область» в появившемся меню.

В новом окне замените текст на свой, отформатируйте его и сохраните изменения.

Как в карточке товара выглядят указанные параметры

• Хит продаж (8) – устанавливает стикеры на анонсе и в «визитке» товара, а также определяет, в какой категории («Хит», «Новинка», «Мы советуем», «Акция») выводить товар на главной (в блоке «Наша продукция») 
  

• Тизеры (9) – привязывает к странице соответствующие элементы
  

• Пользовательские характеристики (11) – перечень свойств товара, который вы создаете и настраиваете самостоятельно (подробнее о создании новых характеристик читайте здесь)

Характеристики товаров можно отобразить под табом:

Или в виде отдельного блока:

Внешний вид детальной страницы

Внешний вид детальной страницы задается параметром, который можно найти в виджете настроек на вкладке «Продукция».

И в центре управления Аспро: Priority → Настройки.

Также в группе «Продукция».

Вкладка «Видео»

Как добавить видео

На этой вкладке вы можете добавить ссылки на ролики с youtube (1) или загрузить несколько видеофайлов в систему (2).

Если вам недостаточно полей под 5 файлов или 5 ссылок нажмите кнопку «Добавить» (3) под соответствующим блоком параметров.

Как привязать ролик с youtube

В появившемся меню выберите «Встроить».

В новом окне нажмите «Копировать».

В буфер попадет код видео, который нужно вставить в карточку товара (поле «Ссылка на видео»). После сохранения изменений видео появится под соответствующей вкладкой или в блоке.

Вкладка «Анонс»

Здесь загружается изображение для анонса товара (1).

Также для перечня товаров в виде «Список» вы можете дополнить его небольшим описанием (2).

Вкладка «Подробно»

На этой вкладке вы можете:

• заполнить верхнюю галерею (в «визитке» товара) основным (1) и дополнительными (2) изображениями;

Также большая галерея показывает в верхнем левом углу количество загруженных в нее фото (1).

• загрузить нужные документы (4);

Вкладка «Связи»

К товару можно привязать:

• открытые вакансии

• ответы на часто задаваемые вопросы

• отзывы клиентов

• партнеров
  

• проекты

• карточки сотрудников

• похожие или сопутствующие товары

Вкладка «Баннер»

• Включает / отключает баннер (1)
• Если вы используете составной баннер – в поле «Фоновая картинка» (3) загрузите фон, а в поле «Активная картинка» (2) –  ключевое изображение 
• Если вы не используете составной баннер (на баннере уже есть активная картинка) – в поле « Фоновая картинка» (3) 
• Чтобы изменить цвет текста, выводимого на баннере, необходимо выбрать цвет текста (4)
  
• Можно выбрать направление анимации (5) или не устанавливать его
• Можно задать цвет кнопки «Заказать товар» и «Задать вопрос» (6).

Вкладка «Разделы»

Здесь вы можете переместить товар в другую категорию. Для этого выделите в перечне нужную и сохраните изменения.

Настройка пользовательских характеристик

Характеристики выводятся в карточке товара:

• под одноименным табом

• или отдельным блоком

Добавление новых характеристик производится всего в 3 шага. Вам понадобится:

1. Добавить новое свойство (характеристику) в инфоблок

Внимание! Внесения изменений в уже существующие свойства решения, настроенные по умолчанию, могут привести к некорректной работе сайта. Мы не рекомендуем изменять их без навыков разработки на 1С-Битрикс.

Откройте в админке Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.priority) и выберите пункт «Продукция».

Переключитесь на вкладку «Свойства» и пролистайте перечень до конца. Создайте свойство в первой свободной строке. Если свободных строк нет, нажмите на кнопку «Еще».

Для новой характеристики:

Для свойства можно использовать следующие типы:

• Список (1). Выберите этот тип, если характеристика должна принимать одно из заданных значений — например, «Статус» может принимать значения: «В наличии» или «Нет в наличии».

Пример значений для свойства «Обновления», информирующая покупателя о том, что разработчики еще осуществляют техническую поддержку представленного в каталоге ПО:

При создании новой характеристики типа «Число» и «Строка» дополнительные настройки не требуются.

После внесения изменений сохраните их. Новое свойство добавлено в инфоблок.

2. Заполнить характеристику в карточке товара в админке

Если вы открыли карточку товара, а новая характеристика в ней не появилась, нажмите на шестеренку в правом верхнем углу и выберите пункт «Настройки».

В верхнем левом перечне (1) выберите «Товар», а в правом (2) – название вкладки, на которой хотите отображать характеристику (в примере свойство будет выведено на основную вкладку «Товар»). Найдите в списке «Доступные поля» (3) созданную вами характеристику, выделите её и нажмите на стрелку (4).

Свойство попадет в список «Выбранные поля». Чтобы определить, в каком порядке должны отображаться характеристики, в редакторе используйте кнопки «Выше», «Ниже» (1). Когда закончите с настройкой, сохраните изменения (2).

После этого созданная характеристика будет доступна для заполнения.

3. Настроить параметры компонента

В публичной части сайта откройте страницу с описанием товара. Перейдите в режим правки.

Наведите курсор на содержимое страницы. На появившейся панели нажмите на шестеренку.

В навигационном меню слева выберите «Настройка детального просмотра». Пролистайте справа список до параметра «Свойства». Найдите новую характеристику в перечне, зажмите клавишу «Ctrl» и выделите ее. Не забудьте сохранить изменения.

Готово! Характеристика добавлена.

Если вы намерены использовать большое число пользовательских характеристик и вам хотелось бы ограничить их отображение в карточках товаров в соответствии с категориями, следуйте указаниям из этой инструкции.

Также вы можете найти дополнительную информацию по теме в главе «Свойства и связи».

Управление расположением блоков

Чтобы изменить положение блоков на детальной странице товара, переключитесь в режим правки.

Наведите указатель на содержимое страницы и на всплывшем меню нажмите на шестеренку.

В новом окне перейдите на вкладку «Настройки детального просмотра». Здесь вы найдете конструкторы страницы для:

• табов

• блоков для шаблона с табами

• блоков для безтабового шаблона

При использовании шаблона «Без табов» содержимое вкладок представляется в виде отдельных блоков. Этот конструктор помогает регулировать их положение относительно прочих элементов.

Пример отображения списка привязанных документов и характеристик товара в безтабовом шаблоне:

Пользоваться конструкторами очень просто – захватите левой кнопкой мыши один из элементов и переместите его вверх или вниз на нужное место. Для примера передвинем вкладку «Видео» в начало:

Таб или блок, на чье место был установлен другой элемент, сместится вниз или вверх (в зависимости от того, где освободилось место) вместе с остальными элементами. В нашем примере «Видео» находилось внизу, поэтому, когда мы перенесли этот таб в начало, прочие табы сдвинулись вниз.

Вид табов на странице до изменений:

После:

Внимание! Настройки в параметрах компонента действуют на все элементы внутри раздела, включая те, что находятся в разных внутренних подразделах.

Свойство «Валюта» для микроразметки

В Аспро: Приорити, начиная с версии 1.2.5, в товарах добавлено свойство «Валюта» для микроразметки. Валюту теперь можно подставлять в цену товара с помощью маркера #CURRENCY#.

Перейдите в редактирование товара: Контент → Каталог (aspro.priority) → Продукция → Товар. У элемента отображается новое свойство «Валюта». Выберите для него значение в выпадающем списке. Оно не отобразится на сайте.

Если поле не отображается, перейдите в настройки формы редактирования. Для этого в правом верхнем углу нажмите на шестеренку, затем выберите «Настройки».

В блоках «Доступные вкладки» (1) и «Вкладки» (2) отметьте поле «Товар». В блоке «Доступные поля» выделите поле «Валюта» (3). Добавьте выбранное поле (4). Сохраните изменения.

Чтобы выбранная валюта подставлялась автоматически в текст, нужно добавить маркер #CURRENCY#. Например, в поле «Цена» пропишем вместо значения «р.» маркер «#CURRENCY#» (1). При этом валюта у нас задана в соответствующем поле (2).

Результат в публичной части сайта. Для обычной цены отображается валюта «руб.», которая подставляется с помощью маркера и заданной валюты в отдельном поле.

Услуги

В разделе «Услуги» вы можете подробно рассказать о направлениях вашей компании, привязать к услуге нужные товары, статьи, отзывы, специалистов, а также указать стоимость этой услуги. Посетители вашего сайта увидят информацию в читабельном виде, с понятной структурой и смогут заказать услугу в режиме «онлайн» — заполнив соответствующую форму на сайте.

Услуги могут отображаться виде списка направлений деятельности компании (2) с небольшим описанием над ним (1).

Для услуг с направлением деятельности доступно 7 шаблонов списка раздела:

• 1 – блочный с картинками и боковым меню

• 6 – список с картинками и описанием (его также можно развернуть и увидеть перечень услуг) без бокового меню

   
Чтобы изменить описание в начале страницы, переключитесь в режим правки.

Наведите указатель на текст. На появившемся меню нажмите «Изменить область».

В новом окне измените текст описания, отформатируйте его с помощью инструментов визуального редактора и сохраните изменения.

Разделы (направления) услуг

Здесь содержится список услуг, входящих в раздел (1) и текстовое описание (2). Список может состоять из более мелких подразделов или услуг. В отличии от страницы основного раздела «Услуги» здесь описание можно добавить как над списком, так и под ним. Об этом в уроке «Настройка и редактирование разделов».

Для списка элементов (услуг) доступно 4 варианта внешнего вида:

• 1 – блочный с картинками

• 2 – блочный с иконками

• 3 – список с картинками и описанием
  

• 4 – список с иконками
  

Для оформления описания услуги вы можете отформатировать текст, украсить его изображением или баннером сверху и добавить блоки обратной связи. Тут можно подключить дополнительную галерею, прикрепить файлы (документы), связать страницу с открытой вакансией, часто задаваемыми вопросами, лицензиями и сертификатами, новостями, действующими акциями, отзывами довольных клиентов, партнерами, проектами из портфолио, сотрудниками, смежными товарами и услугами.

Как это сделать, читайте в главе  «Настройка и редактирование страницы услуги». Положение всех перечисленных элементов также настраивается! Об этом в уроке «Управление расположением блоков».

Или отдельных блоков:

Внешний вид страницы основного раздела, входящих в него подразделов и детальной страницы услуги настраивается:

• в виджете настроек на вкладке «Услуги»

Настройка и редактирование разделов услуг

Управлять разделами можно как в административной, так и в публичной части сайта. Но, есть один нюанс – добавлять новые разделы можно только в админке.

Чтобы вызвать элементы управления в публичной части сайта, переключитесь в режим правки.

В списке разделов наведите указатель на анонс того раздела, который нужно изменить (1) или удалить (2). На появившемся меню используйте кнопку, соответствующую вашим целям.

Для управления разделами из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Услуги.

Нажмите «Добавить раздел» (1), чтобы создать новый. Вызовите меню кнопки «Гамбургер» и используйте одноименный пункт, чтобы изменить (2) или удалить (3) существующий.

Все настройки раздела хранятся в карточках. Рассмотрим ее подробнее.

На основной вкладке «Раздел» вы можете:

Для добавления текста над списком услуг/подразделов перейдите на вкладку «Доп. поля» и заполните поле «Краткое описание».








Чтобы задать разделу позицию в списке разделов, переключитесь на вкладку «Дополнительно» и заполните параметр «Сортировка». Чем больше индекс в этом поле, тем ниже и правее положение раздела в списке.

Настройка и редактирование страницы услуги

Создавать новые, изменять и удалять существующие страницы с описанием услуг можно как в публичной, так и в административной части сайта.

Для вызова элементов управления в публичке включите режим правки.

На детальной странице услуги наведите указатель на ее содержимое (под баннером, если он есть). Появится панель с кнопками, которые позволят вам изменить (1), удалить (3) просматриваемую услугу или добавить новую (2).

Те же элементы управления доступны на странице подраздела, в который входит услуга. Наведите указатель на анонс, чтобы вызвать меню с кнопками «Изменить услугу» (2), «Удалить услугу» (3) (действие будет применено к выделенному элементу). Указатель над содержимым раздела также вызовет второе меню с кнопкой «Добавить услугу» (1).

Создать новую услугу можно и на основной странице раздела. Наведите указатель на содержимое страницы и выберите соответствующий пункт на плавающей панели.

Для настройки и редактирования услуги из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Услуги и откройте раздел, где должна храниться услуга. Например, «Автоматизация бизнеса».

Нажмите «Добавить услугу» (1), чтобы создать новую. Вызовите меню кнопки «Гамбургер» и выберите соответствующий пункт, если хотите изменить (2), удалить (4) или отключить отображение услуги на сайте (3).

Все настройки детальной страницы услуги хранятся в карточках. Рассмотрим ее содержимое по вкладкам.

Вкладка «Услуга»

Здесь находятся параметры, которые позволят:

• по ширине страницы (вариант по умолчанию) – картинка устанавливается над контентом и выравнивается по центру

Галерея позволяет:

Также в верхнем левом углу посетитель может увидеть количество загруженных в галерею изображений (1).

• подключить кнопки, связанные с формами обратной связи «Заказать услугу» и «Задать вопрос» (7) (параметры включают кнопки как над текстом, так и на баннере).

Если вы включили отображение блока с кнопками и хотите изменить на нем текст-приглашение, наведите указатель на рассматриваемый блок в режиме правки и на плавающей панели нажмите «Изменить область».

В новом окне исправьте текст и сохраните изменения.

Вывод цен в услуги

Чтобы настроить цены на услуги необходимо открыть карточку «Услуги» и в «Характеристике» в поле «цена» вписать необходимое значение. Также вы можете отобразить скидку на услуги: вписать в пункте «Старая цена» обычную стоимость, а в «Цене» –  стоимость услуги со скидкой.

С версии решения 1.0.5 цена будет выводиться автоматически как в анонсе, так и в детальной карточке услуги

В публичной части услуги, где отображены поля «Старая цена» и «Цена», будут иметь вид:

Вкладка «Видео»

На этой вкладке к детальной странице добавляется видео. Вы можете загрузить несколько файлов на сервер, где расположен ваш сайт (1), или привязать видеоролики с youtube (2). По умолчанию отображается по 5 полей для загрузки видео. Если вам нужно больше, нажмите «Добавить» (3, 4) под нужной группой параметров.

Чтобы добавить код с youtube, откройте видео в браузере. Нажмите «Поделиться».

В появившемся меню выберите «Встроить».

Затем в новом окне нажмите «Копировать».

Вставьте скопированный код в соответствующее поле карточки. После сохранения изменений видео появится под одноименным табом или в виде отдельного блока.

Вкладка «Анонс»

Оформить анонс услуги в списке подраздела, в который она входит, можно на одноименной вкладке. Здесь загружается картинка для анонса (1) и/или иконка (2).

Поле «Описание для анонса» (3) хранит текст, выводимый:

• на баннере, если он включен
  

• под основной картинкой и блоком с кнопками, если он есть
  

Вкладка «Подробно»

Текстовое описание услуги добавляется на вкладке «Подробно» в соответствующем поле (2). Здесь же находится область загрузки для основного изображения (1) детальной страницы (оно используется, когда на одноименной вкладке отключен баннер).

Вкладка «Характеристики»

Здесь хранятся пользовательские характеристики, выводимые:

• в одноименном блоке

Вкладка «Связи»

Увеличьте перекрестные продажи и конверсию сайта – добавьте дополнительные связи на одноименной вкладке.

Привяжите:

• примеры реализованных проектов (7)

• список сопутствующих товаров (9)

• перечень смежных услуг (10)
  

Для мотивации покупателей добавьте также:

• действующие акции, последние новости из вашей сферы деятельности (4)

Для привлечения кандидатов – открытые вакансии (1).

Вкладка «Баннер»

Вместо основной картинки можно установить красочный баннер во всю ширину страницы с текстом и кнопками. Откройте одноименную вкладку, поставьте галку «Баннер сверху» (1) и загрузите изображение:

Вкладка «Разделы»

На вкладке «Разделы» вы можете перенести услугу в нужный подраздел.

Настройки пользовательских характеристик

Управление расположением блоков на детальной странице услуг

Для изменения положения блоков на детальной странице услуги переключитесь в режим правки.

Наведите указатель на содержимое страницы (под баннером, если он есть). На всплывшем меню нажмите на шестеренку.

В новом окне перейдите в группу «Настройки детального просмотра». Здесь находится 3 конструктора:

• Порядок отображения табов

• Порядок отображения блоков для безтабового шаблона

При использовании шаблона «Без табов» содержимое вкладок представляется в виде отдельных блоков. Этот конструктор помогает регулировать их положение относительно прочих элементов.

Пример отображения списка привязанных документов и проектов в безтабовом шаблоне:

Пользоваться конструкторами очень просто – захватите левой кнопкой мыши один из элементов и переместите его вверх или вниз на нужное место. Для примера передвинем список документов в табах в начало:

Таб или блок, на чье место был установлен другой элемент, сместится вниз или вверх (в зависимости от того, где освободилось место) вместе с остальными элементами. В нашем примере документы были внизу, поэтому, когда мы перенесли их в начало, прочие табы сдвинулись вниз.

Вид табов на странице до изменений:

После:

Внимание! Настройки в параметрах компонента действуют на все элементы внутри раздела, включая те, что находятся в разных внутренних подразделах.

Отключение боковой колонки на детальной странице услуг

Детальная страница услуги с боковой колонкой

Детальная страница услуги без боковой колонки

Управлять отображением боковой колонки на детальной странице услуг можно через публичную и административную части сайта. Чтобы деактивировать отображение боковой колонки через публичную часть сайта, перейдите в виджет настроек. Выберите блок «Услуги» и отключите боковую колонку на детальной странице.

Чтобы изменить настройки через административную часть сайта, проделайте путь: Аспро (1) → Приорити (2) → Настройки (3).

Пролистайте до блока «Услуги» и деактивируйте поле «Боковая колонка на детальной странице».

После внесения изменений сохраните настройки.

Проекты

В разделе «Проекты» вы можете рассказать о истории вашего взаимодействия с клиентами в виде кейсов — например, как вы помогли им автоматизировать бизнес и увеличить доходы на 30%. Также к странице проекта можно привязать нужные товары, статьи, отзывы и специалистов, которые над ним работали. В результате посетители сайта увидят информацию в структурированном виде с иллюстрациями и смогут заказать проект в режиме «онлайн» с помощью формы обратной связи.

Давайте рассмотрим структуру раздела и детальной страницы проекта. Здесь представлен список проектов (2), который можно оформить небольшим текстом (1).

Для перечня проектов доступно 6 вариантов внешнего вида:

• Списком с меню – анонсы проектов состоят из картинки, названия и краткого описания сути поставленной задачи.
  

• Блочный по разделам – анонсы проектов состоят только из картинок с названиями и рассортированы по вкладкам – разделам (например, направлениям деятельности компании).
  

• Блочный по годам – вид похож на вариант «блочный по разделам», но распределение проектов проходит по хронологии (годам). 
  

• Блочный с меню – анонсы проектов состоят из картинок с названиями и расположены на странице в виде блоков.
  

• Блочный 2 по годам – не используются большие блоки
  

• Блочный 2 по разделам – не поддерживаются большие блоки
  

Смена шаблона страницы доступна в:

• виджете настроек, вкладка «Разделы»

Наведите указатель на содержимое. На появившейся панели нажмите «Изменить область».

 В новом окне вы можете изменить описание и отформатировать его с помощью инструментов визуального редактора.

Управление табами в разделе «Проекты»

В разделе «Проекты» представлен список проектов, которые разделены на категории с помощью верхних табов. Начиная с версии решения 1.2.9, появилась возможность отключать отображение табов в разделе. Также вы можете выбрать вариант переключения из двух предложенных:

• «Фильтр микс» — переключение табов происходит с красивой анимацией и без перезагрузки текущей страницы. Подходит сайту с небольшим количеством проектов, которые не требуют постраничной навигации.
• «Фильтр ссылки» — нажатие на таб требует перезагрузки текущей страницы. Оптимальный вариант для корпоративного сайта со множеством проектов, которым нужна постраничная навигация. 

Внимание! Особенность 1С-Битрикс — при использовании микс-фильтрации табов должна быть отключена постраничная навигация. То есть проекты должны отображаться на одной странице.

Управлять табами раздела «Проекты» можно через публичную и административную части сайта. Чтобы изменить вид отображения через публичную часть сайта, перейдите в виджет настроек. Кликните на блок «Разделы», активируйте показ верхнего блока раздела «Проекты» и выберите тип переключения табов.

Чтобы изменить настройки через административную часть сайта, проделайте путь: Аспро (1) → Приорити (2) → Настройки (3).

Пролистайте до блока «Разделы», активируйте поле «Показывать верхний блок раздела «Проекты» и выберите типа переключения табов.

После внесения изменений не забудьте сохранить настройки.

Настройка и редактирование списка

Подразделы в разделе «Проекты» используются для распределения проектов по вкладкам (в шаблонах «Блочный по разделам» и «Блочный 2 по разделам»).

Создавать, изменять и удалять подразделы можно только в административной части сайта. Откройте Рабочий стол → Контент → Контент (aspro.priority) → Проекты.

Нажмите одноименную кнопку, чтобы добавить новый раздел (1). Вызовите меню кнопки «Гамбургер» и выберите соответствующий пункт, чтобы изменить (2) или удалить (3) существующий раздел.

Управление и настройка элементов в админке происходит с помощью карточек. Рассмотрим основные 3 параметра карточки раздела:

• На вкладке «Раздел» вы можете включить или отключить отображение раздела на сайте (1), а также дать ему название (2) (это поле обязательно для заполнения);

• На вкладке «Дополнительно» с помощью параметра «Сортировка» вы можете указать на какой позиции должна отображаться вкладка раздела – чем выше индекс сортировки, тем правее будет таб.

Настройка и редактирование элементов детальной страницы

Управлять проектами можно как в публичной, так и в административной части сайта.

Для вызова элементов управления в публичке перейдите в режим правки.

На странице раздела «Проекты» наведите указатель на анонс проекта, который необходимо изменить (2) или удалить (3). Выберите нужный вариант на появившемся меню. Указатель над содержимым страницы также вызовет меню с кнопкой «Добавить проект» (1).

Те же элементы управления (добавить (2), изменить (1), удалить (3) проект) доступны на детальной странице проекта.

Для настройки и редактирования страницы из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Проекты. Если вы используете распределение по разделам, откройте тот, в котором хранится проект. Например, Киберпреступления.

Нажмите «Добавить проект» (1), чтобы создать новый. Вызовите меню кнопки «Гамбургер» и выберите соответствующий пункт, чтобы изменить (2), удалить (4) или отключить отображение (3) существующего проекта на сайте.

Настройки элементов в админке хранятся в карточках. Рассмотрим параметры карточки проекта по вкладкам.

Вкладка «Проект»

На этой вкладке вы можете:

• установить следует ли сделать анонс проекта большего размера, чтобы выделить его в общем списке (7) – настройка действует в шаблонах «Блочный по разделам», «Блочный по годам»;
  

• включить кнопку с формой обратной связи «Заказать проект» и «Задать вопрос» (8).
  

При желании вы можете изменить текст в этом «Задать вопрос». Наведите указатель в режиме правки на описание проекта. На всплывшем меню нажмите «Изменить область».

В окне редактора замените текст на свой и сохраните изменения.

Вкладка «Анонс»

Здесь происходит оформление анонса – загружается изображение (1), определяется каким цветом на картинке должно отображаться название проекта (2) (светлым или темным) и добавляется небольшое описание (3). Описание в перечне видно только при использовании шаблона «Список».

Вкладка «Подробно»

На вкладке «Подробно» вносится детальное описание проекта (3), загружается основное изображение в верхнюю галерею (1) и определяется способ его расположения (2):

• наверху

• по ширине

Вкладка «Связи»

Здесь вы можете расширить описание проекта и привязать к нему:

• сопутствующие товары (4);
• или услуги (5).

Вкладка «Галереи»

Здесь вы можете заполнить верхнюю (1) и нижнюю (2) галерею изображениями.

Вкладка «Баннер»

Вместо обычной картинки можно установить баннер с небольшим описанием (со вкладки «Анонс») и кнопками «Заказать проект» и «Задать вопрос».

Для этого перейдите на одноименную вкладку, поставьте галку «Баннер сверху» (1) и загрузите изображение в поле «Фоновая картинка» (3).

Для составного баннера также загрузите активную картинку в соответствующую область (2) и выберите направление анимации картинки (5): сверху, слева, справа или снизу.

По умолчанию используется черный цвет для текста. Чтобы изменить его, заполните одноименное поле (4) 16-ричным кодом нужного цвета (не забудьте в начале установить символ «#», как показано на скриншоте ниже).

Вкладка «Характеристики»

Здесь указываются ключевые данные о проекте:

Вкладка «Разделы»

Если вы распределяете проекты по разделам, на этой вкладке вы можете перенести элемент в другой раздел. Достаточно выбрать в перечне нужный и сохранить изменения.

Настройки пользовательских характеристик

Характеристики проекта на странице выводятся в «визитке», под небольшим описанием:

Характеристики отображаются, если в карточке проекта заполнены соответствующие поля. Если для какого-то проекта вам не нужно выводить характеристики, оставьте поля пустыми.

Добавление новых характеристик производится всего в 3 шага. Вам понадобится:

1. Добавить новое свойство (характеристику) в инфоблок.

Внимание! Внесение изменений в уже существующие свойства решения, настроенные по умолчанию, может привести к некорректной работе сайта. Мы не рекомендуем изменять их без навыков разработки на 1С-Битрикс.

Откройте в админке Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Контент (aspro.priority) и выберите пункт «Проекты».

Переключитесь на вкладку «Свойства» и пролистайте перечень до конца. Создайте свойство в первой свободной строке. Если свободных строк нет, нажмите кнопку «Еще».

Для новой характеристики:

Для свойства можно использовать следующие типы:

Пример значений для свойства «Задачи»:

При создании новой характеристики типа «Число» и «Строка» дополнительные настройки не требуются.

После внесения изменений сохраните их. Новое свойство добавлено в инфоблок.

    2. Заполнить характеристику в карточке проекта в админке.

Если вы открыли карточку проекта, а новая характеристика в ней не появилась, нажмите на шестеренку в правом верхнем углу и выберите пункт «Настройки».

В верхнем левом перечне (1) выберите «Проект», а в правом (2) – название вкладки, на которой хотите отображать характеристику (для удобства рекомендуем выводить все свойства проекта на вкладку «Характеристики»). Найдите в списке «Доступные поля» (3) созданную вами характеристику, выделите её и нажмите на стрелку (4).

Свойство попадет в список «Выбранные поля». Чтобы определить, в каком порядке должны отображаться характеристики, в редакторе используйте кнопки «Выше», «Ниже» (1). Когда закончите с настройкой, сохраните изменения (2).

После этого созданная характеристика будет доступна для заполнения.

    3. Настроить параметры компонента.

В публичной части сайта откройте страницу проекта и перейдите в режим правки.

Наведите курсор на содержимое страницы. На появившейся панели нажмите на шестеренку.

В навигационном меню слева выберите «Настройка детального просмотра». Пролистайте справа список до параметра «Свойства». Найдите новую характеристику в перечне, зажмите клавишу «Ctrl» и выделите ее. Не забудьте сохранить изменения.

Готово! Характеристика добавлена.

Чтобы получить дополнительную информацию по теме, ознакомьтесь с главой «Свойства и связи».

Перемещение блоков на детальной странице проектов

Чтобы изменить расположение блоков, в публичной части сайта активируйте режим правки. Наведите на область страницы проекта и нажмите на шестеренку.

В параметрах компонента новостей перейдите в настройки детального просмотра и найдите поле «Порядок отображения блоков». Измените последовательность вывода элементов и сохраните изменения.

Пресс-центр

«Пресс-центр» – это новостной блог компании. Здесь вы можете разместить последние новости, описать условия действующих акции или опубликовать пресс-релиз. Все статьи сгруппированы по годам (1). Для удобства пользователей на страницу выведены кнопки, позволяющие подписаться на ваш RSS-канал (3) или email рассылку (2).



Для подписки на e-mail рассылку посетителю достаточно указать свой адрес электронной почты, сместить переключатель о согласии право и нажать «Подписаться».