Аспро: Приорити — документация, часть 1 из 3: Установка решения
Источник: официальный курс «Аспро: Приорити» из базы знаний Аспро. Решение: Аспро: Приорити. Справочная выгрузка сертифицированного партнёра Аспро, обновлено 19.09.2026.
Содержание
- Описание курса
- Установка решения
- Первые шаги
- Виджет настроек решения
- Главная страница
Описание курса
Аспро: Приорити
Аспро: Приорити – корпоративный сайт представительского класса. Первое готовое решение для компаний, работающих в b2b-сегменте и сложных тематиках – крупное производство, консалтинг, финансовые услуги (от аудита до юридических услуг), инвестиции и ценные бумаги, страхование, кибербезопасность и т.д.
Благодаря этому курсу вы познакомитесь со всеми возможностями решения. Научитесь настраивать и работать с ключевыми преимуществами:
-
Лаконичный дизайн и продуманные детали, которые подчеркнут статус компании. Вовлекайте пользователей во взаимодействие и адаптируйте сайт под свою тематику с помощью гибких настроек оформления, а также поддержки шрифтов Google Fonts.
-
Совершенствуйте маркетинг и стратегию. Используйте конструктор посадочных страниц, возможности для SEO-продвижения и отслеживайте эффективность своей работы благодаря простой интеграции с системой аналитики Яндекс.Метрика.
-
Мультирегиональность. Масштабируйте быстро и с минимумом затрат! Мультирегиональность позволяет посетителям сайта из разных регионов и городов видеть разный контент: контакты представительств, новости в личном кабинете и пресс-центре и многое другое!
-
Простая интеграция с CRM-системами Битрикс24 и Flowlu. Управляйте продажами и выстраивайте крепкие отношения с клиентами с первого дня запуска сайта.
-
Улучшенная архитектура. Развивайте и дорабатывайте сайт без потери обновлений.
Мы настоятельно рекомендуем ознакомится с приведенными материалами, чтобы работа с сайтом была максимально продуктивна.
Если вы не нашли ответа на свой вопрос или нужную инструкцию в документации, познакомьтесь со следующими материалами:
Установка решения
В главе описан алгоритм установки готового решения на примере Аспро: Корпоративный сайт 3.0: от подготовки хостинга, активации лицензии 1С-Битрикс до установки решения. Инструкция универсальна и поможет установить любой готовый сайт Аспро.
Также рекомендуем ознакомиться с материалами от разработчиков 1С-Битрикс: Установка продукта «1С-Битрикс: Управление сайтом».
Видеоинструкция по установке:
Содержание главы:
Подготовка хостинга
Установка решения производится через файл bitrixsetup.php. Проверьте его наличие в корне сайта, после чего можно приступить к созданию базы данных и непосредственно установке.
Рекомендуем ознакомиться с содержанием раздела «Поддержка» вашего хостинга, который может содержать готовые инструкции по установке 1С-Битрикс.
Рекомендуем использовать хостинг или сервер Timeweb Cloud.
По статистике с ним возникает меньше всего проблем и выше производительность.
Промокод на скидку 5% - 0AF8-9FB3-B7BA-BA50
Содержание главы:
назадУстановка решения Установка через bitrixsetup и создание базы данныхвперед
Установка через bitrixsetup и создание базы данных
Загрузка установочного файла и подготовка хостинга
Рекомендуем использовать хостинг или сервер Timeweb Cloud.
По статистике с ним возникает меньше всего проблем и выше производительность.
Промокод на скидку 5% - 0AF8-9FB3-B7BA-BA50
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)**.
Если нет возможности подключить боевой домен к сайту — на нем старый сайт или в данный момент нет к нему доступа, необходимо создать новый домен.
При авторизации на хостинге создан технологический домен вида bx…ru — его удалять не нужно.
Создаем новый 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С-Битрикс успешно завершена.
назадПодготовка хостинга Активация лицензии, загрузка и установка обновлений 1С-Битриксвперед
Активация лицензии, загрузка и установка обновлений 1С-Битрикс
Активация 1С-Битрикс
- Переходим на новую вкладку, в которую копируем имя домена. Именно туда мы будем устанавливать 1С-Битрикс и наше решение. На странице приветствия выбираем стандартную установку 1С-Битрикс.
- Переходим к выбору продукта. Из выпадающего списка выбираем соответствующую версию 1С-Битрикс (в нашем случае это «Малый бизнес») и вводим лицензионный ключ. Нажимаем кнопку «Загрузить» и ждем, когда скачается и распакуется архив установки 1С-Битрикс.
Установка 1С-Битрикс
- После завершения загрузки откроется «Мастер установки 1С-Битрикc». Внимательно читаем информацию и нажимаем кнопку «Далее».
- Принимаем лицензионное соглашение.
- Регистрируем продукт. Ставим галочку в пункте «Установить в кодировке UTF-8», как рекомендуют разработчики 1С-Битрикс. Нажимаем кнопку «Далее».
Проверка параметров системы
- Переходим к проверке параметров системы. Они должен соответствовать обязательным параметрам (отмечено зеленым цветом), иначе работоспособность сайта не гарантируется. Проверяем, все ли параметры нашего хостинга соответствуют требованиям. Убедившись, что все идеально, нажимаем кнопку «Далее» и переходим к вводу параметров базы данных.
Убедившись, что все идеально, нажимаем кнопку «Далее» и переходим к вводу параметров базы данных.
Ввод параметров базы данных и установка компонентов
- Заполняем поля «Имя пользователя» и вводим ранее сохраненный пароль для базы данных.
- сервер – по умолчанию localhost
- пароль – заданный пароль для пользователя базы данных
- пользователь базы данных – существующий
- база данных – существующая.
Вводим сохраненное ранее имя базы данных и нажимаем кнопку «Далее».
- Дождитесь окончания установки компонентов.
Создание учетной записи администратора
- Переходим к созданию администратора. Заполняем поля «Логин» (логин администратора базы данных), «Пароль» (для входа в базу данных), E-mail, «Имя», «Фамилия» и нажимаем на кнопку «Далее».
 2. После выполнения этих действий мы попадем на страницу Маркетплейса. Установка 1С-Битрикс завершена. Теперь открываем новую вкладку браузера и переходим непосредственно к установке решения.
назадУстановка через bitrixsetup и создание базы данных Активация и установка решения на примере Аспро: Максимумвперед
Активация и установка решения на примере Аспро: Максимум
Эта инструкция поможет самостоятельно установить наше готовое решение, чтобы скорее приступить к его настройке и начать продажи.
Документация универсальна и поможет установить любой готовый сайт Аспро.
Также вы можете воспользоваться видеуроком по установке интернет-магазина. В видео рассказали о том, как:
- Активировать и настроить 1С-Битрикс.
- Провести проверку системы.
- Активировать и установить решение Аспро на примере Аспро: Максимум.
- Создать резервную копию сайта.
Активация ключа для обновления платформы
Скопируйте адрес сайта, вставьте его в адресную строку на новой вкладке и вместо index.php после знака «/» пропишите «bitrix». Получится ссылка вида <вашсайт.hostdk.ru/bitrix>.
Зайдите в административную панель сайта и перейдите в Marketplace (1) → Обновление платформы (2).
Во вкладке «Установка обновлений» откройте лицензионное соглашение, чтобы ознакомиться с ним.
Прочитайте соглашение, активируйте поле «Я принимаю лицензионное соглашение» (1) и нажмите на «Применить» (2) .
Переходим к активации лицензионного ключа и созданию аккаунта на сайте www.1c-bitrix.ru. В этой же вкладке спуститесь ниже и нажмите кнопку «Активировать ключ».
Заполните открывшуюся форму: введите имя, фамилию, логин и пароль для входа на сайт, а также e-mail. Нажмите кнопку «Активировать ключ» внизу формы.
Установка обновлений
Нажмите кнопку «Установить рекомендуемые обновления».
Важно! Если при попытке установить обновления система выдает ошибку, проверьте, установлены ли необходимые модули 1С-Битрикс. Список модулей.
Если ошибки нет, то начнется установка обновлений. Дождитесь окончания процесса.
Отчет об успешной установке выглядит так:
Активация купона решения и загрузка обновлений
Перейдите в раздел «Обновление решений»
На вкладке «Активация купона» введите купон и активируйте его.
Внимание! Если выдается ошибка «[CHECK_IS_BAD] Купон (чек) не действителен. Ошибка активации купона», то возможны 3 причины:
- Купон уже активирован на текущую копию 1С-Битрикс. Тогда решение будет доступно по ссылке: http://вашсайт/bitrix/admin/partner_modules.php?lang=ru.
- Не активирована лицензия на платформу 1С-Битрикс. Активируйте вначале лицензию на 1С-Битрикс по адресу: http://ваш_сайт/bitrix/admin/update_system.php?lang=ru, а затем попробуйте снова активировать решение: http://ваш_сайт/bitrix/admin/update_system_partner.php?lang=ru на вкладке «Активация купона». После активации купона решение будет доступно для скачивания по ссылке: http://ваш_сайт/bitrix/admin/partner_modules.php?lang=ru.
- Если решения нет в списке по адресу: http://вашсайт/bitrix/admin/partner_modules.php?lang=ru, то скорее всего купон был активирован на другую копию 1С-Битрикс, и вопрос по его повторной активации необходимо решать через техническую поддержку 1С-Битрикс, так как мы не занимаемся и не контролируем процессы связанные с активацией купонов и привязкой их к копиям 1С-Битрикс.
Перейдите на вкладку «Список обновлений» и выберите обновление, которое необходимо установить. Отметьте его и нажмите кнопку «Загрузить».
Начнется установка обновлений на сайт. Дождитесь окончания процесса.
После окончания вы увидите отчет об успешной установке обновлений.
Жмем кнопку «Установить».
Кликаем на «Установить готовый сайт».
Выбираем существующий сайт, если это первая установка решения.
Если это не первая установка, то читайте нашу статью про установку решения в режиме многосайтовости.
Начинается подготовка к установке продукта.
Настройка решения
Выбираем шаблон «Аспро: Максимум — интернет-магазин» и переходим к настройкам продукта.
Выбираем тематику будущего интернет-магазина и нажимаем «Далее».
Готовая тематика — это инструмент для быстрого запуска проекта. Настройки, внешний вид элементов, изображения и тексты адаптированы под специфику бизнеса. Оформление продумано маркетологами и UX-дизайнерами. В Аспро: Максимум реализовано 6 тематики.
Примечание: тематику нельзя изменить после установки.
Затем выбираем конфигурацию и нажимаем «Далее».
Готовые конфигурации — это набор настроек оформления под определенную тематику. Структура сайта, комбинации блоков на главной странице, вид разделов, товаров и другие настройки помогут быстро запустить интернет-магазин.
Примечание: конфигурацию можно изменить после установки.
Вводим информацию о сайте: название сайта или компании, подпись, телефон для обратной связи, email, режим работы, ссылки на социальные сети. Заполняем поля с метаданными и ключевыми словами. После этого проверяем, корректно ли заполнены поля, и нажимаем кнопку «Далее».
Выбираем типы плательщиков — физическое и / или юридическое лицо. Нажимаем кнопку «Далее».
Заполняем информацию о способах оплаты и доставки, выбираем местоположения (Россия и СНГ), США, мир или выбираем пункт «Не загружать», чтобы настроить эти параметры позже. Нажимаем на кнопку «Далее».
Ожидаем, пока система установит решение.
Отчет об успешной установке продукта выглядит так:
Решение Аспро: Максимум установлено. Теперь мы можем перейти к следующему шагу — зайти на сайт и выполнить первичные настройки.
Если решение не установилось на проект, обратитесь в техподдержку. На корректность установки шаблона влияет множество факторов. Например, настройки хостинга. Специалисты техподдержки разберутся в вопросе и помогут корректно установить решение.
Также рекомендуем использовать проверенный хостинг для Аспро и 1С-Битрикс.
назадАктивация лицензии, загрузка и установка обновлений 1С-Битрикс Установка сайта в режиме многосайтовостивперед
Установка сайта в режиме многосайтовости
Многосайтовость — полезная возможность для развития готового проекта. Она позволяет установить два или более сайтов с одной административной панелью, в зависимости от редакции. Такой функционал поможет:
- сделать сайт мультиязычным
- установить несколько решений на разных доменах или директориях, но с одной админкой
- создать копии сайта на разных доменах.
В этом видео показали, как установить сайт в режиме многосайтовости.
Чтобы установить сайт в режиме многосайтовости, для начала выберите, как это сделать — на одном домене или разных. После этого следуйте по алгоритму:
- Резервное копирование главного сайта.
- Добавление второго сайта.
-
Для установки на одном домене.
-
Для установки на разных доменах.
-
Установка сайта на одном домене.
- Запуск мастера установки.
-
Установка сайта на разных доменах.
- Создание символьных ссылок.
- Проверка второго сайта на ошибки и сравнение PHP-параметров.
- Запуск мастера установки.
-
Резервное копирование сайта в режиме многосайтовости.
Рассмотрим каждый пункт подробнее.
Перед началом установки в режиме многосайтовости, нужен сайт, на котором выполнена установка платформы 1С-Битрикс. Перейдем к настройке.
Резервное копирование главного сайта
Нужно сделать копирование основного сайта, в который будет устанавливаться второй. Для этого в административной части переходим в Настройки → Инструменты → Резервное копирование → Создание резервной копии. Выбираем «в папке сайта» и нажимаем кнопку «Создать резервную копию».
Добавление второго сайта
Для установки на одном домене
Переходим в в Настройки → Настройки продукта → Сайты → Список сайтов. Нажимаем на «Добавить сайт».
В открывшемся окне прописываем параметры ID (1), Название (2), Доменное имя (3), Папку сайта (например, /en/) (4), Сортировку (5). Далее проставляем Параметры (6), Региональные настройки (7) и кликаем кнопку «Сохранить».
Для установки на разных доменах
Перед установкой второго сайта нужно авторизоваться под главным сайтом.
Переходим в Настройки → Настройки продукта → Сайты → Список сайтов. Кликаем по главному сайту:
У нас уже добавлен второй сайт, поэтому на скриншоте отображаются две позиции. При первоначальной настройке здесь будет показан только один сайт.
В открывшемся окне прописываем сортировку. Она должна быть выше, чем у второго сайта. Например, пропишем в ячейке значение 100. В строке «Путь к корневой папке веб-сервера для этого сайта» выбираем «вставить текущий». После этого проверяем правильность ввода «Параметров» .
Далее авторизируемся под вторым сайтом.
Установка сайта на одном домене
Подробнее о вариантах настроек сайта на одном домене можно прочитать в документации 1С-Битрикс.
Запуск мастера установки
Перейдите в Настройки → Настройки продукта → Список мастеров. В поле с решением нажмите на «Гамбургер» и выберите «Установить».
Далее выберите второй сайт для установки.
Или можно выполнить автоматическое создание второго сайта. Для этого в мастере установки выберите новый сайт. Заполните id (en, s2 или др..) и имя директории, которая будет создана для сайта.
После установки сайта нужно снова сделать резервное копирование.
Установка сайта на разных доменах
Символьные ссылки
Для второго сайта нужно создать символьные ссылки. Посмотреть, как их настроить, вы можете в статье 1С-Битрикс.
Проверка сайта на ошибки и 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».
ВНИМАНИЕ! При копировании название файла может отображаться некорректно – без точки в начале. Если ее нет, нажмите на «Переименовать» и добавьте вручную точку.
Направляем также в папку второго сайта.
Резервное копирование сайта в режиме многосайтовости
После успешной установки сайта нужно снова сделать резервное копирование. Заходим в Настройки → Инструменты → Резервное копирование → Создание резервной копии. Выбираем «в папке сайта» и отмечаем галками оба сайта. Нажимаем кнопку «Создать резервную копию».
Рекомендуем перенастроить сайт на регулярное резервное копирование. Для этого переходим в Настройки → Инструменты → Резервное копирование → Регулярное резервное копирование. На вкладке «Параметры» находим «Содержимое резервной копии» и отмечаем галками оба сайта. Нажимаем на «Сохранить».
Сайт в режиме многосайтовости создан.
Для установки сайта в режиме мультиязычности читайте отдельную статью.
назадАктивация и установка решения на примере Аспро: Максимум Установка обновлений и настройка решениявперед
Установка обновлений и настройка решения
Эта инструкция поможет самостоятельно установить наше готовое решение, чтобы скорее приступить к его настройке.
Активация ключа для обновления платформы
Скопируйте адрес сайта, вставьте его в адресную строку на новой вкладке и вместо «index.php» после знака «/» пропишите «bitrix». Получится ссылка вида <вашсайт.ru/bitrix>.
Зайдите в административную панель сайта и перейдите в Marketplace (1) → Обновление платформы (2).
Во вкладке «Установка обновлений» откройте лицензионное соглашение, чтобы ознакомиться с ним.
Прочитайте соглашение, активируйте поле «Я принимаю лицензионное соглашение» (1) и нажмите на «Применить» (2).
Переходим к активации лицензионного ключа и созданию аккаунта на сайте www.1c-bitrix.ru. В этой же вкладке спуститесь ниже и нажмите кнопку «Активировать ключ».
Заполните открывшуюся форму: введите имя, фамилию, логин и пароль для входа на сайт, а также e-mail. Нажмите кнопку «Активировать ключ» внизу формы.
Установка обновлений
Нажмите кнопку «Установить рекомендуемые обновления».
Важно! Если при попытке установить обновления система выдает ошибку, проверьте, установлены ли необходимые модули 1С-Битрикс. Список модулей.
Если ошибки нет, то начнется установка обновлений. Дождитесь окончания процесса.
Отчет об успешной установке выглядит так:
Активация купона решения и загрузка обновлений
Перейдите в раздел «Обновление решений».
На вкладке «Активация купона» введите купон и активируйте его.
Внимание! Если выдается ошибка «[CHECK_IS_BAD] Купон (чек) не действителен. Ошибка активации купона», то возможны 3 причины:
-
Купон уже активирован на текущую копию 1С-Битрикс. Тогда решение будет доступно по ссылке: http://вашсайт/bitrix/admin/partner_modules.php?lang=ru.
-
Не активирована лицензия на платформу 1С-Битрикс. Активируйте вначале лицензию на 1С-Битрикс по адресу: http://ваш_сайт/bitrix/admin/update_system.php?lang=ru, а затем попробуйте снова активировать решение: http://ваш_сайт/bitrix/admin/update_system_partner.php?lang=ru на вкладке «Активация купона». После активации купона решение будет доступно для скачивания по ссылке: http://ваш_сайт/bitrix/admin/partner_modules.php?lang=ru.
-
Если решения нет в списке по адресу: http://вашсайт/bitrix/admin/partner_modules.php?lang=ru, то скорее всего купон был активирован на другую копию 1С-Битрикс, и вопрос по его повторной активации необходимо решать через техническую поддержку 1С-Битрикс, так как мы не занимаемся и не контролируем процессы связанные с активацией купонов и привязкой их к копиям 1С-Битрикс.
Перейдите на вкладку «Список обновлений» и выберите обновление, которое необходимо установить. Отметьте его и нажмите кнопку «Загрузить».
Начнется установка обновлений на сайт. Дождитесь окончания процесса.
После окончания вы увидите отчет об успешной установке обновлений.
Далее нажмите кнопку «Установить».
Кликаем на «Открыть список мастеров».
В случае, если вам нужно установить сайт на английском языке, перейдите в административную часть, нажмите на иконку с выбором языка и выберите опцию «English». Язык мастера установки сменится автоматически.
В открывшемся списке выбираем мастер установки Аспро: Корпоративный сайт 3.0, нажимаем на «Гамбургер», а затем на кнопку «Установить».
Выбираем существующий сайт, если это первая установка решения. Жмем кнопку «Далее».
Начинается подготовка к установке продукта.
Настройка решения
Выбираем шаблон «Аспро: Корпоративный сайт 3.0» и переходим к настройкам продукта.
Выбираем тематику будущего сайта и нажимаем «Далее».
Готовая тематика — это инструмент для быстрого запуска проекта. Настройки, внешний вид элементов, изображения и тексты адаптированы под специфику бизнеса. Оформление продумано маркетологами и UX-дизайнерами.
Примечание: изменить тематику можно только при повторной установке.
Затем выбираем конфигурацию и нажимаем «Далее».
Готовые конфигурации — это набор настроек оформления под определенную тематику. Структура сайта, комбинации блоков на главной странице, вид разделов, каталога и другие настройки помогут быстро запустить сайт.
Примечание: конфигурацию можно изменить после установки.
Далее вводим информацию о сайте: название сайта или компании, подпись, телефон для обратной связи, email, режим работы, ссылки на социальные сети. Заполняем поля с метаданными и ключевыми словами.
После этого проверяем, корректно ли заполнены поля, и нажимаем кнопку «Далее».
Ожидаем, пока система установит решение.
Отчет об успешной установке продукта выглядит следующим образом:
Решение Аспро: Корпоративный сайт 3.0 установлено. Теперь мы можем перейти к следующему шагу — зайти на сайт и выполнить первичные настройки.
назадУстановка сайта в режиме многосайтовости Первые шагивперед
Первые шаги
В этой главе рассматриваются основные настройки, которые необходимо выполнить на первом этапе запуска и работы с сайтом – резервное копирование, настройки решения и главного модуля, управление функцией «Композитный режим», а также советы по обращению в техническую поддержку.
Содержание главы:
назадУстановка обновлений и настройка решения Настройки главного модулявперед
Настройки главного модуля
Главный модуль обеспечивает общее функционирование системы, взаимодействие всех модулей продукта и позволяет создавать, поддерживать и управлять неограниченным числом сайтов.
Настройки главного модуля задаются в административной части сайта:
Настройки → Настройки продукта → Настройки модулей → Главный модуль
Описания всех настроек и параметров главного модуля можно прочитать в пользовательской документации 1С-Битрикс: Управление сайтом.
В нашей документации мы рассмотрим параметры, которые необходимо будет настроить в первую очередь для работы с сайтом.
Интерфейс настройки главного модуля делится на несколько основных вкладок:
- Настройки
- Авторизация
- Журнал событий
- Система обновлений
- Доступ
Кроме того, в этом интерфейсе можно настроить доступность публичной части сайта – будут ли его страницы доступны глобально для просмотра или нет. Эта опция полезна, если нужно настроить и протестировать внешний вид и функционал сайта до того, как он будет открыт для всех пользователей.
Настройки
Общие настройки главного модуля разделяются также на несколько групп.
- Системные настройки
- Почта
- Файлы
- Оптимизация CSS
- Внешние сервисы перевода
- Часовые пояса
- Карта сайта
- Панель инструментов публичного раздела
Системные настройки
- Название сайта**(1)** — используется по умолчанию для всех подключенных сайтов: прописывается в тег
на всех страницах сайта, выводится в заголовке вкладки браузера и воспринимается поисковыми роботами в качестве названия сайта - URL сайта (2) — адрес по умолчанию для всех подключенных сайтов
- Распространять куки на все домены (3) — активирует использование одних файлов cookies для всех подключенных сайтов — это значит, что при переключении между сайтами пользователь будет оставаться авторизованным.
- Режим вывода ошибок**(4)** — определяет, какие ошибки будут демонстрироваться пользователю. Рекомендуем выбирать опцию «Только ошибки»
Почта
- E-mail, на который будут дублироваться исходящие сообщения (5) — адрес (адреса), на которые будут дублироваться все сообщения из системы почтовых событий сайта
- E-mail администратора сайта (6) — адрес отправителя писем с сайта по умолчанию. Подробнее о настройке почтовых событий вы можете прочитать тут.
- Качество JPG при масштабировании изображений (7) — задает уровень сжатия для .jpg файлов в процентном отношении, где 100% — наименьшее сжатие и самое высокое качество изображения
В остальных группах свойства менять не рекомендуется. Подробнее о настройках блока “Оптимизация CSS” и о том, как с его помощью улучшить показатели в Google Page Insights, читайте в базе знаний.
Авторизация
Позволяет настроить локальную систему авторизации, безопасную авторизацию и регистрацию новых пользователей.
Система обновлений
Содержит информацию о лицензионном ключе 1С-Битрикс и имени сервера с обновлениями, адрес и порт прокси, имя пользователя прокси и пароль, а также настройки обновлений.
Настоятельно рекомендуем отметить параметр «Загружать только стабильные обновления», чтобы системе не были доступны бета-версии обновлений. Подробнее об этом читайте здесь.
Доступ
В этой вкладке вы можете настроить доступы по умолчанию и для всех созданных в системе групп пользователей.
Вы можете выбрать любой уровень доступа для каждой группы. Группа «по умолчанию» включает в себя всех пользователей и посетителей сайта, в т.ч. неавторизованных. Чтобы добавить новое правило доступа для группы, нажмите ссылку «Добавить право доступа». Выберите группу слева, а затем уровень доступа справа.
Служебные процедуры
На всех вкладках присутствует в самом низу подраздел «Служебные процедуры». Как уже говорилось ранее, в нем можно закрыть доступ на сайт для посетителей на время проведения технических работ.
назадПервые шаги Настройка прав пользователейвперед
Настройка прав пользователей
В системе 1С-Битрикс доступно разграничение пользователей на группы с различными правами доступа к различным элементам сайта и настройкам системы. Такой инструмент крайне полезен для гибкой настройки доступа, особенно на больших сайтах и интернет-магазинах, которые обслуживает множество людей.
Вам не придется волноваться, что посетитель сайта или контент-редактор на аутсорсе нарушит работоспособность сайта из-за некорректных действий, уничтожив по пути весь сайт. С настроенными правами пользователю будут доступны только публичная часть сайта для просмотра, а контент-менеджеру или оператору по работе с заказами — только те элементы, которые ему можно редактировать.
Уровни доступа
Различные наборы прав называются уровнями доступа. Вы можете установить столько уровней, сколько пожелаете и добавить на каждый уровень столько групп пользователей, сколько потребуется.
Чтобы просмотреть список имеющихся уровней доступа, изменить их или добавить новый, в административной части сайта перейдите в Настройки (1) → Пользователи (2) → Уровни доступа (3).
У уровня доступа есть несколько основных параметров — это вид объекта, для которого создается уровень (файл/папка или модуль), сам конкретный объект (например, главный модуль) и операции, которые может совершать с объектом пользователь.
В режиме редактирования/добавления уровня доступа на вкладке «Параметры» располагаются первые основные параметры:
- Название — наименование уровня
- Привязка — вид объекта для уровня доступа. Это может быть файл/папка или системный модуль
- Модуль — выбор конкретного модуля, на который распространяются правила доступа.
Буква — это короткое наименование уровня доступа для системы, Описание — это развернутая информация для администратора.
На вкладке «Включаемые параметры» располагаются операции, которые можно активировать или деактивировать, настраивая права для данного уровня доступа.
Уровни доступа — это базовые кирпичики в настройке прав доступа. Назначая группе некие права, вы присваиваете им те или иные уровни доступа, открывая указанные в них возможности.
Группы пользователей
Следующий этап разграничения прав — создание групп для пользователей и назначение этим группам необходимых уровней доступа. Вы можете настраивать в системе 1С-Битрикс права только для групп пользователей и добавлять отдельных пользователей в группы. Однако количество групп с разными правами не ограничено, и фактически вы можете назначить каждому пользователю уникальные права. Но объединять пользователей в группы все-таки удобнее.
Простой пример: вам необходимо определить права для трех менеджеров интернет-магазина и двоих контент-менеджеров. Вы создаете 2 группы, которым присваиваете подходящие уровни доступа. Например, менеджеры могут просматривать заказы, менять параметры товаров и делать импорт-экспорт данных из интернет-магазина, а контентщики могут только менять параметры товаров. Создав такие группы, вы сможете наполнить их любым количеством пользователей, и не надо будет назначать новому менеджеру или контентщику наборы прав отдельно, достаточно будет закинуть пользователя в соответствующую группу. Изменить права для всей группы сразу тоже можно будет за пару минут, убрав или поставив галочку в настройках уровней доступа.
Чтобы изменить или создать новую группу пользователей, в административной части сайта перейдите в Рабочий стол → Настройки (1) → Пользователи (2) → Группы пользователей (3).
Войдите в режим редактирования/добавления группы.
На вкладке «Параметры» находятся основные параметры группы:
- Название (1) — наименование группы
- Символьный идентификатор**(2)** — id группы для использования в системе
- Описание (3) — развернутое описание для администратора
Также здесь можно установить порядок сортировки и перейти к списку пользователей. Для этого щелкните по ссылке на количестве пользователей.
На вкладке «Безопасность» настраиваются параметры политики безопасности. Например, параметры авторизации, длительность сессии, особенности паролей для пользователей.
На вкладке «Доступ» устанавливаются уровни доступа для всех модулей сайта от главного модуля до валют и подписок.
Чтобы добавить пользователя в группе, необходимо назначить ее в настройках прав пользователя.
Настройка прав пользователя
Чтобы настроить права для отдельного зарегистрированного пользователя, ваш собственный аккаунт должен иметь полномочия для изменения прав доступа пользователей. В идеале вам нужен административный аккаунт, имеющий доступ ко всем параметрам системы.
В административной части сайта перейдите в Настройки (1) → Пользователи (2) → Список пользователей (3). В списке пользователей найдите нужного и войдите в режим редактирования.
На вкладке «Группы» можно добавлять или удалять пользователя из созданных в системе групп. Можно установить временные рамки для нахождения пользователя в той или иной группе, если необходимо. В полях в столбце «Период активности» выставляется дата начала и окончания пребывания пользователя в группе с определенными правами. Если там нет значений, то пользователь находится в группе бессрочно до тех пор, пока администратор не деактивирует его группу вручную.
Добавление новых пользователей и управление существующими
В «Списке пользователей» можно не только редактировать, но и создавать новых пользователей. Обычно, новый пользователь создается, когда происходит регистрация, и человек вводит необходимые данные: e-mail, имя и фамилию. Такому пользователю автоматически присваиваются права обычного зарегистрированного пользователя.
Если вам необходимо добавить нового пользователя через административную часть сайта, то в разделе «Список пользователей» нажмите кнопку «Добавить пользователя».
Обязательно пропишите e-mail (1), логин (2) и пароль (3) для пользователя, выберите сайт по умолчанию (3), на который он будет попадать, если у вас в системе многосайтовость.
Остальные поля на вкладке «Пользователь» не обязательны для заполнения.
На вкладке «Группа» назначьте пользователю необходимые группы с уровнями доступа.
Это минимум для добавления нового пользователя. Вы можете заполнить остальные поля в профиле, если это требуется, но для успешного создания пользователя больше ничего не нужно.
Для изменения свойств существующих пользователей найдите их в списке, войдите в режим редактирования и внесите изменения.
назадНастройки главного модуля Настройка резервного копированиявперед
Настройка резервного копирования
С помощью закладки «Резервное копирование» можно настроить создание полной резервной копии с настройками процесса по умолчанию.
Чтобы включить резервное копирование, перейдите в модуль настроек:
Настройки → Инструменты → Резервное копирование → Регулярное резервное копирование
Перейдите на вкладку «Параметры» для настройки скрипта периодического запуска.
Рекомендуем оставить настройки по умолчанию — для большинства случаев они будут оптимальными, однако при желании вы можете изменить их. Например, выбрать метод запуска, время создания резервной копии и периодичность резервного копирования.
Возвратитесь на вкладку «Регулярный запуск» и нажмите на кнопку «Включить регулярное резервное копирование».
Задайте пароль для шифрования архива и нажмите на кнопку «Сохранить».
Подробнее о настройках резервного копирования в 1С-Битрикс читайте в курсе от 1С-Битрикс «Администратор. Базовый».
назадНастройка прав пользователей Композитный режимвперед
Композитный режим
Композитный сайт – технология мгновенной загрузки сайтов от 1С-Битрикс. Благодаря ей пользователь мгновенно получает контент страницы, сайт лучше ранжируется в поисковых системах, а конверсия интернет-магазина растет.
Управление технологией осуществляется в административной части сайта:
Настройки (1) → Настройки продукта (2) → Композитный сайт (3)→ Настройки (4).
Функция включается с помощью кнопки «Включить АвттоКомпозит» во вкладке «АвтоКомпозит».
Вы можете настроить механизм хранения кеша, список доменных имен, для которых функция будет активна, маску включения и маску исключения.
Более подробная информация о настройках композитного режима – в документации разработчика.
назадНастройка резервного копирования Техническая поддержкавперед
Техническая поддержка
Если при настройке и работе с решением возникли трудности, вы можете обратиться в техническую поддержку «Аспро». Пожалуйста, перед обращением ознакомьтесь со следующими материалами:
- Документацией 1С-Битрикс для пользователя
Базовые знания по настройке и работе с платформой - Документацией по решению, которую вы сейчас читаете
- Базой знаний «Аспро»
Решение специфических проблем, нюансы и фишки для опытных пользователей и веб-разработчиков. - F.A.Q.
Ответы на часто задаваемые вопросы.
Эти ресурсы содержат ответы на типовые вопросы и аккумулируют наш опыт решения проблем. Используя базу знаний и документацию, вы сможете самостоятельно настроить решение, найти ответы на часто задаваемые вопросы и устранить большинство ошибок.
Если вы не нашли ответ на свой вопрос, создайте заявку по кнопке «Обратиться в техподдержку».
Как создать учетную запись для сотрудника техподдержки Аспро
Вопросы по приобретению решений и доработкам, а также пожелания по функционалу решения пишите в онлайн-чат или на адрес info@aspro.ru.
При каждом обращении обязательно предоставьте следующие данные:
- Адрес сайта
- Логин и пароль для доступа к 1С-Битрикс с правами администратора. Как предоставить доступ сотруднику техподдержки
- Адрес сервера, логин и пароль для доступа к сайту. При необходимости сотрудник поддержки может запросить у вас данные для доступа по FTP или SSH с правами на чтение и запись. Как предоставить доступ сотруднику техподдержки
- Четкое описание проблемы и действий для ее воспроизведения.
- Скриншоты или скринкасты (по возможности)
Обзор рекомендуемых программ.
Выполнение этих рекомендаций ускорит обработку вашей заявки.
Поддержка осуществляется по будням с 7:30 до 16:00 по московскому времени. Скорость ответа зависит от загруженности команды и сложности вопроса, но в среднем составляет 2-3 рабочих дня.
Пользователям флагмана Аспро: Премьер мы предлагаем премиальную поддержку от старших специалистов!
назадКомпозитный режим Типовые настройки решениявперед
Типовые настройки решения
В этом уроке мы рассмотрим типовые настройки решения Аспро: Корпоративный сайт 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 в специальный файл, подключите самые важные цели и теги — и ваш сайт готов к запуску рекламной кампании!
В этих группах собраны поля настроек счетчиков метрик, в частности Яндекс.Метрики.
В поле «Файл со счетчиками» можно загрузить соответствующий файл с кодами счетчиков и другие пользовательские скрипты.
Если используется Яндекс.Метрика с целями, нужно активировать соответствующее поле и заполните остальные настройки.
Рядом с настройками находится Центр управления Аспро, с помощью которого удобно поддерживать связь с разработчиками вашего сайта.
Здесь находятся ссылки на руководство пользователя, базу знаний, часто задаваемые вопросы и полезные статьи. Также можно отправить заявку на доработку решения или связаться с техподдержкой.
Фавиконка
В версию 1.2.10 мы добавили поддержку формата SVG для фавикона, который рекомендуют поисковые системы.
Рекомендации от поисковой системы Яндекс
Размер фавикон: 120 × 120, 32 × 32 или 16 × 16 пикселей.
Формат фавикон: SVG (рекомендуемый), ICO, GIF, JPEG, PNG, BMP. Анимация не поддерживается.
назадТехническая поддержка Настройки для мобильной версии сайтавперед
Настройки для мобильной версии сайта
Популярность мобильных устройств задает дополнительное требование к современным сайтам – адаптивность дизайна под дисплеи различного размера.
В решениях Аспро реализован отдельный блок настроек для мобильной версии сайта. Обычно такая возможность присутствует только в крупных проектах.
Просмотреть доступные варианты настроек внешнего вида мобильной версии вы можете через виджет в публичной части.
Во вкладке «Мобильная версия» есть примеры таких параметров для настройки как:
- «Мобильная шапка» (1) ;
- «Тип мобильного меню» (2) ;
- «Способ отображения мобильного меню»(3).
В темах оформления предусмотрены белая и цветная мобильные шапки.
Типы мобильного меню предлагают 2 варианта: «Краткий» и «Подробный».
В первом случае навигационное меню содержит только разделы сайта.
В Аспро: Next при использовании мультирегиональности последним пунктом меню дополнительно отображается название города, для которого предназначена просматриваемая версия сайта.
Во втором – подключаются дополнительные блоки: личный кабинет, корзина, адрес компании и способы связи.
Для Аспро: Digital – это личный кабинет, корзина, адрес компании и способы связи.
Для интернет-магазина к вышеперечисленному Аспро: Next также добавляет в меню возможность быстрого перехода к просмотру отложенных товаров и к удобному сервису, предназначенному для сравнения приглянувшихся предложений.
Мобильное меню может выдвигаться слева или выпадать сверху.
Для того, чтобы применить тот или иной вариант внешнего вида мобильной версии в Аспро: Next, установите требуемые настройки в виджете и нажмите кнопку в правом верхнем углу.
В Аспро: Digital применить настройки для мобильной версии можно только в админке: Рабочий стол → Аспро: Digital → Настройки.
В блоке «Мобильная версия» установите ту комбинацию настроек, которая вам нравится.
В пунктах меню «Мобильная шапка» и «Тип мобильного меню» присутствует вариант «Custom», которого нет в виджете настроек. Этот вариант предназначен для разработчиков.
Просмотр мобильной верстки с ПК
Чтобы просмотреть мобильную версию сайта с ПК, необходимо воспользоваться средствами браузера для разработчиков.
В Google Chrome, Mozilla Firefox и Яндекс браузере инструменты разработчика открываются клавишей F12.
В браузере Opera нужно открыть меню браузера и кликнуть пункт Другие инструменты → Показать меню разработчика.
Появится пункт «Разработка». Отсюда можете вызвать подпункт «Инструменты разработчика» или зажать комбинацию Ctrl+Shift+I.
Расположение кнопки перехода в режим адаптивного дизайна у Google Chrome, Opera и Яндекс браузера:
Кнопка перехода в режим адаптивного дизайна у Mozilla Firefox:
назадТиповые настройки решения Типовые настройки решениявперед
Типовые настройки решения
В этом уроке мы рассмотрим типовые настройки решения Аспро: Digital. Большую их часть можно найти в виджете настроек решения и выяснить, как будет выглядеть ваш сайт с теми или иными настройками. Подробнее
Для удобства пользователей основные настройки решения располагаются в Центре управления Аспро – общие, для главной страницы и разделов, каталога товаров, личного кабинета и т.д.
Действующие настройки решения актуальны для всего сайта и для всех групп пользователей. Установить выставить в административной части сайта в Рабочий стол → Аспро: 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) — активирует кнопку и задает ее вид и положение.
Варианты вида: нет (кнопка отсутствует), круглая цветная, круглая серая, круглая белая, квадратная цветная, квадратная серая, квадратная белая. При выборе цветного варианта кнопка заливается основным цветом сайта.
Варианты положения: касается края экрана (только для квадратных), с отступом от края экрана, с отступом от контента.
Валидация ввода
В этой группе собраны поля настроек валидации ввода всевозможных данных. Можно задать маску телефонного номера для подсказка в соответствующих полях и для предварительной проверки перед отправкой запроса, задать возможные расширения файлов для загрузки на сайт, выбрать формат даты.
В поле «Тип защиты» от спама можно выбрать вариант капчи: отсутствует, картинка или скрытое поле. Мы рекомендуем использовать последний вариант: вы будете защищены от спам-заявок, однако это не скажется на конверсии – пользователям не придется заполнять дополнительное поле.
Социальные сети
В Аспро: Корпоративный сайт 2.0, начиная с версии 1.2.13, номера WhatsApp* и Viber* преобразованы в ссылки.
Ссылки на TikTok, Яндекс.Дзен, Pinterest, Snapchat стали доступны с версии 1.1.0
Группа полей для ссылок на группы вашей компании в различных соцсетях. Если в поле отсутствует какое-либо значение, иконка соцсети не выводится в футере на сайте.
Создание ссылки на WhatsApp*
Пример ссылки:
Вместо номера 79000000000 вставьте свой номер в таком же формате.
Чтобы сразу добавить сообщение при переходе по ссылке, используйте такой формат:
https://wa.me/79000000000?text=Я%20заинтересован%20в%20покупке%20вашего%20товара
В этом примере будет текст: «Я заинтересован в покупке вашего товара».
В ссылке «%20» используется для формирования пробела.
Создание ссылки на Viber*
В Viber* существует 2 разных варианта ссылок — для компьютера и телефона.
Ссылка для ПК имеет вид:
viber://chat?number=+79000000000
Ссылка для телефона:
viber://add?number=79000000000
Необходимо просто заменить в ссылках выше номер телефона на ваш. Отметим, что в варианте для ПК есть «+», а для телефонов — нет.
*WhatsApp и Viber имеют ограниченный доступ в России из-за нарушения требований законодательства. WhatsApp принадлежит Meta — запрещена на территории РФ.
Главная
- Тип анимации большого баннера (1) — определяет, с какой анимацией будут сменяться слайды на основном баннере сайта. Можно выбрать: горизонтальное скольжение, вертикальное скольжение или выцветание
- Скорости для слайдов основного баннера (2) — определяет, с какой периодичностью будут сменяться слайды основного баннера и с какой скоростью будет происходить анимация при их смене
- Скрывать на узких экранах (3) — при активации основной баннер скрывается при просмотре сайта в мобильной версии
- Скорости для слайдов блока «Наши партнеры» (4) — определяет, с какой периодичностью будут сменяться слайды в блоке «Наши партнеры» и с какой скоростью будет происходить анимация при их смене.
Остальные поля уже рассматривались в обзоре виджета настроек сайта в предыдущих уроках.
Шапка
Группа полей, задающих настройки для шапки сайта.
- Список телефонов — позволяет вносить неограниченное количество телефонных номеров, которые будут отображаться в шапке сайта на каждой странице.
- Начиная с версии 1.0.5, вы можете включить или отключить отображение формы заказать звонок в шапке сайта.
Если вам не хватило стандартных четырех полей, нажмите кнопку «Добавить», чтобы добавить дополнительные поля для ввода. Вы можете сортировать телефоны при помощи зеленых стрелок справа, перемещая телефоны выше или ниже. Также есть возможность удалить ненужное поле с помощью кнопки-крестика.
Каталог
Группа полей, задающих настройки торгового каталога. Некоторые поля уже рассматривались в обзоре виджета настроек сайта.
- Адреса страниц корзины и оформления заказа — позволяют задать адреса для соответствующих страниц. Поддерживается использование шаблонов адресов Битрикс.
Разделы
В этой группе собраны поля настроек основных разделов сайта. Вы можете выбрать формат страницы контактов. Как выглядит каждый вариант, можно узнать с помощью виджета настроек.
В полях «Адрес», «Телефон», «Email», «Расписание», «Текст краткого описания» и «Настройки карты» меняются соответствующие элементы страницы контактов. Для настройки параметров карты выполните двойной клик по элементу Яндекс.Карты: настраиваемая карта в открывшемся диалоговом окне редактирования включаемой области.
Вы можете активировать отображение формы обратной связи и карты на странице контактов в соответствующих полях.
Ссылка «Перейти к редактированию страницы контактов» переносит в публичную часть сайта на страницу контактов.
Далее идут поля настроек формата прочих основных разделов сайта. Посмотреть, как выглядят предложенные варианты на сайте и выбрать подходящий можно в виджете настроек сайта.
Футер
В футере с помощью галки можно включить или отключить отображение заказать звонок. Этот функционал доступен с версии 1.0.5.
Баннеры, мобильная версия и личный кабинет
Все поля в этих группах соответствуют таким же полям в виджете настроек сайта.
Счетчики и цели
Для удобства администраторов и маркетологов настройки счетчиков систем аналитики вынесены в отдельный блок и существенно расширены по сравнению с другими решениями Аспро. Загрузите коды сервисов Google, Яндекс, пикселей Вконтакте и Facebook в специальный файл, подключите самые важные цели и теги – и ваш сайт готов к запуску рекламной кампании!
В этих группах собраны поля настроек счетчиков метрик, в частности Яндекс.Метрики.
В поле «Файл со счетчиками» можно загрузить соответствующий файл с кодами счетчиков и другие пользовательские скрипты.
Если вы используете Яндекс.Метрику с целями, активируйте соответствующее поле и заполните остальные.
Это все типовые настройки решения. После внесения изменений нажмите кнопку «Применить», чтобы изменения вступили в силу.
Рядом с настройками находится Центр управления Аспро, с помощью которого удобно поддерживать связь с разработчиками вашего сайта.
Здесь находятся ссылки на руководство пользователя, базу знаний, часто задаваемые вопросы и полезные статьи. Также можно отправить заявку на доработку решения или связаться с техподдержкой.
назадНастройки для мобильной версии сайта Подключение Yandex SmartCaptchaвперед
Подключение Yandex SmartCaptcha
В Аспро: Корпоративный сайт 2.0, начиная с версии 1.2.31, доступна Yandex SmartCaptcha для защиты сайта от спама и ботов. Это российский сервис, который обучается на данных по защите веб-ресурсов Яндекса.
Для прохождения проверки в стандартном варианте пользователю нужно поставить галку «Я не робот», при скрытой капче этот этап отключается. Если результат подозрительный, появляется капча, у которой можно настроить уровень сложности в зависимости от страны, IP-адреса и устройства.
Yandex SmartCaptcha предоставляет бесплатный пакет до 10 000 проверок в календарный месяц. Запросы, превышающие этот лимит, оплачиваются согласно правилам тарификации.
Как получить ключ
Для получения ключа перейдите по ссылке. Войдите в Yandex Cloud.
Найдите сервис Yandex SmartCaptcha.
Нажмите кнопку «Создать капчу».
Для создания капчи нужно указать «Имя» и «Список хостов». Затем нажмите кнопку «Создать».
Также вы можете настроить внешний вид (1) и варианты заданий (2). На предпросмотре (3) можно проверить задания капчи.
На следующем шаге вас попросят создать платежный аккаунт. Для этого заполните персональные данные и привяжите банковскую карту для оплаты капчи.
Выберите капчу и перейдите на вкладку обзор. Здесь понадобится скопировать ключ клиента и ключ сервера.
Настройка
Для настройки капчи в административной части сайта перейдите в Аспро (1) → Аспро: Allcorp2 (2) → Настройки (3).
В настройке «Вид капчи» выберите Yandex SmartCaptcha.
Вы можете задать маску исключения со страницами, на которых не нужна капча (1). Скопируйте из аккаунта Яндекс Cloud ключ клиента (2) и ключ сервера (3) для интеграции с сервисом. Выберите размер капчи (4). Обычная капча имеет галку «Я не робот», скрытая — нет.
Виды капчи:
Обычная капча
Скрытая капча
Скрытая капча с уведомлением об обработке персональных данных
У скрытой капчи также можно включить уведомление об обработке данных (1) и выбрать его положение (2).
назадТиповые настройки решения Self-hosted шрифтывперед
Self-hosted шрифты
В решении, начиная с версии 1.2.32, можно использовать self-hosted шрифты, которые применяются только к предустановленным шрифтам.
Отметим, что загрузить свой шрифт можно только через Google Fonts.
Активация настройки позволяет загружать шрифты из файлов, размещенных на сайте. Благодаря этому увеличиваются показатели Google PageSpeed Insights — уменьшается время загрузки сайта.
Чтобы использовать настройку self-hosted шрифтов, в административной части сайта необходимо перейти в Аспро (1) → Aspro: Allcorp2 (2) → Настройки (3). Поставьте галку в поле «Использовать self-hosted шрифты» (4) и сохраните изменения.
назадПодключение Yandex SmartCaptcha Виджет настроек решениявперед
Виджет настроек решения
Виджет настроек – это инструмент, который позволяет быстро и удобно проработать внешний вид сайта. В виджет выведено большое количество параметров из Центра управления, отвечающих за:
- общее оформление сайта – вид кнопок, шапки, футера, используемого шрифта для текстов, цветовую схему, отображение рекламных баннеров и т.п.
- внешний вид разделов – решение предлагает гибкие настройки для оформления каталогов услуг и товаров, а также наборы шаблонов для остальных разделов
- внешний вид мобильной версии сайта
- оформление разворота основного меню (в шапке)
- компоновку главной страницы сайта
- настройку личного кабинета и форм обратной связи
Чтобы воспользоваться возможностями виджета, активируйте в Центре управления Аспро: Priority (Рабочий стол → Аспро: Priority → Настройки) «Переключатель тем» и нажмите «Применить».
После этого в публичной части вы увидите вот такой значок с левой стороны:
Кликните по нему и поиграйтесь с настройками. Например, выберите другой базовый цвет, шрифт, стиль кнопок и т.д. Решение тут же «примерит» все изменения на ваш сайт. Если вам нужно вернуть все как было, нажмите «Настройки по умолчанию» (1). Если вы подобрали для себя идеальную конфигурацию, отправьте ее в Центр управления Аспро кнопкой «Сохранить настройки» (2).
Одним из преимуществ решения Аспро: Priority является удобный и гибкий конструктор главной страницы. В виджете настроек вы можете найти его на вкладке «Главная страница». Здесь находится список блоков с выключателями и стрелками, регулирующими порядок отображения блоков:
Если вам неудобно работать с таким списком, вы можете настроить внешний вид главной прямо на ней! Для этого используйте новую технологию от Аспро ДизайнМенеджер – откройте главную страницу сайта и кликните по значку под виджетом настроек:
После этого у каждого блока появятся элементы управления, которые позволят вам:
- Просматривать под блоком доступные для него шаблоны (1) ;
- Переключаться между шаблонами, просто пролистывая их (2) ;
- Сдвигать блоки выше или ниже (3) ;
- Отключать лишние блоки (4) ;
- Сохранять изменения на лету (5).
Содержание главы:
назадSelf-hosted шрифты Общие настройки решениявперед
Общие настройки решения
Настройки со вкладки «Общие» определяют внешний вид всего сайта. В этом уроке мы с вами рассмотрим как задать сайту свой неповторимый стиль. Для этого:
1. Выберите для своего сайта основной цвет
Базовый цвет используется для заливки таких элементов сайта, как кнопки, шапка (имеются в виду 9й и 10й типы шапки, подробнее о вариантах здесь), подсветка ссылок и фон логотипа (если он прозрачный).
Палитра решения предлагает на выбор 17 стандартных цветов. Вариант в палитре вам не подходит, потому что не достаточно яркий и насыщенный? Или, наоборот, слишком яркий, а нужен более приглушенный? Кликните по кнопке «Пользовательский цвет» и подберите нужный вам оттенок.
Если вы знаете hex-код нужного цвета, укажите его в горизонтальном поле ввода (1). Если вы не знаете этот код, используйте вертикальную шкалу справа (2), чтобы переключаться между цветами, а большой квадрат слева (3) – для выбора нужного оттенка (кликните левой кнопкой мыши на область с нужным оттенком). Когда укажете свой цвет, нажмите «Выбрать» (4).
2. Подберите стиль оформления и размер для текстов на сайте
****
По умолчанию доступны следующие стили размером в 13 px, 14 px и 15 px:
- Open Sans
- PT Sans
- Ubuntu
- Montserrat
Если вас не устраивают стандартные варианты, вы также можете присмотреть себе шрифты в свободной библиотеке Google Fonts. О том, как настроить решение в данном случае, читайте здесь.
3. Установите ширину сайта
Чтобы сайт выглядел современно и оставался максимально удобным для ваших пользователей, рекомендуем с помощью инструмента Яндекс.Метрики узнать, какое разрешение экрана наиболее популярно среди ваших посетителей. Это позволит вам подобрать наиболее оптимальную ширину контентной области для своего сайта – в 1700 px, 1500 px, 1344 px или 1200 px.
Читайте про интеграцию с Яндекс.Метрикой.
4. Выберите стиль кнопок
**
Решение позволяет использовать:
- прямоугольные кнопки
- или скругленные
5. Определите нужен ли вам декоративный отступ
****
Декоративный отступ добавляет по бокам от контентной области небольшое пустое пространство:
При деактивированном параметре содержимое контентной части растягивается, заполняя собой в браузере всю область просмотра:
6. Определите стиль заголовков
****
Заголовки могут быть:
- обычные (нормальные)
- полужирные
7. Выберите способ расположения заголовка и хлебных крошек (цепочки навигации)
Заголовок с цепочкой навигации можно разместить:
- Слева
- По центру
8. Установите стиль оформления заголовка и хлебных крошек
Для оформления заголовка и хлебных крошек доступны следующие варианты:
- На белом фоне 1 (цепочка навигации над заголовком)
- На сером фоне 1 (цепочка навигации над заголовком)
- На белом фоне 2 (цепочка навигации под заголовком)
- На сером фоне 2 (цепочка навигации под заголовком)
9. Выберите тип поиска
**
Решение предлагает 2 типа поиска:
- «На весь экран» – поиск по сайту будет перекрывать собой все содержимое
- «Выпадает сверху» – поисковая строка будет разворачиваться над содержимым сайта
10. Установите свое положение внутреннего меню
**
Боковое меню внутри разделов, а также элементы под ним (боковой баннер, кнопки «Заказать звонок», «Написать сообщение», «Оставить отзыв» и «Ближайший офис»), можно разместить:
- слева от контента
- или справа от него
11. Включите или отключите отображение кнопки печати страницы
**
Данный параметр добавляет соответствующую кнопку на все страницы сайта. Выглядит она следующим образом:
При нажатии эта кнопка отправляет просматриваемую пользователем страницу на печать.
назадВиджет настроек решения Формывперед
Формы
В этом уроке мы с вами выставим общие настройки для форм обратной связи:
- Включим в формах специальный пункт, который будет требовать от пользователей согласие на сбор, хранение и обработку его персональных данных;
- Определим способ открытия форм;
- Включим отображение нужных вам кнопок с формами «Оставить отзыв», «Задать вопрос», «Заказать звонок» и/или «Контакты»
Откройте виджет на вкладке «Формы». Здесь:
1. Сместите переключатель «Информирование об обработке персональных данных» вправо
После этого в каждой форме обратной связи, используемой сайтом, появиться вот такая подпись:
По ссылке в подписи пользователь может ознакомиться с политикой компании о хранении, сборе и обработке персональных данных. Если посетитель согласен передать свои данные вашей компании, он должен сместить ползунок вправо и нажать «Отправить». Если же пользователь по каким-то причинам не хочет давать свое согласие, то и отправить данные на ваш сервер он не сможет.
Такой пункт в формах наряду с дополнительными мерами (о них читайте здесь) поможет избежать штрафов, налагаемых на операторов персональных данных, которыми с 1 июля 2017 года считаются все, кто собирает информацию о пользователях.
Если вы хотите изменить подпись и отредактировать страницу с описанием политики компании, рекомендуем ознакомиться с этим уроком.
2. Выберите тип (способ) открытия формы
**
Формы обратной связи могут открываться в:
- боковой панели
- pop-up окне, перекрывающем содержимое проматриваемой страницы
****
**3. Сместите вправо ползунки тех кнопок, которые нужны вашим пользователям для быстрого доступа к формам «Оставить отзыв», «Задать вопрос», «Заказать звонок» и/или «Контакты»
Каждая упомянутая форма привязана к 2м кнопкам, которые размещаются:
- под внутренним меню (вариант «в боковой колонке»)
- с правой стороны браузера (вариант «летающая»)
Решение позволяет использовать как одну кнопку, так и обе одновременно.
Если вы не хотите предоставлять быстрый доступ к какой-то из рассматриваемых форм, отключите обе ее кнопки («в боковой колонке» и «летающую»).
назадОбщие настройки решения Продукциявперед
Продукция
В этом уроке вы узнаете, как настроить внешний вид вашего каталога, а также как включать/отключать корзину и размещать ее в шапке или сбоку.
Откройте в виджете вкладку «Продукция» и:
1. У параметра «Корзина» сместите ползунок вправо, чтобы включить корзину, влево – выключить
**
Активная настройка «Корзина» (1) также включает отображение дополнительного параметра, позволяющего выбрать где должна находиться корзина (2) :
- в шапке
- или сбоку
Деактивировав корзину, вы все еще можете получать заказы. В этом случае у товара вместо кнопки «Купить» будет кнопка «Под заказ», которая будет вызывать форму следующего вида:
**2. По аналогии с корзиной включите или отключите фильтр товаров
Начиная с версии 1.2.10 доступен 3 вид фильтра - компактный. Как и в случае с корзиной, у активного параметра «Фильтр» (1) есть дополнительная настройка (2). Она позволяет выбрать положение фильтра относительно содержимого каталога:
- над товарами (горизонтальный фильтр)
- сбоку (вертикальный фильтр)
- над товарами (компактный фильтр).
3. Укажите как вести себя картинке анонса товара при наведении на нее курсора в способе отображения каталога «Плитка»
**
При выборе способа отображения элементов каталога в виде плитки появляется возможность установить поведение картинок анонсов товаров при наведении на них курсора. Картинка может сдвигаться вправо, освобождая место для шторки с характеристиками товара:
Или оставаться на месте (вариант «Обычный»):
В этом уроке подробно рассказывается о том, как можно настроить отображение элементов каталога в виде плитки, списка или прайса.
4. Выберите шаблон для списка разделов каталога
Перечень категорий товаров можно представить:
-
с картинками
- в виде блоков без бокового меню
- списка без бокового меню
- списка с меню
-
с иконками
- в виде блоков без бокового меню
- списка без бокового меню
- списка с меню
5. Определите как отображать детальную страницу товара
****
Описание товаров можно представить отдельными блоками, следующими друг за другом:
Или разместить содержимое некоторых блоков (например, «Описание», «Характеристики», «Вопросы и ответы», «Документы» и т.д.) под одноименные табы:
назадФормы Личный кабинетвперед
Личный кабинет
Решение Аспро: Приорити поддерживает функцию «Личный кабинет».
Вы можете включать и отключать его через виджет настроек.
Чтобы включить использование ЛК, перейдите на одноименную вкладку и переместите ползунок «Личный кабинет» (1) вправо. Также здесь определите как отображать ФИО пользователя (2).
Если вы сместите переключатель второй настройки вправо, то форма с ФИО будет выглядеть так:
Если влево – так:
назадПродукция Мобильная версиявперед
Мобильная версия
Виджет настроек позволяет управлять внешним видом не только полной, но и мобильной версии сайта.
Чтобы настроить внешний вид для телефонов и планшетов, перейдите на одноименную вкладку виджета. Здесь:
1. Выберите цвет шапки
****
Шапка мобильного меню может быть:
- белая
- или цветная
**2. Определите способ отображения мобильного меню
Мобильное меню может выдвигаться слева:
Или выпадать сверху:
**3. Выберите тип меню
Под типом меню имеется в виду его содержание:
- Подробное – названия разделов в меню дополнены контактными данными компании, ссылками на корзину, личный кабинет и аккаунты в социальных сетях
- Краткое – меню содержит только названия разделов
**4. Установите цвет мобильного меню
Для мобильного меню доступно 2 цвета:
- светлый
- и темный
назадЛичный кабинет Баннерывперед
Баннеры
Решение Аспро: Приорити содержит 9 рекламных областей:
- Сверху над шапкой;
- Сверху под шапкой;
- Под боковым меню;
- Над контентом;
- Под контентом;
- Внизу страницы
назадМобильная версия Футервперед
Футер
В решении вы можете настроить не только верхнюю часть сайта (шапку), но и его подвал:
Откройте виджет на вкладке «Футер». Здесь находятся шаблоны наиболее популярных видов подвала сайта. Выберите тот, который лучше всего подходит вам – подробный, компактный, средний; темный или светлый:
Разделы
После настройки внешнего вида каталогов с товарами и услугами перейдем к подбору наиболее оптимального оформления для остальных разделов. Переключитесь на вкладку виджета «Разделы» (1) и выберите шаблон для секций.
Содержание главы:
«Контакты»
Если у вас небольшая компания без филиалов, вам подойдут варианты:
- «Компактный»
- «Компактный 2»
Если же у вас есть представительства в других городах, рекомендуем обратить внимание на шаблоны:
- «С филиалами и выбором региона»
- «С центральным офисом и филиалами»
«Лицензии»
Лицензии в одноименном разделе можно представить в виде:
- блоков без дополнительной информации
- списка с дополнительными сведениями
назад«Контакты» «Карьера»вперед
«Карьера»
Для списка вакансий из раздела «Карьера» доступны 2 шаблона:
- «Аккордеон» – клик по вакансии открывает подробности здесь же в развороте
- «Список» – клик по вакансии открывает подробности на отдельной странице
Вид страницы с требованиями к кандидату и описанием условий труда:
назад«Лицензии» «Отзывы»вперед
«Отзывы»
В разделе с отзывами вы можете изменить положение информации об авторе – разместите его:
- над описанием
- или справа от него
назад«Карьера» «Производители»вперед
«Производители»
Анонсы производителей, как и партнеров, можно разместить в виде:
- Блоков
- Списка
- Плитки из логотипов
назад«Отзывы» «Партнеры»вперед
«Партнеры»
Перечень партнеров можно представить в виде:
- блоков****
****
- списка
- плитки из логотипов
назад«Производители» «Команда»вперед
«Команда»
Вы можете разместить карточки ваших специалистов в виде:
- списка с контактными данными справа от фотографий небольшого размера
- списка с контактными данными и небольшой дополнительной информацией справа от фотографий более крупного размера
- плитки с ФИО и названием должности под фотографией (контактные данные и кнопку «Написать сообщение» можно увидеть в шторке, которая раскрывается снизу вверх при наведении указателя на фото)
- плитки с ФИО и названием должности поверх фотографии (как и в предыдущем шаблоне, контактные данные можно увидеть при наведении указателя на фото)
назад«Партнеры» «Пресс-центр»вперед
«Пресс-центр»
Анонсы новостей в «Пресс-центре» можно представить в виде:
- списка
- плитки
назад«Команда» «Проекты»вперед
«Проекты»
Для раздела с готовыми проектами доступны следующие шаблоны:
- «Списком с меню»
- «Блочный с меню»
- «Блочный по разделам» – проекты можно распределить по направлениям деятельности компании (шаблон поддерживает анонсы разного размера)
- «Блочный 2 по разделам» (используются блоки одинакового размера)
- «Блочный по годам» – проекты сортируются в хронологическом порядке (поддерживаются блоки разного размера)
- «Блочный 2 по годам» (используются блоки одинакового размера)
назад«Пресс-центр» «Документы»вперед
«Документы»
Сертификаты, награды и прочие документы, как и лицензии, можно представить в виде:
- Блоков
- Списка
Шапка
Шапка, как правило, является неотъемлемой частью сайта. Она не только помогает пользователю переключаться между разделами/страницами, но и участвует в создании уникального образа сайта.
Переключитесь на одноименную вкладку виджета, чтобы подобрать для шапки сайта наиболее привлекательный на ваш взгляд шаблон. Всего в решении доступно 15 вариантов:
Серой полосой в миниатюре обозначается та часть шапки, которая заливается базовым цветом сайта.
Например, так будет выглядеть шапка № 9, залитая синим цветом:
Для области, заполненной в миниатюре шапки шашками, на главной в качестве фона устанавливается верхняя часть большого баннера.
Например, шапка № 3 на главной будет иметь следующий вид:
Рассмотренные шаблоны относятся только к обычной шапке, которая скрывается из поля зрения пользователя при прокрутке длинных страниц. Если вы хотите закрепить шапку в верхней части браузера при скроллинге таких страниц, сместите ползунок «Фиксированная шапка сайта» вправо.
Тогда активируется еще один параметр, который позволит вам выбрать шаблон и для фиксированной шапки, следующей за фокусом пользователя:
назад«Документы» Главная страницавперед
Главная страница
Презентовать линейку продуктов или сосредоточиться на экспертизе? Показать выполненные проекты или отзывы? Какой блок поставить выше – каталог или услуги? Аспро: Priority дает полную свободу выбора: соберите свою главную страницу из отдельных блоков, изменяя их расположение и внешний вид, или остановитесь на одном из готовых вариантов.
Настройки для главной страницы:
- Тип главной страницы – готовые варианты с настройкой отображения блоков и возможностью изменять компоновку главной
- 9 вариантов отображения блока услуг, 3 – блока «Сотрудники» и 10 – блока «Продукция».
В этой главе мы рассмотрим основные возможности управления главной страницей сайта на основе Аспро: Приорити. Вы можете настроить главную с помощью виджета, или из админки – в Центре управления Аспро.
Настройка главной страницы через виджет
Раскройте виджет и перейдите на вкладку «Главная». Сюда в удобной форме из Центра управления Аспро выведены настройки для главной страницы сайта. Давайте вместе настроим вашу главную страницу и заодно рассмотрим каждую настройку подробнее.
**1.**Выберите тип главной в переключателе
В решении Аспро: Priority доступно 4 готовых типа главной страницы. Вы можете просмотреть особенности типов прямо в переключателе – перемещайтесь между вкладками и раскрывайте превью предложенных вариантов с помощью стрелки внизу области предпросмотра:
Представленные типы отличаются между собой набором, компоновкой и оформлением активных блоков, входящих в состав (подробнее о готовых вариантах рассказано здесь).
Если вас полностью устраивает один из вариантов, настроенный по умолчанию, вы можете перейти сразу к шагу 4. Хотите адаптировать решение под свой бизнес еще сильнее? Тогда читайте дальше.
**2.**Оставьте только необходимые блоки и разместите их так как нужно вам
Конструктор Аспро: Priority предлагает вам 14 блоков, из которых составляется главная страница сайта. С их помощью вы можете:
-
красочно представить посетителям специальное предложение, анонсировать новую акцию, товар, услугу и т.п, привязав нужные разделы или страницы сайта к большим или плавающим баннерам
-
вывести перечень услуг и/или категорий товаров
-
привлечь внимание посетителей к определенным разновидностям товара (речь идет о блоке «Наша продукция» (в виджете «Каталог») – в нем выводятся товары помеченные как «Хит», «Новинка», «Акция», «Мы советуем»)
-
разместить слайдер с отзывами клиентов, перечнем партнеров и/или ваших специалистов
-
добавить на главную наиболее интересные проекты из портфолио и/или статьи из раздела «Пресс-центр»
-
кратко обозначить преимущества сотрудничества с вами
-
немного рассказать о своей компании и показать где находится ваш ближайший офис
-
вывести дополнительно информационный блок, с привязанными формами обратной связи
В выбранном типе не хватает какого-то блока? Вы можете его включить. В составе есть блок, который вы не хотите использовать? Отключите его. Не устраивает последовательность блоков на странице? Установите свою.
Для управления блоками через виджет раскройте «Параметры главной страницы»:
Используйте ползунки (1) для активации и деактивации блоков, и вертикальные стрелки (2) – для изменения их положения (подробнее здесь).
В решении также предусмотрена настройка содержания главной на лету. Новая технология Аспро.ДизайнМенеджер позволит вам компоновать блоки прямо на главной странице. Подробности ищите здесь.
3. Определите внешний вид используемых блоков
Сменные шаблоны имеют следующие блоки:
- «Услуги»
- «Проекты»
- «Продукция»
- «Отзывы»
- «О компании»
- «Тизеры»
- «Сотрудники»
- «Партнеры»
- «Контакты»
Подробнее с вариантами внешнего вида каждого из перечисленных блоков вы можете ознакомиться в виджете настроек или здесь.
Примечание : В виджете настроек отображаются наборы шаблонов только для включенных блоков.
Просмотреть доступные шаблоны и подобрать для себя наиболее подходящие вы можете не только в виджете настроек, но и непосредственно на главной странице с помощью Дизайн-Менеджера Аспро.
4. Сохраните изменения
При просмотре типов главной в переключателе, во время работы с конструктором страницы и при подборе шаблонов происходит автоматическая «примерка» выставленных настроек на сайт. После того, как вы поигрались с настройками и подобрали для себя оптимальный вариант, сохраните изменения с помощью одноименной кнопки вверху виджета.
назадШапка Настройки менювперед
Настройки меню
Настроили шапку сайта? Пора настраивать внешний вид ее выпадающего меню. Перейдите на вкладку «Настройки меню» и:
1. Включите или отключите использование изображений у корневых пунктов меню (названий категорий услуг или товаров)
Активация параметра «Изображения у корневых пунктов меню» также включает отображение в виджете дополнительных настроек, которые позволят вам задать тип используемых изображений (иконки, картинки) (1) и определить их положение относительно пунктов (слева или сверху) (2).
Так выглядит меню с изображениями слева:
- в виде иконок
- в виде картинок
- так с изображениями над пунктами:
- а так выглядит меню без изображений:
2. Укажите сколько колонок отображать в меню обычной и фиксированной шапки (если она используется)
За количество колонок в обычной шапке отвечает параметр «для узкого меню».
Для фиксированной – «для широкого».
В обычной и фиксированной шапке пункты меню можно разместить в:
- 2 колонки
- 3 колонки
- 4 колонки
**3. Задайте способ отображения подпунктов меню (перечней услуг, подкатегорий товаров и т.д.)
Подпункты меню можно разместить
- в строку
- или в столбец
назадГлавная страница Отключить виджет настроеквперед
Отключить виджет настроек
Виджет настроек позволяет быстро и удобно подобрать параметры внешнего вида сайта, просмотреть доступные варианты и выбрать наиболее подходящий дизайн. В предыдущем уроке рассказали о возможностях виджета. При этом настройки можно не только применять, но и сохранять. Также отметим, что в решениях Аспро: Next и Аспро: Шины и диски 2.0 рядом с виджетом (1) располагается конфигуратор (2). Он содержит наиболее удачные и полезные комбинации настроек виджета.
Обратите внимание. При включенном виджете не работает композитный режим.
Но виджет видят не только авторизованные пользователи. Поэтому мы рекомендуем скрывать его отображение, чтобы не отвлекать пользователей от покупок. Конфигуратор отключится автоматически вместе с виджетом.
Виджет настроек нельзя отключить для конкретного пользователя или настроить на определенную группу пользователей.
Разберем порядок действий на примере решения Аспро: Next.
Чтобы отключить отображение виджета настроек, перейдите в административной части сайта в Аспро → Аспро: Next → Настройки. Уберите галку в поле «Переключатель тем» (1) и нажмите «Применить»(2).
назадНастройки меню Главная страницавперед
Главная страница
Аспро: Priority позволяет создать главную страницу с учетом интересов ваших посетителей. Например, вывести в верхнюю ее часть ту информацию, которая их больше всего интересует. Это возможно благодаря встроенному конструктору главной страницы. С его помощью вы можете управлять 14 блоками – их можно включать/отключать и перетаскивать на нужное место.
У 9 из них есть набор своих шаблонов, посредством которых вы можете сделать свой сайт более уникальным. При этом переключаться между ними и сохранять изменения стало еще удобнее. Впервые в решении Аспро вы можете пролистать шаблоны прямо на странице (1) и тут же применить понравившийся вам (2).
В этой главе мы рассмотрим, из каких блоков может состоять главная страница и покажем готовые варианты их компоновки (типы страниц). А также расскажем, как работать с конструктором и редактировать составляющие страницу блоки.
Обзор элементов главной страницы
** Для составления и компоновки главной страницы доступны следующие элементы:
1. **Большие баннеры
В качестве баннеров используются изображения или видео, привлекающие внимание. В решении баннер из картинки можно дополнить описанием и кнопками навигации.
Внешний вид блока зависит от используемого типа главной страницы. Например, большой баннер, дополненный справа 2мя небольшими баннерами, используется только в 3м типе.
2.Плавающий баннера**
Блок из небольших баннеров, призванный привлечь посетителей на нужные вам страницы разных разделов. Например, здесь можно анонсировать новость из раздела «Пресс-центр», открытую вакансию или услугу.
****3.****Услуги
Блок анонсов, привязанный к одноименному разделу. Демонстрирует посетителю, предлагаемые вашей компанией услуги.
**4.****Проекты
В этом блоке выводятся лучшие и наиболее интересные проекты вашего портфолио.
**5.**Продукция
Блок с быстрым доступом к нужной посетителю категории товаров.
**6.****Каталог
Элемент главной страницы, предназначенный привлечь внимание посетителей к определенным товарам разных категорий и разбить их на группы «Акция», «Хит», «Мы советуем», «Новинка».
**7.**Отзывы
Блок, который можно использовать как инструмент завоевания доверия и поддержания положительного имиджа в глазах посетителей.
****8.****О компании
Ваша визитная карточка с небольшим описанием, кнопкой навигации, ведущей в раздел «О компании», и кнопкой, вызывающей форму обратной связи «Задать вопрос». К данному блоку можно привязать видео.
**9.**Тизеры
Краткое и лаконичное представление преимуществ сотрудничества с вами и особенности предлагаемого сервиса.
**10.**Наша команда
Блок, задачей которого является вызвать уверенность у посетителей в компетенции ваших специалистов. А также помочь клиентам связаться с ними.
**11.**Пресс-центр
Элемент, анонсирующий важные на ваш взгляд новости из одноименного раздела.
**12.**Наши партнеры
Слайдер с узнаваемыми логотипами ваших бизнес-партнеров.
**13.****Контакты
Блок, информирующий клиентов о расположении вашего офиса и филиалов (если они есть).
**14. Информационный блок
Красиво оформленный блок с кнопками, вызывающими формы обратной связи «Задать вопрос» и «Заказать звонок».
Содержание главы:
назадОтключить виджет настроек Типы главной страницывперед
Типы главной страницы
Для быстрого старта решение содержит 4 готовых типа главной страницы. Один из них наверняка подойдет и вам. Типы имеют разную последовательность включенных блоков и используют определенные шаблоны для некоторых из них. Вы можете выбрать один из предложенных вариантов с настройками, выставленными по умолчанию, или внести в него свои коррективы.
Примерить типы для главной на свой сайт и ознакомиться с ними поближе вы можете в публичной части через виджет настроек.
Примечание : Виджет настроек отображается, если в настройках решения (Рабочий стол → Аспро: Priority → Настройки) включен переключатель тем.
Перейдите в виджете на вкладку «Главная». Здесь вы найдете переключатель типов (1) с удобным предпросмотром внешнего вида страницы. Главная страница сразу же изменит свой внешний вид, как только вы выберите один из них.
Если вы хотите изменить вариант, настроенный по умолчанию, раскройте параметры главной страницы (2).
Используйте ползунки справа, чтобы включить или отключить блок, и вертикальные стрелки для управления положением блоков.
Чтобы сохранить свои изменения (2) или вернуться к настройками по умолчанию (1) используйте одноименные кнопки вверху виджета.
Вы также можете сохранить свои настройки во время просмотра результатов изменений на странице с помощью одноименной кнопки.
В административной части сайта настройки главной страницы находятся в центре управления Аспро: Priority → Настройки.
В одноименной группе параметров вы найдете переключатель типов (1) и конструктор (2).
Рассмотрим подробнее типы и их различия.
Содержание главы:
назадГлавная страница 1 тип главной страницывперед
1 тип главной страницы
В первом типе главной страницы по умолчанию активны 10 блоков:
- «Большие баннеры»;
- «Плавающие баннеры»;
- «Услуги»;
- «Отзывы»;
- «О компании»;
- «Тизеры»;
- «Наша команда»;
- «Пресс-центр»;
- «Наши партнеры»;
- «Информационный блок».
Их последовательность соответствует порядку в виджете настроек:
При желании вы можете добавить в состав страницы неактивные блоки («Проекты», «Продукция», «Каталог», «Контакты»).
Тип отличают от других шаблоны следующих блоков:
- Большие баннеры – в этом варианте главной большие баннеры заполняют всю ширину страницы и фон шапки
- Блок с услугами – содержит с левой стороны табы, позволяющие переключаться между основными категориями, а с правой – анонс категории с картинкой, описанием и перечнем, входящих в нее услуг
- Слайдер с отзывами – за раз отображает только один элемент с данными об авторе, размещенными над текстом
- Блок «О компании» – с левой стороны выводит текст и кнопки навигации, а с правой – прямоугольную картинку с привязанным видео
- Блок с тизерами – по умолчанию выводятся 4 элемента с описанием под иконкой
- Слайдер «Наша команда» – представляет одного сотрудника за раз. Слева находится фото в круглой рамке, справа – контактная информация и краткие сведения о специализации
- Для слайдера с логотипами партнеров используется шаблон с заголовком
назадТипы главной страницы 2 тип главной страницывперед
2 тип главной страницы
Второй тип главной страницы состоит из 8 элементов. Это:
- «Большие баннеры»;
- «Продукция»;
- «О компании»;
- «Тизеры»;
- «Каталог»;
- «Наши партнеры»;
- «Пресс-центр»;
- «Контакты».
Также доступны, но не активны: «Плавающие баннеры», «Услуги», «Проекты», «Отзывы», «Наша команда», «Информационный блок».
Рассмотрим используемые в типе шаблоны:
- Большие баннеры – блок использует тот же шаблон, что и 1й тип
- Категории продвигаемых товаров в блоке «Продукция» представлены в виде картинок. Располагаются они плиткой в правой части блока. В левой находится небольшое описание
- Используемый блоком «О компании» шаблон похож на шаблон из 1го типа. Отличие состоит в том, что засчет отсутствия у изображения собственного фона картинка не имеет четких границ и к ней не привязано видео
- Блок с тизерами в этом типе состоит из 3х элементов, а описание выводится сбоку
- По умолчанию для блока «Наши партнеры» используется шаблон без заголовка
- Для блока с картой включен вариант для компании без филиалов
назад1 тип главной страницы 3 тип главной страницывперед
3 тип главной страницы
Главная страница третьего типа содержит 9 элементов:
- «Большие баннеры»;
- «Тизеры»;
- «Услуги»;
- «Проекты»;
- «О компании»;
- «Отзывы»;
- «Пресс-центр»;
- «Контакты»;
- «Информационный блок».
Дополнить ее содержимое можно плавающими баннерами, блоком с категориями товаров, отобранными из каталога предложениями («Акция», «Хит», «Мы советуем», «Новинка»), слайдерами с сотрудниками и/или логотипами партнеров.
Перечислим шаблоны, отличающие этот тип от других:
- Блок с большими баннерами в этом типе дополнен маленькими с правой стороны
- Как и в 1м типе, используется блок с 4 тизерами
- Категории услуг в этом варианте представлены в виде картинок, размещенных плиткой справа от небольшого описания
- Анонсы проектов из портфолио имеют разный размер и по умолчанию отображаются в один ряд. Чтобы увидеть больше проектов следует нажать кнопку «Загрузить еще» или кликнуть ссылку «Все проекты» для перехода в соответствующий раздел
- Блок «О компании» использует альтернативное изображение, заполняющее собой фон текста, и активную картинку, которая выводится справа от текста
- В этом типе для блока «Отзывы» включен тот же шаблон, что и в 1м
- Блок с картой использует шаблон, разработанный для компаний с филиалами
назад2 тип главной страницы 4 тип главной страницывперед
4 тип главной страницы
Четвертый тип самый полный. В этом варианте активны все 14 блоков и расположены они следующим образом:
- «Большие баннеры»;
- «Плавающие баннеры»;
- «Услуги»;
- «Проекты»;
- «Продукция»;
- «Каталог»;
- «Отзывы»;
- «О компании»;
- «Тизеры»;
- «Наша команда»;
- «Пресс-центр»;
- «Наши партнеры»;
- «Контакты»;
- «Информационный блок».
Данный тип применяет следующие шаблоны:
- Для оформления больших баннеров используется шаблон из 1го типа
- Блок с категориями услуг имеет вид списка в две колонки. Каждая категория услуги оформлена картинкой и перечнем входящих в нее элементов.
- Для блока с проектами используется шаблон, выводящий анонсы одного размера в два ряда
- Категории каталога в блоке «Продукция» представлены картинками и располагаются они плиткой
- Авторы отзывов в соответствующем блоке размещаются справа от текста
- Для блока «О компании» включен тот же шаблон, что и во 2м типе
- Здесь используется 4 тизера преимуществ с описанием снизу
- В блоке «Наша команда» выводится по 3 специалиста с их именем и названием должности. Более подробную информацию можно узнать, если навести указатель на фото сотрудника или перейти на страницу, посвященную его успехам в работе
- Блок «Наши партнеры» использует шаблон без заголовка
- Блок «Контакты» настроен для компании с филиалами
назад3 тип главной страницы Настройка отображения и редактирование блоковвперед
Настройка отображения и редактирование блоков
В Аспро: Приорити реализован гибкий механизм настройки главной страницы. Только вы определяете, что первым делом видят посетители на главной, открывая ваш сайт. Вы можете помочь своим клиентам быстро перейти к нужным им разделам и привлечь их внимание к нужным вам товарам, услугам, проектам, акциям, пресс-релизам и т.д.
Решение предлагает очень простую и легкую настройку, доступную из публичной части – включайте нужные и отключайте ненужные блоки, меняйте их внешний вид и сохраняйте изменения прямо во время просмотра страницы.
Помимо управления внешним видом блоков в публичной части, вы можете управлять и их содержимым (возможность поддерживается большинством блоков). Редактируйте и наполняйте блоки и связанные с ними разделы с главной страницы.
Содержание главы:
назад4 тип главной страницы Настройка отображения блоковвперед
Настройка отображения блоков
Настроить внешний вид блока можно как в публичной, так и в административной части сайта.
Для настройки из публички разверните виджет настроек.
Переключитесь на вкладку «Главная». Здесь находятся:
- переключатель типов главной;
- конструктор страницы;
3. перечень доступных шаблонов.
Чтобы включить или отключить отображение блока, разверните параметры страницы.
Сместите переключатель вправо, чтобы активировать блок, влево – деактивировать.
Смена шаблона блока доступна не только через виджет, но и прямо на странице. У каждого блока, который имеет более одного шаблона, есть кнопки, позволяющие пролистать доступные варианты (1). А во время примерки шаблонов появляется кнопка, с помощью которой можно тут же сохранить изменения (2).
Чтобы сохранить изменения в виджете, нажмите одноименную кнопку (2). Также здесь вы можете сбросить свои изменения и вернуться к настройкам по умолчанию (1).
Действия, доступные в публичной части сайта (кроме возврата настроек по умолчанию), можно также произвести в центре управления Аспро: Priority → Настройки.
Пролистайте параметры до группы «Главная». Здесь под типом страницы находится его конструктор. Установите или снимите галку, чтобы соответственно включить или отключить отображение блока.
Под списком блоков вы можете найти доступные шаблоны.
Чтобы сохранить изменения нажмите «Применить».
назадНастройка отображения и редактирование блоков Шаблонывперед
Шаблоны
Решение Аспро: Приорити содержит сменные шаблоны для следующих блоков.
Содержание главы:
назадНастройка отображения блоков «Услуги»вперед
«Услуги»
Блок с категориями услуг на главной можно оформить 9 способами:
- С табами и картинками
Отображается одно из направлений деятельности компании, оформленное картинкой, описанием, перечнем входящих в категорию услуг и большой кнопкой, привязанной к соответствующему подразделу. Для переключения между категориями следует использовать табы слева от анонса.
2. С табами и иконками
Внешний вид шаблона аналогичен первому варианту. Но в отличие от него, вместо картинки для анонса категории используется иконка.
3. С картинками и текстом слева
Категории в блоке представлены в виде картинок с названием под ними. Расположены они плиткой справа от небольшого описания и кнопки, ссылающейся на раздел с услугами.
4. С иконками и текстом слева
Шаблон аналогичен предыдущему варианту с той лишь разницей, что для оформления анонсов категорий вместо картинок используются иконки.
5. С картинками и подразделами
Блок имеет вид списка категорий, разбитого на 2 колонки. Анонсы категорий представлены в виде картинки (слева), названия и перечня входящих в нее услуг (справа).
6. С иконками и подразделами
Аналог 5-го шаблона, использующий вместо картинок для анонсов категорий иконки.
7. С картинками и описанием
Шаблон похож на вариант №5, но вместо подразделов здесь используется описание направления деятельности компании.
8. С иконками и описанием
Аналог предыдущего шаблона с иконками вместо картинок.
9. С иконками и названием
Категории услуг отображаются плиткой в виде иконок с названиями.
«Проекты»
Блок проекты имеет 2 шаблона:
- Блочный 1 – размещает анонсы отобранных вами для демонстрации проектов в один ряд и поддерживает отображение анонсов разного размера.
2. Блочный 2 – размещает анонсы проектов плиткой по 3 штуки в 2 ряда. Анонсы имеют одинаковый размер.
назад«Услуги» «Продукция»вперед
«Продукция»
Для блока с категориями товаров доступно 10 шаблонов. Они аналогичны шаблонам для раздела «Услуги», поэтому не будем останавливать на них подробно, а просто перечислим:
- С табами и картинками
2. С табами и иконками
3. С картинками и текстом слева
4. С иконками и текстом слева
5. С картинками и подразделами
6. С иконками и подразделами
7. С картинками и описанием
8. С иконками и описанием
9. С картинками и названием
10. С иконками и названием
«Отзывы»
Блок с мнениями клиентов может расположить данные об авторе отзыва:
- Сверху
2. Справа
назад«Продукция» «О компании»вперед
«О компании»
Блок «О компании» можно представить:
- С текстом и прямоугольной картинкой
Блок содержит текст, дополненный 2мя кнопками. Одна привязана к странице «О компании», другая – к форме обратной связи «Задать вопрос». Справа от текста располагается прямоугольная картинка. Это единственный шаблон, в котором изображение активно. Клик по нему вызывает видеопроигрыватель.
2. С текстом и картинкой без фона
Внешний вид блока похож на предыдущий вариант. Отличие заключается в использовании изображения без фона, что создает впечатление размытости границ картинки.
3. С текстом, картинкой и фоном
Блок можно оформить как баннер – фоновым изображением и активной картинкой, заполняющей пространство справа от текста с кнопками.
4. С текстом слева и текстом с иконками справа
В этом варианте с правой стороны выводится тизеры преимуществ сотрудничества с вашей компанией, а описание, которое в других шаблонах размещается с левой стороны, выводится над ними. Слева все так же располагается заголовок блока и кнопки.
«Тизеры»
Доступны 2 варианта отображения тизеров:
- 3 в ряд с описанием сбоку
2. 4 в ряд с описанием снизу
-
«Сотрудники»
Блок с сотрудниками на главной может быть:
- С большой картинкой
В слайдере за раз отображается один сотрудник. Его фото размещается в круглой рамке слева, а контактная информация и краткие сведения о специализации – справа.
2. С текстом в картинке
Слайдер демонстрирует по 3 фотографии с ФИО специалистов и названиями должностей на них. Чтобы узнать дополнительную информацию, следует навести указатель на фото (краткие сведения отобразятся поверх анонса) или кликнуть по нему (откроется страница с подробной информацией о квалификации и успехах сотрудника в работе).
3. С текстом под картинками
Шаблон похож на предыдущий вариант. Разница в том, что ФИО сотрудника и его должность отображаются не поверх фотографии, а под ней. И при наведении указателя на анонс поднимается нижняя шторка, которая содержит краткие сведения о работнике.
назад«О компании» «Сотрудники»вперед
«Сотрудники»
Блок с сотрудниками на главной может быть:
- С большой картинкой
В слайдере за раз отображается один сотрудник. Его фото размещается в круглой рамке слева, а контактная информация и краткие сведения о специализации – справа.
2. С текстом в картинке
Слайдер демонстрирует по 3 фотографии с ФИО специалистов и названиями должностей на них. Чтобы узнать дополнительную информацию, следует навести указатель на фото (краткие сведения отобразятся поверх анонса) или кликнуть по нему (откроется страница с подробной информацией о квалификации и успехах сотрудника в работе).
3. С текстом под картинками
Шаблон похож на предыдущий вариант. Разница в том, что ФИО сотрудника и его должность отображаются не поверх фотографии, а под ней. И при наведении указателя на анонс поднимается нижняя шторка, которая содержит краткие сведения о работнике.
назад«Тизеры» «Партнеры»вперед
«Партнеры»
Блок с логотипами партнеров может быть:
- с заголовком
2. без заголовка
назад«Сотрудники» «Контакты»вперед
«Контакты»
Для блока с картой разработано 2 шаблона:
- Для компаний без филиалов (один офис)
2. Для компаний с множеством представительств (с филиалами)
назад«Партнеры» Редактирование блоковвперед
Редактирование блоков
В этой главе вы узнаете какие возможности редактирования блоков доступны в публичной и административной части сайта.
Чтобы увидеть элементы управления, доступные в публичке, переключитесь в режим правки и наведите указатель на интересующий вас блок.
Содержание главы:
назад«Контакты» Большие баннерывперед
Большие баннеры
В публичной части сайта большие баннеры на главной в режиме правки можно изменить (1) , удалить (2) или добавить**(3)**. При этом операции изменения и удаления будут применены к демонстрируемому баннеру.
Для управления большими баннерами из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Большие банеры.
Нажмите одноименную кнопку, чтобы добавить новый баннер (1). Если вам необходимо изменить (2) , удалить (4) или скрыть на сайте (3) существующий, вызовите меню кнопки «Гамбургер» и выберите соответствующий пункт.
Все настройки, связанные с оформлением отображения баннера, хранится в карточке. Узнать подробнее о том, как работать с карточкой большого баннера вы можете в этом уроке.
назадРедактирование блоков Контактывперед
Контакты
Возможности редактирования блока с картой зависят от выбранного вами шаблона. В варианте для компаний с множеством представительств в режиме правки вы можете изменять (2) и удалять (3) информацию о филиалах, а также вносить сведения о новых отделениях (1).
Шаблон для компаний с одним офисом позволяет в публичной части только добавлять новые карточки.
Управлять карточками вы можете в админке. Для этого перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Контакты. Если вы используете распределение филиалов по разделам, откройте тот раздел, сведения в котором требуют изменений.
Чтобы добавить информацию о новом филиале, нажмите «Добавить элемент» (1). Для изменения**(2)** , удаления (4) и отключения отображения сведений (3) , имеющихся в базе, используйте меню кнопки «Гамбургер».
Чтобы выделить из всех офисов главный или вывести контактные данные в блок с шаблоном «Один офис», установите в карточке соответствующую отметку:
Подробнее о карточках с информацией об офисах, читайте главу «Контакты».
назадБольшие баннеры Наши партнерывперед
Наши партнеры
В блоке «Наши партнеры» в режиме правки вы может изменять (2), удалять (3) существующие карточки партнеров и добавлять новые (1).
В данном блоке выводятся все элементы одноименного раздела. Его карточки в админке хранятся в Рабочий стол → Контент → Контент (aspro.priority) → Партнеры.
При помощи меню кнопки «Гамбургер» вы можете изменять (2), удалять (4), отключать отображение информации (3) о действующем партнере. Для добавления нового партнера используйте одноименную кнопку (1).
Узнать подробнее о том, как редактировать карточки партнеров вы можете из этого урока.
назадКонтакты Информационный блоквперед
Информационный блок
Указатель над информационным блоком в режиме правки вызывает меню, позволяющее изменить (1) , удалить (3) или создать новый (2) набор настроек для статичных страниц (для рассматриваемого блока, а также блока «О компании» и визитки из раздела «Карьера»).
Как уже упоминалось в описании редактирования блока «О компании», найти набор настроек в админке вы можете в Рабочий стол → Контент → Контент (aspro.priority) → Статичные страницы.
Элементы управления уже должны быть вам знакомы – это отдельная кнопка для создания пустой карточки под новые настройки (1) и меню кнопки «Гамбургер» для изменения (2) и удаления (3) текущих.
Внимание! Удаление набора текущих настроек приведет к тому, что настройки будут сброшены как для информационного блока, так и для блока «О компании» и визитки из раздела «Карьера».
Чтобы заменить демо-данные информационного блока на свои, пролистайте карточку с настройками для статичных страниц до группы «Есть идеи, но не знаете с чего начать?»:
И:
- при необходимости смените заголовок в одноименном поле (1) ;
- включите или отключите кнопки с привязанными формами «Обратный звонок» и «Оставить заявку» (2) ;
- загрузите свою картинку (3) и добавьте свое описание (4).
назадНаши партнеры Дополнительные баннеры справа от основноговперед
Дополнительные баннеры справа от основного
Маленькие верхние баннеры справа от больших в публичной части сайта можно только изменить (1) или удалить (2).
Добавить новый маленький баннер можно только в админке. Перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Верхние маленькие баннеры. Нажмите одноименную кнопку, чтобы добавить новый баннер (1).
Также здесь вы можете изменить (2), удалить (4) или отключить отображение (3) существующего баннера. Вызовите меню кнопки «Гамбургер» и выберите нужный пункт.
Подробнее о том, какие параметры и как заполнять при создании верхних маленьких баннеров, читайте здесь.
назадИнформационный блок Плавающие баннерывперед
Плавающие баннеры
В публичной части в режиме правки наведите курсор на плавающий баннер, чтобы изменить его (2) или удалить (3). Указатель над блоком с плавающими баннерами также вызывает панель с кнопкой «Добавить баннер» (1).
Для управления плавающими баннерами из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Плавающие баннеры.
Чтобы создать новый баннер, нажмите соответствующую кнопку (1). Чтобы изменить (2), удалить (4) или отключить (3) существующий – меню кнопки «Гамбургер».
Узнать о возможностях оформления плавающих баннеров подробнее вы можете в этом уроке.
назадДополнительные баннеры справа от основного Тизерывперед
Тизеры
Блок с тизерами в публичной части сайта не позволяет изменять или удалять элементы. В режиме правки вы можете только добавить новый.
Полное управление над содержимым блока доступно только в административной части сайта. Перейдите в Контент (1) → Реклама и баннеры (aspro.priority) (2) → Тизеры (3).
Для добавления нового элемента отведена отдельная кнопка (1) , а для изменения (2) , деактивации (3) и**** удаления (4) — меню кнопки «Гамбургер».
Создавая новый тизер, в его карточке вы можете:
- включить или отключить отображение тизера на сайте**(1)** ;
- вывести его на главную страницу (7) ;
- загрузить для тизера изображение (иконку) (4) ;
- добавить ему небольшое описание (8) ;
- дать ему понятное лаконичное название, которое будет отображаться над описанием (2) ;
- при необходимости сделать тизер кликабельным – привязать к нему страницу (6) ;
- использовать для иконки тизера базовый цвет сайта (5) ;
- определить его положение в блоке (3) – чем ниже индекс сортировки, тем левее положение тизера в блоке.
Вывод тизеров svg в исходном виде
Теперь в Аспро: Приорити вы можете включить инлайновую SVG иконку для тизеров. При активации этой функции изображение SVG встраивается в код в исходном виде без тега img, но только на главной странице. Это поможет сохранить исходный размер изображения и избежать его искажения при разных размерах экрана.
Для того, чтобы активировать настройку, пройдите путь: Контент → Реклама и баннеры (aspro.priority) → Тизеры.
Затем поставьте галочку возле опции «Включить инлайновую SVG иконку». Сохраните изменения.
назадПлавающие баннеры Услугивперед
Услуги
Блок с услугами в публичной части сайта в режиме правки позволит вам изменить (2) , удалить**(3)** раздел (категорию) и добавить услугу (1).
Для управления содержимым блока из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Услуги.
Здесь вы можете не только изменить**(2)** или удалить (3) раздел (категорию) через меню кнопки «Гамбургер», но и добавить новую с помощью одноименной кнопки (1).
Также, если вы откроете раздел (например, «Автоматизация бизнеса»), то сможете управлять его содержимым – добавлять в список новые услуги**(1)** , изменять (2) , удалять (4) , отключать отображение (3) существующих.
Так как блок связан с одноименным разделом, управлять его содержимым вы можете и изнутри самого раздела в публичке. Подробнее об этом, а также о карточках категорий и услуг читайте здесь.
Содержание главы:
назадТизеры Возможность отображать услуги на главнойвперед
Возможность отображать услуги на главной
Аспро: Приорити позволяет выводить блок услуг на главной странице. С его помощью можно сразу сообщить клиенту, какие услуги вы предлагаете. До обновления 1.2.16 блок отображал только разделы. Это удобно, если ваша компания предлагает много разных услуг. Например, для сервисных центров. Однако если у вас на сайте небольшое количество услуг, выводить их разделами неудобно — это требует от посетителя лишний клик.
В обновлении 1.2.16 мы настроили вывод отдельных услуг. Это альтернативный вариант отображения и его нельзя совместить с показом разделов. Либо отдельные услуги, либо разделы.
Блок разделов услуг на главной:
Блок отдельных услуг:
Чтобы включить такое отображение, нужно зайти в административную часть сайта и там проделать путь Аспро (1) → Приорити(2) → Настройки(3).
В настройках нужно спуститься ниже и найти подраздел «Услуги». В нем нужно отметить галкой пункт «Выводить только услуги в блоке на главной».
Обратите внимание: чтобы блог услуг выводился на главной, в подразделе «Главная» должна стоять соответствующая галка. Сохраняем изменения
Чтобы выбрать, что будет выводиться в блоке, нужно открыть форму настройки услуги и поставить галку «Показывать на главной».
Если этого пункта нет в форме редактирования, необходимо добавить ее. Нажмите на шестеренку.
В выпадающем меню выбирите пункт «Настройки».
В редакторе формы в перечнях «Доступные вкладки» (1) и «Вкладки» (2) выделите пункт «Услуга». В списке «Доступные поля» выберите «Показывать на главной» (3). Затем нажмите кнопку с изображением стрелки**(4)** и сохраните изменения.
Проекты
Блок с проектами в публичной части сайта позволит вам добавить новый проект (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 код .
-
Отзывы
Блок с отзывами в режиме правки позволит вам отредактировать (2) , удалить (3) отображаемый элемент или создать новый**(1)**.
Содержимое блока формируется из карточек, хранящихся в Рабочий стол → Контент → Контент (aspro.priority) → Отзывы клиентов.
Здесь вы можете включить или отключить отображение отзыва на сайте – вызовите меню кнопки «Гамбургер» и выберите активировать или деактивировать отзыв (3). А также изменить (2) или удалить (4) выделенный элемент. Чтобы добавить новый отзыв в базу, кликните одноименную кнопку (1).
Подробнее о карточках отзывов вы можете узнать из одноименной главы.
назадО компании Наша командавперед
Наша команда
В режиме правки через блок с сотрудниками можно изменить (2) или удалить (3) их карточки, а также добавить новые (1).
То же самое вы можете проделать в админке. Для этого перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Команда. Если вы используете распределение карточек сотрудников по разделам (например, отделам), откройте раздел, в состав которого требуется внести изменения. Для примера откроем раздел «Руководители».
Чтобы добавить нового члена команды, используйте соответствующую кнопку (1). Для изменения (2) , удаления (4) или отключения отображения (3) существующей карточки сотрудника используйте меню кнопки «Гамбургер».
Карточки сотрудников и разделов подробно рассматриваются в этом уроке.
Пресс-центр
В данном блоке в режиме правки доступно изменение (2) , удаление (3) выделенного элемента и создание нового (1).
Карточки новостей, выводимых в этом блоке, в админке вы можете найти в Рабочий стол → Контент → Контент (aspro.priority) → Пресс-центр. Если вы сортируете новости по типу (разделам), откройте раздел, в котором должна содержаться редактируемая новость. Например, раздел «Пресс-релиз».
Элементы управления здесь стандартны – отдельная кнопка (1) для добавления новой статьи и меню кнопки «Гамбургер» для изменения (2) , удаления (4) или отключения существующей (3).
В блок «Пресс-центр» на главной выводятся не все новости, а только те, для которых в карточке вы установите соответствующую метку:
Подробнее о настройке статей и разделов читайте здесь.
назадНаша команда Информационный блоквперед
Информационный блок
Указатель над информационным блоком в режиме правки вызывает меню, позволяющее изменить (1) , удалить**(3)** или создать новый (2) набор настроек для статичных страниц (для рассматриваемого блока, а также блока «О компании» и визитки из раздела «Карьера»).
Как уже упоминалось в описании редактирования блока «О компании», найти набор настроек в админке вы можете в Рабочий стол → Контент → Контент (aspro.priority) → Статичные страницы.
Элементы управления уже должны быть вам знакомы – это отдельная кнопка для создания пустой карточки под новые настройки (1) и меню кнопки «Гамбургер» для изменения (2) и удаления (3) текущих.
Внимание! Удаление набора текущих настроек приведет к тому, что настройки будут сброшены как для информационного блока, так и для блока «О компании» и визитки из раздела «Карьера».
Чтобы заменить демо-данные информационного блока на свои, пролистайте карточку с настройками для статичных страниц до группы «Есть идеи, но не знаете с чего начать?»:
И:
- при необходимости смените заголовок в одноименном поле (1) ;
- включите или отключите кнопки с привязанными формами «Обратный звонок» и «Оставить заявку» (2) ;
- загрузите свою картинку (3) и добавьте свое описание (4).
назадПресс-центр Управление расположением блоковвперед
Управление расположением блоков
Менять блоки местами на главной странице очень легко. Делать это можно как в публичной, так и в административной части сайта.
Для управления положением блоков из публичной части сайта разверните виджет настроек.
Переключитесь на вкладку «Главная». Выберите для себя один из типов страницы и нажмите «Параметры».
Ниже появится список блоков с выключателями и вертикальными стрелками. Наведите указатель на стрелки на строке с названием блока, который нужно сместить. Зажмите левую кнопку мыши и перетащите блок вверх или вниз.
В качестве примера поменяем местами блоки с плавающими баннерами и услугами.
Вид главной страницы до изменений:
Вид страницы после изменений:
Проделать то же самое можно в админке можно в Рабочий стол → Аспро: Priority → Настройки.
Пролистайте настройки до группы «Главная». Здесь также под переключателем типа главной страницы находится перечень блоков. Принцип действия для компоновки аналогичен – зажмите левой кнопкой мыши стрелки на нужной строке и переместите ее вверх или вниз.
назадИнформационный блок Баннерывперед
Баннеры
В этой главе рассматриваются основные типы баннеров, способы создания и редактирования баннеров.
Нужна помощь?
Доверьте создание изображений нашим дизайнерам — они учтут все технические нюансы и разработают безупречный баннер. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
назадУправление расположением блоков Типы баннероввперед
Типы баннеров
В состав главной страницы сайта входят 3 вида баннеров:
1. Большие баннеры – используются для продвижения приоритетных услуг, типовых проектов, категорий товаров, а также для информирования пользователей о важных новостях в жизни компании, новых акциях, специальных предложениях и т.д. Баннеры данного типа располагаются вначале страницы, занимают большую область и позволяют использовать для оформления новости/предложения не только картинку, но и видео. Поверх большого баннера можно разместить небольшое описание и кнопки навигации.
2. Дополнительные баннеры – небольшие кликабельные статичные изображения без кнопок и возможности загрузки видео. Картинки имеют фиксированный размер и положение. Размещаются они справа от больших баннеров. Данный вид доступен только в третьем типе главной страницы.
3. Плавающие баннеры , как и дополнительные, представляют из себя кликабельную картинку без кнопок и возможности загрузки видео. Но, в отличие от дополнительных, они идут отдельным блоком, положение которого можно изменять. Также для плавающих баннеров можно задать разный размер.
назадБаннеры Создание и редактирование баннероввперед
Создание и редактирование баннеров
В этой главе рассматриваются способы создания и инструменты для редактирования баннеров.
Содержание главы:
назадТипы баннеров Большие баннеравперед
Большие баннера
Управлять большими баннерами на главной можно как в публичной, так и в административной части сайта.
Для работы с баннерами в публичке включите режим правки.
Наведите указатель на баннер. Появятся 2 панели, которые позволят изменить (1) или удалить (2) демонстрируемый баннер, а также добавить новый (3).
Для редактирования баннеров в админке перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Большие банеры.
Нажмите одноименную кнопку, чтобы создать новый баннер (1) , или вызовите меню кнопки «Гамбургер», чтобы изменить (2) , удалить (4) или скрыть выделенный баннер на сайте (3).
Основной баннер может быть составным — из фоновой и активной картинки. В этом случае фоновая картинка загружается на вкладке «Подробно», а активная – на вкладке «Анонс». На мобильных устройствах активная картинка будет скрыта. Рекомендуем использовать абстрактное фоновое изображение, так как оно может обрезаться при уменьшении разрешения экрана.
При добавлении нового или изменении существующего баннера вы попадете в редактор карточки. Рассмотрим ее содержимое подробнее.
Содержание главы:
назадСоздание и редактирование баннеров Вкладка «Элемент»вперед
Вкладка «Элемент»
На этой вкладке вы можете:
- включить/отключить отображения баннера на сайте (1) ;
- при необходимости задать период демонстрации баннера**(2)** ;
- дать баннеру название, которое будет использоваться как заголовок (3) ;
- определить последовательность показа баннеров (4) – чем меньше индекс сортировки, тем раньше демонстрация;
- выбрать типа баннера (5) : с текстом (справа или слева) или без него;
- привязать к баннеру нужную страницу (например, раздела, товара, услуги, проекта и т.д.) (6) ;
- определить цвет текста (7) и заголовка (8) , выводимых на баннере: светлый или темный;
- добавить пояснение о том, из какого раздела демонстрируется услуга, товар, новость (9) ;
- добавить на баннер кнопки (10) – дать им название, связать с нужной страницей и определить стиль оформления кнопки.
назадБольшие баннера Вкладка «Видео»вперед
Вкладка «Видео»
Параметры с этой вкладки позволят вам использовать видео вместо картинки или привязать его к ней.
Для этого:
- установите галку «Показывать видео» (1) , чтобы сделать его доступным для пользователей;
- загрузите видеофайл в систему**(10)** и/или привяжите ролик с youtube (9) (подробнее в уроке «Добавление видеоролика с «Youtube»»);
- укажите его источник**(8)** – видео из файла или «html embed код », соответственно;
- установите галку «Повторять видео» (5) , если требуется зациклить воспроизведение ролика;
- для отключения звука, установите галку у одноименного параметра**(7)**.
Внимание! Пользователи не смогут самостоятельно включать или отключать звук при просмотре видео на сайте.
Если вы хотите использовать видеоролик вместо статичной картинки, активируйте «Автовоспроизведение» (5). Если же вы хотите позволить пользователям самостоятельно решать смотреть ролик или нет, снимите галку «Автовоспроизведение» и привяжите видео к кнопке. Для этого дайте кнопке название (2) и при необходимости определите ей нужный стиль оформления (3) (подробнее о стилях оформления в главе «Рекомендации для графических материалов»).
Также дополнительные настройки позволяют «подогнать» размер видео под параметры области для больших баннеров (6) и выбрать цвет подложки (11) :
- темный
- светлый
назадВкладка «Элемент» Вкладка «Анонс»вперед
Вкладка «Анонс»
Текст, выводимый поверх баннера, указывается на вкладке «Анонс». Инструменты визуального редактора помогут вам оформить описание.
Изображение, загруженное на вкладку «Анонс», будет скрываться на мобильных устройствах.
назадВкладка «Видео» Вкладка «Подробно»вперед
Вкладка «Подробно»
Статичная картинка загружается на вкладке подробно.
О том, какие изображения лучше использовать для больших баннеров, читайте также в главе «Рекомендации для графических материалов».
назадВкладка «Анонс» Добавление видеоролика с «Youtube»вперед
Добавление видеоролика с «Youtube»
Чтобы добавить видео с Youtube, откройте его в браузере. Нажмите кнопку «Поделиться»(1) , а затем «Встроить» (2).
В открывшемся окне кликните «Копировать». Код видео будет помещен в буфер обмена.
Вернитесь к карточке баннера и вставьте скопированный код в соответствующее поле (2).
Также выберете здесь в качестве источника видео «html embed код » (1) и сохраните изменения.
назадВкладка «Подробно» Дополнительные баннеры справа от основноговперед
Дополнительные баннеры справа от основного
Маленькие баннеры, дополняющие большие в публичной части сайта можно только изменить или удалить.
Для вызова элементов управления переключитесь в режим правки.
Наведите указатель на баннер, который требуется удалить (2) или изменить (1). Над ним появится панель с нужными кнопками.
Для добавления нового маленького баннера перейдите в админке в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Верхние маленькие баннеры.
Под создание нового элемента отведена отдельная кнопка (1).
Здесь вы также можете изменить (2) , удалить (4) или отключить (3) существующий баннер – вызовите меню кнопки «Гамбургер» и выберите нужный пункт.
Настройки маленьких баннеров, как и прочих подобных элементов, хранятся в карточках. Рассмотрим карточку дополнительных баннеров подробнее.
Здесь вы можете:
- включить/отключить отображение баннера на сайте (1) и при необходимости определить в какой период его должно быть видно (2) ;
- загрузить картинку (5) ;
- дать ей название (заголовок) (3) – поле обязательно для заполнения;
- при желании вывести над заголовком название раздела (6) , из которого демонстрируется услуга, товар или новость;
-
указать цвет названия раздела и заголовка на баннере: светлый или темный (8)
-
привязать к баннеру страницу (7) ;
-
определить на какой позиции будет располагаться баннер (4) – низкий индекс сортировки поднимет баннер наверх, высокий спустит вниз.
назадДобавление видеоролика с «Youtube» Плавающие баннерывперед
Плавающие баннеры
Карточки плавающих баннеров в админке хранятся в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Плавающие баннеры.
Здесь вы можете создавать новые баннеры при помощи одноименной кнопки (1) , и изменять (2) , удалять (4) или отключать (3) существующие через меню кнопки «Гамбургер».
Редактировать плавающие баннеры, удалять их и создавать новые можно не только в админке, но и на главной странице. Для этого в публичной части сайта включите режим правки.
Наведите указатель на один из баннеров. Над ним появятся 2 меню, которые позволят вам создать новый баннер (1) и изменить (2) или удалить (3) выделенный.
Создание и изменение плавающих баннеров происходит с помощью редактора карточек. Рассмотрим параметры плавающего баннера подробнее.
В карточке рассматриваемого элемента вы можете:
- включить/отключить отображение баннера на сайте (1) ;
- определить в какой период он будет виден пользователям**(2)** ;
- загрузить картинку (5) ;
- привязать к ней нужную страницу (7) ;
- вывести на баннер заголовок (поле обязательно для заполнения) (3) и название связанного раздела (6) ;
- задать цвет текста для заголовка и названия связанного раздела: светлый или темный (8) ;
- определить позицию баннера в блоке (4) – чем меньше индекс сортировки, тем левее положение баннера;
- выделить баннер среди других, сделав его широким (9).
назадДополнительные баннеры справа от основного Виджет Instagram*вперед
Виджет Instagram*
Виджет Instagram* располагается на главной странице сайта. Изображения в этот блок подгружаются автоматически из привязанного к сайту аккаунта Instagram. Вы можете настроить виджет из публичной и административной части сайта.
Настройка виджета Instagram из публичной части
Чтобы включить отображение Instagram на главной странице откройте виджет (1) в публичной части сайта и переключитесь на вкладку «Главная» (2). Нажмите на «Параметры главной страницы».
Активируйте Instagram на главной, если он у вас выключен. И примените настройки.
На этой же вкладке вы можете выбрать вид отображения виджета на главной странице:
- Слайдером
- Плиткой
- Блочный.
Настройка виджета Instagram из административной части
Перейдите в административный раздел (1) , выберите Аспро (2) , перейдите в Настройки (3).
В категории «Главная» поставьте галочку напротив «Инстграм» на главной и нажмите «Применить». Виджет стал активен. На этой же странице можно настроить вид отображения виджета:
- Плиткой
Так выглядит отображение на главной странице 
- Слайдер
Вид на сайте:
- Блочный
Вид на сайте:
Получение Access Token (API Token)
Для того, чтобы настроить отображение снимков, необходимо получить специальный код Access Token и добавить его на сайт с помощью настроек решения. Как получить токен, написали в документации.
Перейдите в административную часть вашего сайта: Аспро: Priority → Настройки. Найдите поле API token для инстаграма. Скопируйте туда код Access Token и нажмите кнопку «Применить».
Готово! Ваши снимки появятся на главной странице.
*Instagram — принадлежит компании Meta, которую признали экстремистской, запрещён на территории РФ.
назадПлавающие баннеры Дизайн-Менеджер Аспровперед
Дизайн-Менеджер Аспро
Дизайн-Менеджер Аспро – это удобный и простой в использовании инструмент, который позволит вам изменять дизайн и оформление вашего сайта на лету. Вы сможете:
- включать, отключать, менять местами блоки и баннеры главной страницы в режиме реального времени
- быстро применять варианты верстки блоков главной страницы, шапки и футера сайта
- самостоятельно, без помощи программиста, скомпоновать вид страницы сайта исходя из своих потребностей.
Виджет Дизайн-менеджера Аспро расположен в левом верхнему углу сайта рядом с виджетом настроек. Нажмите на него, чтобы включить.
В нижней части страницы появятся панель с блоками, которых нет на главной странице.
Чтобы добавить эти блоки на страницу, нажмите символ «+» рядом с необходимым блоком и он тут же отобразится.
Если вы хотите удалить или переместить блок, воспользуйтесь функционалом в правом углу. Символ «х» (1) позволит удалить блок. Он опять появится на панеле внизу страницы. Чтобы поднять или опустить блок, воспользуйтесь стрелками (2).
Вы можете изменять внешний вид блоков – наведите курсор и появятся варианты отображения блоков.
Вы также можете поменять местами, удалить или добавить плавающие баннеры. Если баннеров нет на странице, то они отображаются как неиспользуемые элементы на нижней панели.
Функционал работы с баннерами аналогичен работе с блоками – вы можете переместить их вверх или вниз на странице или совсем отключить.
В Дизайн-менеджере вы можете менять варианты отображения шапки и футера сайта. Если вы хотите выбрать вариант отображения шапки – наведите курсор на верхнюю часть страницы, чуть выше большого баннера. Появится нумерованный список Переключая цифры, вы увидите как меняется внешний вид шапки.
Аналогично с футером – наведите курсор на нижнюю часть страницы, появится нумерованный список вариантов.
Чтобы вернуть первоначальный вид страницы, до внесенных вами изменений, на панеле внизу страницы, в правом углу нажмите на круговые стрелки. Чтобы закрыть Дизайн-Менеджер, нажмите на символ «X».
назадВиджет Instagram* Основные разделывперед
Полная версия курса: Аспро: Приорити в базе знаний Аспро. Вопросы по внедрению, настройке или обновлению решения — свяжитесь со мной.
Работаю удалённо — цены и условия для вашего города: