Рекомендуем ознакомиться с содержанием раздела «Поддержка» вашего хостинга, который может содержать готовые инструкции по установке 1С-Битрикс.
Также вам будут полезны эти материалы:
1. Загрузите файл установки bitrixsetup.php с официального сайта 1С-Битрикс.
2. В личном кабинете хостинга перейдите в панель управления услугой: в Товары/Услуги (1) выберите услугу (2) и нажмите «Перейти».
3. Загрузить файл нужно будет в корневую папку. Чтобы узнать ее, перейдите в WWW (1) → WWW-домены (2). Путь отображается в столбце «Корневая директория».
4. Перейдите в Менеджер файлов (1) и загрузите файл bitrixsetup.php в корневую директорию сайта (2).
5. Загрузите файл.
6. Создайте базу данных. Для этого перейдите в Главное (1) → Базы данных (2). Нажмите кнопку «Создать».
7. Заполните информацию о базе данных: Имя (1), Имя пользователя (2), создайте или сгенерируйте пароль (3).
Если нет возможности подключить боевой домен к сайту — на нем старый сайт или в данный момент нет к нему доступа, необходимо создать новый домен.
Создаем новый www-домен с наименованием основного домена — sitename.ru. Переходим в WWW (1) → WWW-домены (2). Выделите домен вашего сайта и нажмите «Изменить».
В настройках www-домена поставьте галочку в графе «Использовать технологический домен вида bx....ru».
1. В браузере перейдите по адресу: доменвашегосайта/bitrixsetup.php. Откроется страница установки. Выберите дистрибутив и версию продукта.
2. Ознакомьтесь с приветствием и нажмите «Далее».
3. Прочитайте лицензионное соглашение и примите его условия.
4. Введите данные пользователя и перейдите к следующему шагу.
5. Ознакомьтесь с параметрами системы. Если все в порядке, переходите далее.
6. Введите данные базы данных, которую создавали ранее: имя пользователя (1), пароль (2) и имя базы данных (3).
7. Установите продукт.
8. Создайте администратора.
9. Выберите решение для установки.
10. Подтвердите настройки продукта.
Готово! Установка 1С-Битрикс успешно завершена.
Если вы используете хостинг Reddock для 1С-Битрикс, вам доступна упрощенная установка решения. Используйте все возможности, чтобы сократить время на установку.
1. Чтобы установка была корректной, необходимо разблокировать всплывающее окно браузера. Для этого воспользуйтесь документацией. Прилагаем ссылки на обучающие статьи для популярных браузеров:
2. Авторизуйтесь на хостинге Reddock.
3. На панели меню слева перейдите в Главное (1) → Менеджер файлов (2). Перейдите в папку «www» → «доменвашегосайта».
4. Выделите все файлы и директории нажатием клавиш Ctrl + Shift + A. Затем нажмите кнопку «Удалить».
4.1 Если у вас виртуальный хостинг: на панели меню слева перейдите в WWW (1) → WWW-домены (2). Выделите домен, для которого нужно установить 1С-Битрикс, и нажмите кнопку «Установка 1C-Bitrix».
4.2 Если виртуальный сервер: На панели меню слева перейдите в WWW (1) → Сайты (2). Выделите домен, для которого нужно установить 1С-Битрикс, раскройте меню RED.Tools и нажмите кнопку «Установка 1C-Bitrix».
Скопируйте адрес сайта, вставьте его в адресную строку на новой вкладке и вместо index.php после знака «/» пропишите «bitrix». Получится ссылка вида <вашсайт.hostdk.ru/bitrix>.
Зайдите в административную панель сайта и перейдите в Marketplace (1) → Обновление платформы (2).
Во вкладке «Установка обновлений» откройте лицензионное соглашение, чтобы ознакомиться с ним.
Прочитайте соглашение, активируйте поле «Я принимаю лицензионное соглашение» (1) и нажмите на «Применить» (2) .
Переходим к активации лицензионного ключа и созданию аккаунта на сайте www.1c-bitrix.ru. В этой же вкладке спуститесь ниже и нажмите кнопку «Активировать ключ».
Заполните открывшуюся форму: введите имя, фамилию, логин и пароль для входа на сайт, а также e-mail. Нажмите кнопку «Активировать ключ» внизу формы.
Нажмите кнопку «Установить рекомендуемые обновления».
Важно! Если при попытке установить обновления система выдает ошибку, проверьте, установлены ли необходимые модули 1С-Битрикс. Список модулей.
Если ошибки нет, то начнется установка обновлений. Дождитесь окончания процесса.
Отчет об успешной установке выглядит так:
Перейдите в раздел «Обновление решений»
На вкладке «Активация купона» введите купон и активируйте его.
Внимание! Если выдается ошибка «[CHECK_IS_BAD] Купон (чек) не действителен. Ошибка активации купона», то возможны 3 причины:
Перейдите на вкладку «Список обновлений» и выберите обновление, которое необходимо установить. Отметьте его и нажмите кнопку «Загрузить».
Начнется установка обновлений на сайт. Дождитесь окончания процесса.
После окончания вы увидите отчет об успешной установке обновлений.
Жмем кнопку «Установить».
Кликаем на «Установить готовый сайт».
Выбираем существующий сайт, если это первая установка решения.
Если это не первая установка, то читайте нашу статью про установку решения в режиме многосайтовости.
Начинается подготовка к установке продукта.
Выбираем шаблон «Аспро: Максимум — интернет-магазин» и переходим к настройкам продукта.
Выбираем тематику будущего интернет-магазина и нажимаем «Далее».
Готовая тематика — это инструмент для быстрого запуска проекта. Настройки, внешний вид элементов, изображения и тексты адаптированы под специфику бизнеса. Оформление продумано маркетологами и UX-дизайнерами. В Аспро: Максимум реализовано 4 тематики.
Примечание: тематику нельзя изменить после установки.
Затем выбираем конфигурацию и нажимаем «Далее».
Готовые конфигурации — это набор настроек оформления под определенную тематику. Структура сайта, комбинации блоков на главной странице, вид разделов, товаров и другие настройки помогут быстро запустить интернет-магазин.
Примечание: конфигурацию можно изменить после установки.
Вводим информацию о сайте: название сайта или компании, подпись, телефон для обратной связи, email, режим работы, ссылки на социальные сети. Заполняем поля с метаданными и ключевыми словами. После этого проверяем, корректно ли заполнены поля, и нажимаем кнопку «Далее».
Выбираем типы плательщиков — физическое и / или юридическое лицо. Нажимаем кнопку «Далее».
Заполняем информацию о способах оплаты и доставки, выбираем местоположения (Россия и СНГ), США, мир или выбираем пункт «Не загружать», чтобы настроить эти параметры позже. Нажимаем на кнопку «Далее».
Ожидаем, пока система установит решение.
Отчет об успешной установке продукта выглядит так:
Решение Аспро: Максимум установлено. Теперь мы можем перейти к следующему шагу — зайти на сайт и выполнить первичные настройки.
Многосайтовость — полезная возможность для развития готового проекта. Она позволяет установить два или более сайтов с одной административной панелью, в зависимости от редакции. Такой функционал поможет:
В этом видео показали, как установить сайт в режиме многосайтовости.
Для того, чтобы установить сайт в режиме многосайтовости, необходимо выполнить следующие шаги:
Рассмотрим их подробнее.
Перед началом установки в режиме многосайтовости, нужен сайт, на котором выполнена установка платформы 1С-Битрикс. Перейдем к настройке.
Символьные ссылки
Для второго сайта нужно создать символьные ссылки. Посмотреть, как их настроить, вы можете в статье 1С-Битрикс.
Резервное копирование главного сайта
Нужно сделать копирование основного сайта, в который будет устанавливаться второй. Для этого в административной части переходим в Настройки → Инструменты → Резервное копирование → Создание резервной копии. Выбираем «в папке сайта» и нажимаем кнопку «Создать резервную копию».
Добавление второго сайта
Перед установкой второго сайта нужно авторизоваться под главным сайтом.
Переходим в Настройки → Настройки продукта → Сайты → Список сайтов. Кликаем по главному сайту:
У нас уже добавлен второй сайт, поэтому на скриншоте отображаются две позиции. При первоначальной настройке здесь будет показан только один сайт.
В открывшемся окне прописываем сортировку. Она должна быть выше, чем у второго сайта. Например, пропишем в ячейке значение 100. В строке «Путь к корневой папке веб-сервера для этого сайта» выбираем «вставить текущий». После этого проверяем правильность ввода «Параметров» .
Далее авторизируемся под вторым сайтом.
Переходим в в Настройки → Настройки продукта → Сайты → Список сайтов. Нажимаем на «Добавить сайт».
В открывшемся окне прописываем параметры ID (1), Название (2), Доменное имя (3), Сортировку (4). Значение сортировки должно быть ниже, чем у главного сайта. Затем нажимаем «вставить текущий» путь к корневой папке (5) – ссылка должна отличаться от главного сайта. Далее проставляем Параметры (6), Региональные настройки (7) и кликаем кнопку «Сохранить».
Проверка сайта на ошибки и PHP-параметры
Проверяем второй сайт на ошибки. Для этого переходим в Настройки → Инструменты → Проверка системы. Нажимаем «Начать тестирование». Если во время проверки были зафиксированы ошибки, нужно их исправить для корректной работы сайта.
Чтобы проверить PHP-параметры, заходим в Настройки → Производительность → PHP. В нашем варианте версия PHP равна 7.1.28. Если есть красные пометки, то PHP имеет неверные настройки, в этом случае необходимо обратится в поддержку вашего хостинга для произведения настройки.
Запуск мастера установки
Авторизуемся под вторым сайтом. Заходим в Настройки → Настройки продукта → Список мастеров. В списке выбираем нужное решение, кликаем на гамбургер и выбираем «Установить».
В открывшемся окне переходим к настройке продукта. На вкладке «Выбор сайта» (1), кликаем на «Существующий» и выбираем второй сайт. На этапе «Выбор шаблона» (2), просто нажимаем «Далее».
Переходим к «Выбору темы» (3). Здесь представлены 17 вариантов, отличающихся по цвету – выбираем подходящий. На вкладке «Информация о сайте» (4) прописываем данные о сайте: название, подпись сайта, телефон, e-mail и другие. Здесь выбираем «Типы плательщиков» (5): физические лица, юридические лица или отмечаем обе категории. «Оплата и доставка» (6) – выбираем способы оплаты, доставки и местоположение. Далее идет «Установка решения» (7) и «Завершение настройки» (8).
После завершения установки переходим в публичную часть сайта и проверяем, чтобы все элементы отображались корректно.
Второй сайт добавлен. Теперь нужно проверить во втором сайте наличие файлов «.access.php» и «.htaccess». Файл «.access.php» отвечает за настройку прав доступа пользователей, а «.htaccess» – за перенаправление различных ссылок и обработку системных функций. Для проверки заходим в Контент → Структура сайта → Файлы и папки. Выбираем папку второго сайта.
Если нужных файлов нет, необходимо скопировать их из папки главного сайта. Для этого возвращаемся в «Файлы и папки» и заходим в главный сайт. Находим файл «.access.php», нажимаем на гамбургер и выбираем «Копировать».
В появившемся окне выбираем второй сайт и нажимаем «Копировать».
Аналогичным образом копируем файл «.htaccess».
Направляем также в папку второго сайта.
После успешной установки сайта нужно снова сделать резервное копирование. Заходим в Настройки → Инструменты → Резервное копирование → Создание резервной копии. Выбираем «в папке сайта» и отмечаем галками оба сайта. Нажимаем кнопку «Создать резервную копию».
Рекомендуем перенастроить сайт на регулярное резервное копирование. Для этого переходим в Настройки → Инструменты → Резервное копирование → Регулярное резервное копирование. На вкладке «Параметры» находим «Содержимое резервной копии» и отмечаем галками оба сайта. Нажимаем на «Сохранить».
Сайт в режиме многосайтовости создан.
Главный модуль обеспечивает общее функционирование системы, взаимодействие всех модулей продукта и позволяет создавать, поддерживать и управлять неограниченным числом сайтов.
Настройки главного модуля задаются в административной части сайта:
Настройки → Настройки продукта → Настройки модулей → Главный модуль
Описания всех настроек и параметров главного модуля можно прочитать в пользовательской документации 1С-Битрикс: Управление сайтом.
В нашей документации мы рассмотрим параметры, которые необходимо будет настроить в первую очередь для работы с сайтом.
Интерфейс настройки главного модуля делится на несколько основных вкладок:
Кроме того, в этом интерфейсе можно настроить доступность публичной части сайта – будут ли его страницы доступны глобально для просмотра или нет. Эта опция полезна, если нужно настроить и протестировать внешний вид и функционал сайта до того, как он будет открыт для всех пользователей.
Общие настройки главного модуля разделяются также на несколько групп.
Качество JPG при масштабировании изображений (7) — задает уровень сжатия для .jpg файлов в процентном отношении, где 100% — наименьшее сжатие и самое высокое качество изображения
В остальных группах свойства менять не рекомендуется. Подробнее о настройках блока “Оптимизация CSS” и о том, как с его помощью улучшить показатели в Google Page Insights, читайте в базе знаний.
Позволяет настроить локальную систему авторизации, безопасную авторизацию и регистрацию новых пользователей.
В решении сайта не предусмотрена самостоятельная регистрация пользователей и поддержка личных кабинетов. Если возникнет такая необходимость, нового пользователя может зарегистрировать администратор, также он выставит для этого пользователя права доступа.
Содержит информацию о лицензионном ключе 1С-Битрикс и имени сервера с обновлениями, адрес и порт прокси, имя пользователя прокси и пароль, а также настройки обновлений.
Настоятельно рекомендуем отметить параметр «Загружать только стабильные обновления», чтобы системе не были доступны бета-версии обновлений. Подробнее об этом читайте здесь.
В этой вкладке вы можете настроить доступы по умолчанию и для всех созданных в системе групп пользователей.
Вы можете выбрать любой уровень доступа для каждой группы. Группа «по умолчанию» включает в себя всех пользователей и посетителей сайта, в т.ч. неавторизованных. Чтобы добавить новое правило доступа для группы, нажмите ссылку «Добавить право доступа». Выберите группу слева, а затем уровень доступа справа.
На всех вкладках присутствует в самом низу подраздел «Служебные процедуры». Как уже говорилось ранее, в нем можно закрыть доступ на сайт для посетителей на время проведения технических работ.
В системе 1С-Битрикс доступно разграничение пользователей на группы с различными правами доступа к различным элементам сайта и настройкам системы. Такой инструмент крайне полезен для гибкой настройки доступа, особенно на больших сайтах и интернет-магазинах, которые обслуживает множество людей.
Вам не придется волноваться, что посетитель сайта или контент-редактор на аутсорсе нарушит работоспособность сайта из-за некорректных действий, уничтожив по пути весь сайт. С настроенными правами пользователю будут доступны только публичная часть сайта для просмотра, а контент-менеджеру или оператору по работе с заказами — только те элементы, которые ему можно редактировать.
Различные наборы прав называются уровнями доступа. Вы можете установить столько уровней, сколько пожелаете и добавить на каждый уровень столько групп пользователей, сколько потребуется.
Чтобы просмотреть список имеющихся уровней доступа, изменить их или добавить новый, в административной части сайта перейдите в Рабочий стол → Настройки → Пользователи → Уровни доступа.
У уровня доступа есть несколько основных параметров — это вид объекта, для которого создается уровень (файл/папка или модуль), сам конкретный объект (например, главный модуль) и операции, которые может совершать с объектом пользователь.
В режиме редактирования/добавления уровня доступа на вкладке «Параметры» располагаются первые основные параметры:
Буква — это короткое наименование уровня доступа для системы, Описание — это развернутая информация для администратора.
На вкладке «Включаемые параметры» располагаются операции, которые можно активировать или деактивировать, настраивая права для данного уровня доступа.
Следующий этап разграничения прав — создание групп для пользователей и назначение этим группам необходимых уровней доступа. Вы можете настраивать в системе 1С-Битрикс права только для групп пользователей и добавлять отдельных пользователей в группы. Однако количество групп с разными правами не ограничено, и фактически вы можете назначить каждому пользователю уникальные права. Но объединять пользователей в группы все-таки удобнее.
Чтобы изменить или создать новую группу пользователей, в административной части сайта перейдите в Рабочий стол → Настройки → Пользователи → Группы пользователей.
Войдите в режим редактирования/добавления группы.
На вкладке «Параметры» находятся основные параметры группы:
Также здесь можно установить порядок сортировки и перейти к списку пользователей. Для этого щелкните по ссылке на количестве пользователей.
На вкладке «Безопасность» настраиваются параметры политики безопасности. Например, параметры авторизации, длительность сессии, особенности паролей для пользователей.
На вкладке «Доступ» устанавливаются уровни доступа для всех модулей сайта от главного модуля до валют и подписок.
Чтобы добавить пользователя в группе, необходимо назначить ее в настройках прав пользователя.
Чтобы настроить права для отдельного зарегистрированного пользователя, ваш собственный аккаунт должен иметь полномочия для изменения прав доступа пользователей. В идеале вам нужен административный аккаунт, имеющий доступ ко всем параметрам системы.
В административной части сайта перейдите в Рабочий стол → Настройки → Пользователи → Список пользователей. В списке пользователей найдите нужного и войдите в режим редактирования.
На вкладке «Группы» можно добавлять или удалять пользователя из созданных в системе групп. Можно установить временные рамки для нахождения пользователя в той или иной группе, если необходимо. В полях в столбце «Период активности» выставляется дата начала и окончания пребывания пользователя в группе с определенными правами. Если там нет значений, то пользователь находится в группе бессрочно до тех пор, пока администратор не деактивирует его группу вручную.
Добавление новых пользователей и управление существующими
В «Списке пользователей» можно не только редактировать, но и создавать новых пользователей. Обычно, новый пользователь создается, когда происходит регистрация, и человек вводит необходимые данные: e-mail, имя и фамилию. Такому пользователю автоматически присваиваются права обычного зарегистрированного пользователя.
Если вам необходимо добавить нового пользователя через административную часть сайта, то в разделе «Список пользователей» нажмите кнопку «Добавить пользователя».
Обязательно пропишите e-mail и логин для пользователя, выберите сайт по умолчанию, на который он будет попадать, если у вас в системе многосайтовость.
Остальные поля на вкладке «Пользователь» не обязательны для заполнения.
На вкладке «Группа» назначьте пользователю необходимые группы с уровнями доступа.
Это минимум для добавления нового пользователя. Вы можете заполнить остальные поля в профиле, если это требуется, но для успешного создания пользователя больше ничего не нужно.
Для изменения свойств существующих пользователей найдите их в списке, войдите в режим редактирования и внесите изменения.
В этом уроке мы рассмотрим типовые настройки решения Аспро: Digital-компания. Большую их часть можно найти в виджете настроек решения и выяснить, как будет выглядеть ваш сайт с теми или иными настройками. Подробнее
Для удобства пользователей основные настройки решения располагаются в Центре управления Аспро – общие, для главной страницы и разделов, каталога товаров, личного кабинета и т.д.
Действующие настройки решения актуальны для всего сайта и для всех групп пользователей. Установить выставить в административной части сайта в Рабочий стол → Аспро: Digital → Настройки.
В этой главе мы представим обзор этих настроек и отдельно остановимся на возможностях Центра управления.
В этом блоке собраны базовые настройки решения – цвет, возможность загрузки логотипа, ширина сайта и т.д. Рассмотрим по порядку каждую настройку и предлагаемые варианты.
В этой группе собраны поля настроек валидации ввода всевозможных данных. Можно задать маску телефонного номера для подсказка в соответствующих полях и для предварительной проверки перед отправкой запроса, задать возможные расширения файлов для загрузки на сайт, выбрать формат даты.
В поле «Тип защиты» от спама можно выбрать вариант капчи: отсутствует, картинка или скрытое поле. Мы рекомендуем использовать последний вариант: вы будете защищены от спам-заявок, однако это не скажется на конверсии – пользователям не придется заполнять дополнительное поле.
Ссылки на TikTok, Яндекс.Дзен, Pinterest, Snapchat стали доступны с версии 1.1.0
Группа полей для ссылок на группы вашей компании в различных соцсетях. Если в поле отсутствует какое-либо значение, иконка соцсети не выводится в футере на сайте.Остальные поля уже рассматривались в обзоре виджета настроек сайта в предыдущих уроках.
Группа полей, задающих настройки для шапки сайта.
Если вам не хватило стандартных четырех полей, нажмите кнопку «Добавить», чтобы добавить дополнительные поля для ввода. Вы можете сортировать телефоны при помощи зеленых стрелок справа, перемещая телефоны выше или ниже. Также есть возможность удалить ненужное поле с помощью кнопки-крестика.
Группа полей, задающих настройки торгового каталога. Некоторые поля уже рассматривались в обзоре виджета настроек сайта.
В этой группе собраны поля настроек основных разделов сайта. Вы можете выбрать формат страницы контактов. Как выглядит каждый вариант, можно узнать с помощью виджета настроек.
В полях «Адрес», «Телефон», «Email», «Расписание», «Текст краткого описания» и «Настройки карты» меняются соответствующие элементы страницы контактов. Для настройки параметров карты выполните двойной клик по элементу Яндекс.Карты: настраиваемая карта в открывшемся диалоговом окне редактирования включаемой области.
Вы можете активировать отображение формы обратной связи и карты на странице контактов в соответствующих полях.
Ссылка «Перейти к редактированию страницы контактов» переносит в публичную часть сайта на страницу контактов.
Далее идут поля настроек формата прочих основных разделов сайта. Посмотреть, как выглядят предложенные варианты на сайте и выбрать подходящий можно в виджете настроек сайта.
Все поля в этих группах соответствуют таким же полям в виджете настроек сайта.
Для удобства администраторов и маркетологов настройки счетчиков систем аналитики вынесены в отдельный блок и существенно расширены по сравнению с другими решениями Аспро. Загрузите коды сервисов Google, Яндекс, пикселей Вконтакте и Facebook в специальный файл, подключите самые важные цели и теги – и ваш сайт готов к запуску рекламной кампании!
В этих группах собраны поля настроек счетчиков метрик, в частности Яндекс.Метрики.
В поле «Файл со счетчиками» можно загрузить соответствующий файл с кодами счетчиков и другие пользовательские скрипты.
Если вы используете Яндекс.Метрику с целями, активируйте соответствующее поле и заполните остальные.
Это все типовые настройки решения. После внесения изменений нажмите кнопку «Применить», чтобы изменения вступили в силу.
Рядом с настройками находится Центр управления Аспро, с помощью которого удобно поддерживать связь с разработчиками вашего сайта.
Здесь находятся ссылки на руководство пользователя, базу знаний, FAQ и полезные статьи. Также можно отправить заявку на доработку решения или связаться с техподдержкой.
Популярность мобильных устройств задает дополнительное требование к современным сайтам – адаптивность дизайна под дисплеи различного размера.
В решениях Аспро реализован отдельный блок настроек для мобильной версии сайта. Обычно такая возможность присутствует только в крупных проектах.
Просмотреть доступные варианты настроек внешнего вида мобильной версии вы можете через виджет в публичной части.
Во вкладке «Мобильная версия» есть примеры таких параметров для настройки как:
В темах оформления предусмотрены белая и цветная мобильные шапки.
Типы мобильного меню предлагают 2 варианта: «Краткий» и «Подробный».
В первом случае навигационное меню содержит только разделы сайта.
В Аспро: Next при использовании мультирегиональности последним пунктом меню дополнительно отображается название города, для которого предназначена просматриваемая версия сайта.
Во втором – подключаются дополнительные блоки: личный кабинет, корзина, адрес компании и способы связи.
Для Аспро: Digital – это личный кабинет, корзина, адрес компании и способы связи.
Для интернет-магазина к вышеперечисленному Аспро: Next также добавляет в меню возможность быстрого перехода к просмотру отложенных товаров и к удобному сервису, предназначенному для сравнения приглянувшихся предложений.
Мобильное меню может выдвигаться слева или выпадать сверху.
Для того, чтобы применить тот или иной вариант внешнего вида мобильной версии в Аспро: Next, установите требуемые настройки в виджете и нажмите кнопку в правом верхнем углу.
В Аспро: Digital применить настройки для мобильной версии можно только в админке: Рабочий стол → Аспро: Digital → Настройки.
В блоке «Мобильная версия» установите ту комбинацию настроек, которая вам нравится.
В пунктах меню «Мобильная шапка» и «Тип мобильного меню» присутствует вариант «Custom», которого нет в виджете настроек. Этот вариант предназначен для разработчиков.
Чтобы просмотреть мобильную версию сайта с ПК, необходимо воспользоваться средствами браузера для разработчиков.
В Google Chrome, Mozilla Firefox и Яндекс браузере инструменты разработчика открываются клавишей F12.
В браузере Opera нужно открыть меню браузера и кликнуть пункт Другие инструменты → Показать меню разработчика.
Появится пункт «Разработка». Отсюда можете вызвать подпункт «Инструменты разработчика» или зажать комбинацию Ctrl+Shift+I.
Расположение кнопки перехода в режим адаптивного дизайна у Google Chrome, Opera и Яндекс браузера:
Кнопка перехода в режим адаптивного дизайна у Mozilla Firefox:
В этом уроке мы рассмотрим типовые настройки решения Аспро: Корпоративный сайт 2.0. Большую их часть можно найти в виджете настроек решения и выяснить, как будет выглядеть ваш сайт с теми или иными настройками. Подробнее
Для удобства пользователей основные настройки решения располагаются в Центре управления Аспро — общие, для главной страницы и разделов, каталога товаров, личного кабинета и т.д.
Действующие настройки решения актуальны для всего сайта и для всех групп пользователей. Чтобы их найти, нужно перейти в административной части сайта в Аспро → Аспро: Allcorp2 → Настройки.
В этой главе мы представим обзор этих настроек и отдельно остановимся на возможностях Центра управления.
В этом блоке собраны базовые настройки решения — цвет, возможность загрузки логотипа, ширина сайта и т.д. Рассмотрим по порядку каждую настройку и предлагаемые варианты.
Переключатель тем (1) — активирует виджет настроек сайта для администраторов.
Цвета сайта (2) — позволяет задать общие параметры внешнего вида сайта: основной и пользовательские цвета, использование фонового баннера.
Группа полей с логотипом (3) — активирует заливку прозрачных областей логотипа выбранным основным цветом сайта, а также позволяет загрузить логотип для шапки, фавикон для заголовка вкладки браузера и иконку Web clip icon для iPhone и iPad.
Поля настройки внешнего вида сайта (4) — задают ширину сайта, стили заголовков, хлебных крошек, выбрать шрифт, тип поиска и вариант оформления внутренних страниц.
Обработка персональных данных — (5) активирует информирование пользователей о сборе персональных данных на соответствующих формах.
Не добавлять название сайта в заголовок браузера (6) — включает и выключает эту функцию.
Кнопка печати страницы (7) — устанавливает на сайте в поле заголовка страницы кнопку печати
Отображать стандартные маркеры на Яндекс карте в контактах, на главной и в проектах (8) — активирует и деактивирует эту функцию.
«Заказать звонок» (9) — включает и включает настройку.
Отображать блок с формами (10) — активирует и деактивирует функцию
Кнопка «Наверх» (11) — активирует кнопку и задает ее вид и положение.
Использовать веб-формы вместо инфоблоков (12) — позволяет выбрать необходимый вид настройки обратной связи.
Рекомендуемые параметры для логотипа:
размер — любой (система автоматически подгонит его под нужный)
формат — .png или .jpg
Рекомендуемые параметры для фавикона:
размер — 16х16 px
формат — .ico
Рекомендуемые параметры для Web clip icon:
размер — 180х180 px
формат — .jpg.
Тип анимации большого баннера (1) — определяет, с какой анимацией будут сменяться слайды на основном баннере сайта. Можно выбрать: горизонтальное скольжение, вертикальное скольжение или выцветание
Скорости для слайдов основного баннера (2) — определяет, с какой периодичностью будут сменяться слайды основного баннера и с какой скоростью будет происходить анимация при их смене
Скрывать на узких экранах (3) — при активации основной баннер скрывается при просмотре сайта в мобильной версии
Скорости для слайдов блока «Наши партнеры» (4) — определяет, с какой периодичностью будут сменяться слайды в блоке «Наши партнеры» и с какой скоростью будет происходить анимация при их смене.
Остальные поля (5) уже рассматривались в обзоре виджета настроек сайта в предыдущих уроках.
Google reCAPTCHA — инструмент от Google, который анализирует поведение пользователей и в зависимости от него предлагает пройти проверку по различным сценариям: от простейшего клика по квадрату «Я не робот» (в большинстве случаев) до расшифровки надписей и выбора определенных картинок (если есть подозрение, что с формой взаимодействует бот, а не реальный человек).
В рассматриваемом блоке предусмотрено активация и деактивации Google reCAPTCHA, а также настройка необходимых параметров.
В этой группе собраны поля настроек валидации ввода всевозможных данных. Можно задать маску телефонного номера для подсказка в соответствующих полях и для предварительной проверки перед отправкой запроса, указать возможные расширения файлов для загрузки на сайт, выбрать формат даты.
Функция «использовать captcha в веб-формах на инфоблоках» позволяет отделить реальных людей от спам-ботов.
Группа полей для ссылок на группы вашей компании в различных соцсетях. Если в поле отсутствует какое-либо значение, иконка соцсети не выводится в футере на сайте.
Здесь настраивается внешний вид шапки сайта и хранится список телефонных номеров, отображаемых на ней. Для удобства настройки списка предусмотрены управляющие элементы, отвечающие за добавление, удаление и сортировку порядка записей в списке.
Список телефонов — позволяет вносить неограниченное количество телефонных номеров, которые будут отображаться в шапке сайта на каждой странице.
В этой группе настроек устанавливается позиция отображения внутреннего меню (слева или справа), его состав, количество пунктов, отображение картинок у корневых разделов и количество столбцов и выпадающем меню каталога.
Этот раздел позволяет использовать несколько версий сайта для разных регионов. После включения этой функции вы можете настроить параметры переключения между версиями для регионов. Управлять настройками региональности можно в административной части сайта и через виджет настроек.
Группа полей, задающих настройки торгового каталога. Некоторые поля уже рассматривались в обзоре виджета настроек сайта.
Адреса страниц корзины (1), оформления заказа (2), личного кабинета (3) и каталога (4) — позволяют задать адреса для соответствующих страниц. Поддерживается использование шаблонов адресов Битрикс.
В Аспро: Корпоративный сайт 2.0, начиная с версии 1.1.0, появилась возможность группировать свойства (5) с помощью модуля «Webdebug». Как использовать функционал, описали в уроках ранее.
В этой группе собраны поля настроек основных разделов услуг. Как выглядит каждый вариант, можно узнать с помощью виджета настроек.
В этом блоке содержатся основные настройки отображения раздела проектов на сайте. Как выглядит каждый вариант, можно посмотреть через виджет настроек.
В этой группе собраны поля настроек основных разделов сайта. Вы можете выбрать формат страницы контактов. Как выглядит каждый вариант, можно узнать с помощью виджета настроек.
Ссылка «Перейти к редактированию страницы контактов» переносит в публичную часть сайта на страницу контактов.
В полях «Адрес», «Телефон», «Email», «Расписание», «Текст краткого описания» и «Настройки карты» меняются соответствующие элементы страницы контактов.
Вы можете активировать отображение формы обратной связи и карты на странице контактов в соответствующих полях.
Далее идут поля настроек формата прочих основных разделов сайта. Посмотреть, как выглядят предложенные варианты на сайте и выбрать подходящий можно в виджете настроек сайта.
В футере можно выбрать 6 типовых вариантов его отображения или переключить на custom.
Все поля в этих группах соответствуют таким же полям в виджете настроек сайта.
Для удобства администраторов и маркетологов настройки счетчиков систем аналитики вынесены в отдельный блок и существенно расширены по сравнению с другими решениями Аспро. Загрузите коды сервисов Google, Яндекс, пикселей Вконтакте и Facebook в специальный файл, подключите самые важные цели и теги — и ваш сайт готов к запуску рекламной кампании!
В этих группах собраны поля настроек счетчиков метрик, в частности Яндекс.Метрики.
В поле «Файл со счетчиками» можно загрузить соответствующий файл с кодами счетчиков и другие пользовательские скрипты.
Если используется Яндекс.Метрика с целями, нужно активировать соответствующее поле и заполните остальные настройки.
Рядом с настройками находится Центр управления Аспро, с помощью которого удобно поддерживать связь с разработчиками вашего сайта.
Здесь находятся ссылки на руководство пользователя, базу знаний, FAQ и полезные статьи. Также можно отправить заявку на доработку решения или связаться с техподдержкой.
Виджет настроек – это инструмент, который позволяет быстро и удобно проработать внешний вид сайта. В виджет выведено большое количество параметров из Центра управления, отвечающих за:
Чтобы воспользоваться возможностями виджета, активируйте в Центре управления Аспро: Priority (Рабочий стол → Аспро: Priority → Настройки) «Переключатель тем» и нажмите «Применить».
После этого в публичной части вы увидите вот такой значок с левой стороны:
Кликните по нему и поиграйтесь с настройками. Например, выберите другой базовый цвет, шрифт, стиль кнопок и т.д. Решение тут же «примерит» все изменения на ваш сайт. Если вам нужно вернуть все как было, нажмите «Настройки по умолчанию» (1). Если вы подобрали для себя идеальную конфигурацию, отправьте ее в Центр управления Аспро кнопкой «Сохранить настройки» (2).
Одним из преимуществ решения Аспро: Priority является удобный и гибкий конструктор главной страницы. В виджете настроек вы можете найти его на вкладке «Главная страница». Здесь находится список блоков с выключателями и стрелками, регулирующими порядок отображения блоков:
Если вам неудобно работать с таким списком, вы можете настроить внешний вид главной прямо на ней! Для этого используйте новую технологию от Аспро ДизайнМенеджер – откройте главную страницу сайта и кликните по значку под виджетом настроек:
После этого у каждого блока появятся элементы управления, которые позволят вам:
Настройки со вкладки «Общие» определяют внешний вид всего сайта. В этом уроке мы с вами рассмотрим как задать сайту свой неповторимый стиль. Для этого:
1. Выберите для своего сайта основной цвет
Базовый цвет используется для заливки таких элементов сайта, как кнопки, шапка (имеются в виду 9й и 10й типы шапки, подробнее о вариантах здесь), подсветка ссылок и фон логотипа (если он прозрачный).
Палитра решения предлагает на выбор 17 стандартных цветов. Вариант в палитре вам не подходит, потому что не достаточно яркий и насыщенный? Или, наоборот, слишком яркий, а нужен более приглушенный? Кликните по кнопке «Пользовательский цвет» и подберите нужный вам оттенок.
Если вы знаете hex-код нужного цвета, укажите его в горизонтальном поле ввода (1). Если вы не знаете этот код, используйте вертикальную шкалу справа (2), чтобы переключаться между цветами, а большой квадрат слева (3) – для выбора нужного оттенка (кликните левой кнопкой мыши на область с нужным оттенком). Когда укажете свой цвет, нажмите «Выбрать» (4).
2. Подберите стиль оформления и размер для текстов на сайте
По умолчанию доступны следующие стили размером в 13 px, 14 px и 15 px:
Open Sans
PT Sans
3. Установите ширину сайта
Чтобы сайт выглядел современно и оставался максимально удобным для ваших пользователей, рекомендуем с помощью инструментов Яндекс.Метрика или Google Analytics узнать какое разрешение экрана наиболее популярно среди ваших посетителей. Это позволит вам подобрать наиболее оптимальную ширину контентной области для своего сайта – в 1700 px, 1500 px, 1344 px или 1200 px.
Подробнее об интеграции с сервисами веб-аналитики, читайте здесь.
4. Выберите стиль кнопок
Решение позволяет использовать:
5. Определите нужен ли вам декоративный отступ
Декоративный отступ добавляет по бокам от контентной области небольшое пустое пространство:
При деактивированном параметре содержимое контентной части растягивается, заполняя собой в браузере всю область просмотра:
6. Определите стиль заголовков
Заголовки могут быть:
обычные (нормальные)
Заголовок с цепочкой навигации можно разместить:
8. Установите стиль оформления заголовка и хлебных крошек
Для оформления заголовка и хлебных крошек доступны следующие варианты:
На белом фоне 2 (цепочка навигации под заголовком)
На сером фоне 2 (цепочка навигации под заголовком)
9. Выберите тип поиска
Решение предлагает 2 типа поиска:
10. Установите свое положение внутреннего меню
Боковое меню внутри разделов, а также элементы под ним (боковой баннер, кнопки «Заказать звонок», «Написать сообщение», «Оставить отзыв» и «Ближайший офис»), можно разместить:
11. Включите или отключите отображение кнопки печати страницы
Данный параметр добавляет соответствующую кнопку на все страницы сайта. Выглядит она следующим образом:
При нажатии эта кнопка отправляет просматриваемую пользователем страницу на печать.
В этом уроке мы с вами выставим общие настройки для форм обратной связи:
Откройте виджет на вкладке «Формы». Здесь:
1. Сместите переключатель «Информирование об обработке персональных данных» вправо
После этого в каждой форме обратной связи, используемой сайтом, появиться вот такая подпись:
По ссылке в подписи пользователь может ознакомиться с политикой компании о хранении, сборе и обработке персональных данных. Если посетитель согласен передать свои данные вашей компании, он должен сместить ползунок вправо и нажать «Отправить». Если же пользователь по каким-то причинам не хочет давать свое согласие, то и отправить данные на ваш сервер он не сможет.
Такой пункт в формах наряду с дополнительными мерами (о них читайте здесь) поможет избежать штрафов, налагаемых на операторов персональных данных, которыми с 1 июля 2017 года считаются все, кто собирает информацию о пользователях.
Если вы хотите изменить подпись и отредактировать страницу с описанием политики компании, рекомендуем ознакомиться с этим уроком.
2. Выберите тип (способ) открытия формы
Формы обратной связи могут открываться в:
боковой панели
pop-up окне, перекрывающем содержимое проматриваемой страницы
Каждая упомянутая форма привязана к 2м кнопкам, которые размещаются:
под внутренним меню (вариант «в боковой колонке»)
с правой стороны браузера (вариант «летающая»)
Если вы не хотите предоставлять быстрый доступ к какой-то из рассматриваемых форм, отключите обе ее кнопки («в боковой колонке» и «летающую»).
В этом уроке вы узнаете, как настроить внешний вид вашего каталога, а также как включать/отключать корзину и размещать ее в шапке или сбоку.
Откройте в виджете вкладку «Продукция» и:
1. У параметра «Корзина» сместите ползунок вправо, чтобы включить корзину, влево – выключить
Активная настройка «Корзина» (1) также включает отображение дополнительного параметра, позволяющего выбрать где должна находиться корзина (2):
в шапке
3. Укажите как вести себя картинке анонса товара при наведении на нее курсора в способе отображения каталога «Плитка»
В этом уроке подробно рассказывается о том, как можно настроить отображение элементов каталога в виде плитки, списка или прайса.
4. Выберите шаблон для списка разделов каталога
Перечень категорий товаров можно представить:
с картинками
в виде блоков без бокового меню
с иконками
в виде блоков без бокового меню
списка без бокового меню
списка с меню
5. Определите как отображать детальную страницу товара
Описание товаров можно представить отдельными блоками, следующими друг за другом:
Или разместить содержимое некоторых блоков (например, «Описание», «Характеристики», «Вопросы и ответы», «Документы» и т.д.) под одноименные табы:
Решение Аспро: Priority поддерживает функцию «Личный кабинет».
Вы можете включать и отключать его через виджет настроек.
Чтобы включить использование ЛК, перейдите на одноименную вкладку и переместите ползунок «Личный кабинет» (1) вправо. Также здесь определите как отображать ФИО пользователя (2).
Если вы сместите переключатель второй настройки вправо, то форма с ФИО будет выглядеть так:
Виджет настроек позволяет управлять внешним видом не только полной, но и мобильной версии сайта.
Чтобы настроить внешний вид для телефонов и планшетов, перейдите на одноименную вкладку виджета. Здесь:
1. Выберите цвет шапки
Шапка мобильного меню может быть:
белая
Под типом меню имеется в виду его содержание:
Подробное – названия разделов в меню дополнены контактными данными компании, ссылками на корзину, личный кабинет и аккаунты в социальных сетях
светлый
Решение Аспро: Priority содержит 9 рекламных областей:
В решении вы можете настроить не только верхнюю часть сайта (шапку), но и его подвал:
После настройки внешнего вида каталогов с товарами и услугами перейдем к подбору наиболее оптимального оформления для остальных разделов. Переключитесь на вкладку виджета «Разделы» (1) и выберите шаблон для секций.
Если у вас небольшая компания без филиалов, вам подойдут варианты:
«Компактный»
«Компактный 2»
«С филиалами и выбором региона»
«С центральным офисом и филиалами»
Лицензии в одноименном разделе можно представить в виде:
Для списка вакансий из раздела «Карьера» доступны 2 шаблона:
Вид страницы с требованиями к кандидату и описанием условий труда:
В разделе с отзывами вы можете изменить положение информации об авторе – разместите его:
Перечень партнеров можно представить в виде:
Анонсы новостей в «Пресс-центре» можно представить в виде:
Сертификаты, награды и прочие документы, как и лицензии, можно представить в виде:
Шапка, как правило, является неотъемлемой частью сайта. Она не только помогает пользователю переключаться между разделами/страницами, но и участвует в создании уникального образа сайта.
Переключитесь на одноименную вкладку виджета, чтобы подобрать для шапки сайта наиболее привлекательный на ваш взгляд шаблон. Всего в решении доступно 14 вариантов:
Серой полосой в миниатюре обозначается та часть шапки, которая заливается базовым цветом сайта.
Например, так будет выглядеть шапка № 9, залитая синим цветом:
Для области, заполненной в миниатюре шапки шашками, на главной в качестве фона устанавливается верхняя часть большого баннера.
Например, шапка № 3 на главной будет иметь следующий вид:
Рассмотренные шаблоны относятся только к обычной шапке, которая скрывается из поля зрения пользователя при прокрутке длинных страниц. Если вы хотите закрепить шапку в верхней части браузера при скроллинге таких страниц, сместите ползунок «Фиксированная шапка сайта» вправо.
Тогда активируется еще один параметр, который позволит вам выбрать шаблон и для фиксированной шапки, следующей за фокусом пользователя:
Презентовать линейку продуктов или сосредоточиться на экспертизе? Показать выполненные проекты или отзывы? Какой блок поставить выше – каталог или услуги? Аспро: Priority дает полную свободу выбора: соберите свою главную страницу из отдельных блоков, изменяя их расположение и внешний вид, или остановитесь на одном из готовых вариантов.
Настройки для главной страницы:
В этой главе мы рассмотрим основные возможности управления главной страницей сайта на основе Аспро: Приорити. Вы можете настроить главную с помощью виджета, или из админки – в Центре управления Аспро.
Настройка главной страницы через виджет
Раскройте виджет и перейдите на вкладку «Главная». Сюда в удобной форме из Центра управления Аспро выведены настройки для главной страницы сайта. Давайте вместе настроим вашу главную страницу и заодно рассмотрим каждую настройку подробнее.
1. Выберите тип главной в переключателе
В решении Аспро: Priority доступно 4 готовых типа главной страницы. Вы можете просмотреть особенности типов прямо в переключателе – перемещайтесь между вкладками и раскрывайте превью предложенных вариантов с помощью стрелки внизу области предпросмотра:
Представленные типы отличаются между собой набором, компоновкой и оформлением активных блоков, входящих в состав (подробнее о готовых вариантах рассказано здесь).
Если вас полностью устраивает один из вариантов, настроенный по умолчанию, вы можете перейти сразу к шагу 4. Хотите адаптировать решение под свой бизнес еще сильнее? Тогда читайте дальше.
2. Оставьте только необходимые блоки и разместите их так как нужно вам
Конструктор Аспро: Priority предлагает вам 14 блоков, из которых составляется главная страница сайта. С их помощью вы можете:
Для управления блоками через виджет раскройте «Параметры главной страницы»:
Используйте ползунки (1) для активации и деактивации блоков, и вертикальные стрелки (2) – для изменения их положения (подробнее здесь).
В решении также предусмотрена настройка содержания главной на лету. Новая технология Аспро.ДизайнМенеджер позволит вам компоновать блоки прямо на главной странице. Подробности ищите здесь.
3. Определите внешний вид используемых блоков
Сменные шаблоны имеют следующие блоки:
Просмотреть доступные шаблоны и подобрать для себя наиболее подходящие вы можете не только в виджете настроек, но и непосредственно на главной странице с помощью Дизайн-Менеджера Аспро.
4. Сохраните изменения
При просмотре типов главной в переключателе, во время работы с конструктором страницы и при подборе шаблонов происходит автоматическая «примерка» выставленных настроек на сайт. После того, как вы поигрались с настройками и подобрали для себя оптимальный вариант, сохраните изменения с помощью одноименной кнопки вверху виджета.
Настроили шапку сайта? Пора настраивать внешний вид ее выпадающего меню. Перейдите на вкладку «Настройки меню» и:
1. Включите или отключите использование изображений у корневых пунктов меню (названий категорий услуг или товаров)
Активация параметра «Изображения у корневых пунктов меню» также включает отображение в виджете дополнительных настроек, которые позволят вам задать тип используемых изображений (иконки, картинки) (1) и определить их положение относительно пунктов (слева или сверху) (2).
Так выглядит меню с изображениями слева:
в виде иконок
2. Укажите сколько колонок отображать в меню обычной и фиксированной шапки (если она используется)
За количество колонок в обычной шапке отвечает параметр «для узкого меню».
Для фиксированной – «для широкого».
В обычной и фиксированной шапке пункты меню можно разместить в:
2 колонки
Подпункты меню можно разместить
в строку
В этой главе мы рассмотрим, из каких блоков может состоять главная страница и покажем готовые варианты их компоновки (типы страниц). А также расскажем, как работать с конструктором и редактировать составляющие страницу блоки.
В качестве баннеров используются изображения или видео, привлекающие внимание. В решении баннер из картинки можно дополнить описанием и кнопками навигации.
Блок, задачей которого является вызвать уверенность у посетителей в компетенции ваших специалистов. А также помочь клиентам связаться с ними.
Примерить типы для главной на свой сайт и ознакомиться с ними поближе вы можете в публичной части через виджет настроек.
Перейдите в виджете на вкладку «Главная». Здесь вы найдете переключатель типов (1) с удобным предпросмотром внешнего вида страницы. Главная страница сразу же изменит свой внешний вид, как только вы выберите один из них.
Если вы хотите изменить вариант, настроенный по умолчанию, раскройте параметры главной страницы (2).
Используйте ползунки справа, чтобы включить или отключить блок, и вертикальные стрелки для управления положением блоков.
Чтобы сохранить свои изменения (2) или вернуться к настройками по умолчанию (1) используйте одноименные кнопки вверху виджета.
Вы также можете сохранить свои настройки во время просмотра результатов изменений на странице с помощью одноименной кнопки.
В административной части сайта настройки главной страницы находятся в центре управления Аспро: Priority → Настройки.
Рассмотрим подробнее типы и их различия.
Их последовательность соответствует порядку в виджете настроек:
Тип отличают от других шаблоны следующих блоков:
Блок с услугами – содержит с левой стороны табы, позволяющие переключаться между основными категориями, а с правой – анонс категории с картинкой, описанием и перечнем, входящих в нее услуг
Слайдер «Наша команда» – представляет одного сотрудника за раз. Слева находится фото в круглой рамке, справа – контактная информация и краткие сведения о специализации
Используемый блоком «О компании» шаблон похож на шаблон из 1го типа. Отличие состоит в том, что засчет отсутствия у изображения собственного фона картинка не имеет четких границ и к ней не привязано видео
По умолчанию для блока «Наши партнеры» используется шаблон без заголовка
Перечислим шаблоны, отличающие этот тип от других:
Блок с большими баннерами в этом типе дополнен маленькими с правой стороны
В этом типе для блока «Отзывы» включен тот же шаблон, что и в 1м
Блок с картой использует шаблон, разработанный для компаний с филиалами
Четвертый тип самый полный. В этом варианте активны все 14 блоков и расположены они следующим образом:
Данный тип применяет следующие шаблоны:
Для оформления больших баннеров используется шаблон из 1го типа
Решение предлагает очень простую и легкую настройку, доступную из публичной части – включайте нужные и отключайте ненужные блоки, меняйте их внешний вид и сохраняйте изменения прямо во время просмотра страницы.
Помимо управления внешним видом блоков в публичной части, вы можете управлять и их содержимым (возможность поддерживается большинством блоков). Редактируйте и наполняйте блоки и связанные с ними разделы с главной страницы.
Для настройки из публички разверните виджет настроек.
Переключитесь на вкладку «Главная». Здесь находятся:
Чтобы включить или отключить отображение блока, разверните параметры страницы.
Сместите переключатель вправо, чтобы активировать блок, влево – деактивировать.
Смена шаблона блока доступна не только через виджет, но и прямо на странице. У каждого блока, который имеет более одного шаблона, есть кнопки, позволяющие пролистать доступные варианты (1). А во время примерки шаблонов появляется кнопка, с помощью которой можно тут же сохранить изменения (2).
Пролистайте параметры до группы «Главная». Здесь под типом страницы находится его конструктор. Установите или снимите галку, чтобы соответственно включить или отключить отображение блока.
Под списком блоков вы можете найти доступные шаблоны.
Чтобы сохранить изменения нажмите «Применить».
Блок с категориями услуг на главной можно оформить 9 способами:
С табами и картинками
Отображается одно из направлений деятельности компании, оформленное картинкой, описанием, перечнем входящих в категорию услуг и большой кнопкой, привязанной к соответствующему подразделу. Для переключения между категориями следует использовать табы слева от анонса.
2. С табами и иконками
Внешний вид шаблона аналогичен первому варианту. Но в отличие от него, вместо картинки для анонса категории используется иконка.
Шаблон аналогичен предыдущему варианту с той лишь разницей, что для оформления анонсов категорий вместо картинок используются иконки.
5. С картинками и подразделами
Блок имеет вид списка категорий, разбитого на 2 колонки. Анонсы категорий представлены в виде картинки (слева), названия и перечня входящих в нее услуг (справа).
6. С иконками и подразделами
Аналог 5-го шаблона, использующий вместо картинок для анонсов категорий иконки.
Шаблон похож на вариант №5, но вместо подразделов здесь используется описание направления деятельности компании.
8. С иконками и описанием
Аналог предыдущего шаблона с иконками вместо картинок.
9. С иконками и названием
Категории услуг отображаются плиткой в виде иконок с названиями.
Блок проекты имеет 2 шаблона:
Блочный 1 – размещает анонсы отобранных вами для демонстрации проектов в один ряд и поддерживает отображение анонсов разного размера.
С табами и картинками
Блок с мнениями клиентов может расположить данные об авторе отзыва:
Сверху
Блок «О компании» можно представить:
С текстом и прямоугольной картинкой
Блок содержит текст, дополненный 2мя кнопками. Одна привязана к странице «О компании», другая – к форме обратной связи «Задать вопрос». Справа от текста располагается прямоугольная картинка. Это единственный шаблон, в котором изображение активно. Клик по нему вызывает видеопроигрыватель.
Внешний вид блока похож на предыдущий вариант. Отличие заключается в использовании изображения без фона, что создает впечатление размытости границ картинки.
3. С текстом, картинкой и фоном
Блок можно оформить как баннер – фоновым изображением и активной картинкой, заполняющей пространство справа от текста с кнопками.
4. С текстом слева и текстом с иконками справа
В этом варианте с правой стороны выводится тизеры преимуществ сотрудничества с вашей компанией, а описание, которое в других шаблонах размещается с левой стороны, выводится над ними. Слева все так же располагается заголовок блока и кнопки.
Доступны 2 варианта отображения тизеров:
3 в ряд с описанием сбоку
Блок с сотрудниками на главной может быть:
С большой картинкой
В слайдере за раз отображается один сотрудник. Его фото размещается в круглой рамке слева, а контактная информация и краткие сведения о специализации – справа.
Слайдер демонстрирует по 3 фотографии с ФИО специалистов и названиями должностей на них. Чтобы узнать дополнительную информацию, следует навести указатель на фото (краткие сведения отобразятся поверх анонса) или кликнуть по нему (откроется страница с подробной информацией о квалификации и успехах сотрудника в работе).
3. С текстом под картинками
Шаблон похож на предыдущий вариант. Разница в том, что ФИО сотрудника и его должность отображаются не поверх фотографии, а под ней. И при наведении указателя на анонс поднимается нижняя шторка, которая содержит краткие сведения о работнике.
Блок с сотрудниками на главной может быть:
С большой картинкой
В слайдере за раз отображается один сотрудник. Его фото размещается в круглой рамке слева, а контактная информация и краткие сведения о специализации – справа.
Слайдер демонстрирует по 3 фотографии с ФИО специалистов и названиями должностей на них. Чтобы узнать дополнительную информацию, следует навести указатель на фото (краткие сведения отобразятся поверх анонса) или кликнуть по нему (откроется страница с подробной информацией о квалификации и успехах сотрудника в работе).
3. С текстом под картинками
Шаблон похож на предыдущий вариант. Разница в том, что ФИО сотрудника и его должность отображаются не поверх фотографии, а под ней. И при наведении указателя на анонс поднимается нижняя шторка, которая содержит краткие сведения о работнике.
Блок с логотипами партнеров может быть:
с заголовком
Для компаний без филиалов (один офис)
В этой главе вы узнаете какие возможности редактирования блоков доступны в публичной и административной части сайта.
Чтобы увидеть элементы управления, доступные в публичке, переключитесь в режим правки и наведите указатель на интересующий вас блок.
В публичной части сайта большие баннеры на главной в режиме правки можно изменить (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) и меню кнопки «Гамбургер» для изменения (2) и удаления (3) текущих.
Внимание! Удаление набора текущих настроек приведет к тому, что настройки будут сброшены как для информационного блока, так и для блока «О компании» и визитки из раздела «Карьера».
Чтобы заменить демо-данные информационного блока на свои, пролистайте карточку с настройками для статичных страниц до группы «Есть идеи, но не знаете с чего начать?»:
И:
Маленькие верхние баннеры справа от больших в публичной части сайта можно только изменить (1) или удалить (2).
Добавить новый маленький баннер можно только в админке. Перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Верхние маленькие баннеры. Нажмите одноименную кнопку, чтобы добавить новый баннер (1).
Также здесь вы можете изменить (2), удалить (4) или отключить отображение (3) существующего баннера. Вызовите меню кнопки «Гамбургер» и выберите нужный пункт.
Подробнее о том, какие параметры и как заполнять при создании верхних маленьких баннеров, читайте здесь.
В публичной части в режиме правки наведите курсор на плавающий баннер, чтобы изменить его (2) или удалить (3). Указатель над блоком с плавающими баннерами также вызывает панель с кнопкой «Добавить баннер» (1).
Для управления плавающими баннерами из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Плавающие баннеры.
Чтобы создать новый баннер, нажмите соответствующую кнопку (1). Чтобы изменить (2), удалить (4) или отключить (3) существующий – меню кнопки «Гамбургер».
Узнать о возможностях оформления плавающих баннеров подробнее вы можете в этом уроке.
Блок с тизерами в публичной части сайта не позволяет изменять или удалять элементы. В режиме правки вы можете только добавить новый.
Полное управление над содержимым блока доступно только в админке. Откройте Рабочий стол → Контент → Контент (aspro.priority) → Тизеры.
Как и в остальных случаях для добавления нового элемента отведена отдельная кнопка (1), а для изменения (2), удаления (4) и деактивации (3) – меню кнопки «Гамбургер».
Создавая новый тизер, в его карточке вы можете:
Блок с услугами в публичной части сайта в режиме правки позволит вам изменить (2), удалить (3) раздел (категорию) и добавить услугу (1).
Для управления содержимым блока из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Услуги.
Здесь вы можете не только изменить (2) или удалить (3) раздел (категорию) через меню кнопки «Гамбургер», но и добавить новую с помощью одноименной кнопки (1).
Также, если вы откроете раздел (например, «Автоматизация бизнеса»), то сможете управлять его содержимым – добавлять в список новые услуги (1), изменять (2), удалять (4), отключать отображение (3) существующих.
Так как блок связан с одноименным разделом, управлять его содержимым вы можете и изнутри самого раздела в публичке. Подробнее об этом, а также о карточках категорий и услуг читайте здесь.
Блок с проектами в публичной части сайта позволит вам добавить новый проект (1), изменить (2) или удалить (3) выделенный.
То же самое вы можете проделать в админке в Рабочий стол → Контент → Контент (aspro.priority) → Проекты. Откройте раздел, в котором нужно изменить или удалить проект или добавить новый. В качестве примера перейдем в раздел «Киберпреступления».
Управление элементами здесь стандартно. Чтобы добавить новый проект, нажмите одноименную кнопку (1). Для изменения (2), удаления (4), деактивации (3) существующего вызовите меню кнопки «Гамбургер» и выберите соответствующий пункт.
Создание и изменение проекта производится с помощью редактора карточки. Чтобы вывести проект на главную, откройте редактор и установите на вкладке «Проект» галку «Показывать на главной»:
Подробнее о разделах и карточке проекта вы можете узнать в этой главе.
В данном блоке в режиме правки вы сможете изменить (2) или удалить (3) раздел, а также добавить новый товар (1).
Как и в случае с блоком с услугами, полное управление содержимым доступно в административной части сайта. Откройте Рабочий стол → Контент → Каталог (aspro.priority) → Продукция.
Нажмите «Добавить раздел» (1), чтобы создать новую категорию товаров. Вызовите меню кнопки «Гамбургер», если требуется изменить (2) или удалить (3) раздел.
Также, если вы перейдете в раздел, то сможете управлять его содержимым. В качестве примера откроем категорию «Автомобили».
Внутри категории (раздела) вы можете добавить новый товар (1), изменить (2), удалить (4), отключить отображение на сайте существующего в базе элемента (3).
Помимо всего перечисленного управлять содержимым блока можно из связанного раздела в режиме правки. Подробнее об этом, а также о карточках категорий и товаров вы можете узнать в главе «Продукция».
Блок «Наша продукция» позволит вам изменить (1) или удалить (2) выделенный в режиме правки товар.
Чтобы вывести товар в этот блок, откройте его карточку в админке (Рабочий стол → Контент → Каталог (aspro.priority) → Продукция) или в публичке со страницы с детальным описанием. На основной вкладке установите галку «Отображать в слайдере на главной» (1), а в перечне «Хит продаж» (2) выберите в какой категории должен находиться товар: «Хит», «Новинка», «Мы советуем» и/или «Акция».
После сохранения изменений на анонсе товара появится соответствующий стикер.
При наведении указателя в режиме правки на этот блок появляется меню, которое позволяет добавлять (2), изменять (1) и удалять (3) набор настроек для статичных страниц (для рассматриваемого блока, а также информационного блока на главной и визитки из раздела «Карьера»).
В админке эти же настройки вы можете найти в Рабочий стол → Контент → Контент (aspro.priority) → Статичные страницы.
Чтобы удалить (3) или изменить (2) текущие настройки, вызовите меню кнопки «Гамбургер» и выберите нужный вам пункт. Для создания новой пустой карточки для статичных страниц нажмите «Добавить элемент» (1).
Внимание! Удаление набора текущих настроек приведет к тому, что настройки будут сброшены как для блока «О компании», так и для информационного блока на главной и визитки из раздела «Карьера».
Для настройки блока «О компании» пролистайте параметры карточки до одноименной группы.
Здесь вы можете:
Загрузить несколько изображений (4 – 7) для разных шаблонов блока;
Выбрать какие тизеры должны отображаться в шаблоне «С текстом слева и текстом с иконками справа» (8);
Указать свои заголовок (1) и описание (12);
Привязать к кнопке «Подробнее» нужную вам страницу (2);
Активировать или отключить кнопку «Начать сотрудничество», вызывающую форму обратной связи «Задать вопрос» (3);
Привязать к картинке (возможно только в шаблоне «С текстом и прямоугольной картинкой») видео, хранящееся на том же сервере, что и ваш сайт (11), и/или ролик со стороннего ресурса (например, youtube) (10). Если вы привязываете видео, также укажите его источник (9):
файл с используемого вами сервера – видео из файла;
со стороннего ресурса – html embed код <iframe></iframe>.
Блок с отзывами в режиме правки позволит вам отредактировать (2), удалить (3) отображаемый элемент или создать новый (1).
Содержимое блока формируется из карточек, хранящихся в Рабочий стол → Контент → Контент (aspro.priority) → Отзывы клиентов.
Здесь вы можете включить или отключить отображение отзыва на сайте – вызовите меню кнопки «Гамбургер» и выберите активировать или деактивировать отзыв (3). А также изменить (2) или удалить (4) выделенный элемент. Чтобы добавить новый отзыв в базу, кликните одноименную кнопку (1).
Подробнее о карточках отзывов вы можете узнать из одноименной главы.
В режиме правки через блок с сотрудниками можно изменить (2) или удалить (3) их карточки, а также добавить новые (1).
То же самое вы можете проделать в админке. Для этого перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Команда. Если вы используете распределение карточек сотрудников по разделам (например, отделам), откройте раздел, в состав которого требуется внести изменения. Для примера откроем раздел «Руководители».
Чтобы добавить нового члена команды, используйте соответствующую кнопку (1). Для изменения (2), удаления (4) или отключения отображения (3) существующей карточки сотрудника используйте меню кнопки «Гамбургер».
В данном блоке в режиме правки доступно изменение (2), удаление (3) выделенного элемента и создание нового (1).
Элементы управления здесь стандартны – отдельная кнопка (1) для добавления новой статьи и меню кнопки «Гамбургер» для изменения (2), удаления (4) или отключения существующей (3).
В блок «Пресс-центр» на главной выводятся не все новости, а только те, для которых в карточке вы установите соответствующую метку:
Подробнее о настройке статей и разделов читайте здесь.
Указатель над информационным блоком в режиме правки вызывает меню, позволяющее изменить (1), удалить (3) или создать новый (2) набор настроек для статичных страниц (для рассматриваемого блока, а также блока «О компании» и визитки из раздела «Карьера»).
Как уже упоминалось в описании редактирования блока «О компании», найти набор настроек в админке вы можете в Рабочий стол → Контент → Контент (aspro.priority) → Статичные страницы.
Элементы управления уже должны быть вам знакомы – это отдельная кнопка для создания пустой карточки под новые настройки (1) и меню кнопки «Гамбургер» для изменения (2) и удаления (3) текущих.
Внимание! Удаление набора текущих настроек приведет к тому, что настройки будут сброшены как для информационного блока, так и для блока «О компании» и визитки из раздела «Карьера».
Чтобы заменить демо-данные информационного блока на свои, пролистайте карточку с настройками для статичных страниц до группы «Есть идеи, но не знаете с чего начать?»:
И:
Для управления положением блоков из публичной части сайта разверните виджет настроек.
Переключитесь на вкладку «Главная». Выберите для себя один из типов страницы и нажмите «Параметры».
Ниже появится список блоков с выключателями и вертикальными стрелками. Наведите указатель на стрелки на строке с названием блока, который нужно сместить. Зажмите левую кнопку мыши и перетащите блок вверх или вниз.
В качестве примера поменяем местами блоки с плавающими баннерами и услугами.
Вид главной страницы до изменений:
Вид страницы после изменений:
Проделать то же самое можно в админке можно в Рабочий стол → Аспро: Priority → Настройки.
Пролистайте настройки до группы «Главная». Здесь также под переключателем типа главной страницы находится перечень блоков. Принцип действия для компоновки аналогичен – зажмите левой кнопкой мыши стрелки на нужной строке и переместите ее вверх или вниз.
1. Большие баннеры – используются для продвижения приоритетных услуг, типовых проектов, категорий товаров, а также для информирования пользователей о важных новостях в жизни компании, новых акциях, специальных предложениях и т.д. Баннеры данного типа располагаются вначале страницы, занимают большую область и позволяют использовать для оформления новости/предложения не только картинку, но и видео. Поверх большого баннера можно разместить небольшое описание и кнопки навигации.
2. Дополнительные баннеры – небольшие кликабельные статичные изображения без кнопок и возможности загрузки видео. Картинки имеют фиксированный размер и положение. Размещаются они справа от больших баннеров. Данный вид доступен только в третьем типе главной страницы.
3. Плавающие баннеры, как и дополнительные, представляют из себя кликабельную картинку без кнопок и возможности загрузки видео. Но, в отличие от дополнительных, они идут отдельным блоком, положение которого можно изменять. Также для плавающих баннеров можно задать разный размер.
Для работы с баннерами в публичке включите режим правки.
Наведите указатель на баннер. Появятся 2 панели, которые позволят изменить (1) или удалить (2) демонстрируемый баннер, а также добавить новый (3).
Для редактирования баннеров в админке перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Большие банеры.
Нажмите одноименную кнопку, чтобы создать новый баннер (1), или вызовите меню кнопки «Гамбургер», чтобы изменить (2), удалить (4) или скрыть выделенный баннер на сайте (3).
Основной баннер может быть составным — из фоновой и активной картинки. В этом случае фоновая картинка загружается на вкладке «Подробно», а активная – на вкладке «Анонс». На мобильных устройствах активная картинка будет скрыта. Рекомендуем использовать абстрактное фоновое изображение, так как оно может обрезаться при уменьшении разрешения экрана.
При добавлении нового или изменении существующего баннера вы попадете в редактор карточки. Рассмотрим ее содержимое подробнее.
На этой вкладке вы можете:
Для этого:
Если вы хотите использовать видеоролик вместо статичной картинки, активируйте «Автовоспроизведение» (5). Если же вы хотите позволить пользователям самостоятельно решать смотреть ролик или нет, снимите галку «Автовоспроизведение» и привяжите видео к кнопке. Для этого дайте кнопке название (2) и при необходимости определите ей нужный стиль оформления (3) (подробнее о стилях оформления в главе «Рекомендации для графических материалов»).
Также дополнительные настройки позволяют «подогнать» размер видео под параметры области для больших баннеров (6) и выбрать цвет подложки (11):
Статичная картинка загружается на вкладке подробно.
О том, какие изображения лучше использовать для больших баннеров, читайте также в главе «Рекомендации для графических материалов».
Чтобы добавить видео с Youtube, откройте его в браузере. Нажмите кнопку «Поделиться» (1), а затем «Встроить» (2).
В открывшемся окне кликните «Копировать». Код видео будет помещен в буфер обмена.
Маленькие баннеры, дополняющие большие в публичной части сайта можно только изменить или удалить.
Для вызова элементов управления переключитесь в режим правки.
Наведите указатель на баннер, который требуется удалить (2) или изменить (1). Над ним появится панель с нужными кнопками.
Для добавления нового маленького баннера перейдите в админке в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Верхние маленькие баннеры.
Под создание нового элемента отведена отдельная кнопка (1).
Здесь вы также можете изменить (2), удалить (4) или отключить (3) существующий баннер – вызовите меню кнопки «Гамбургер» и выберите нужный пункт.
Настройки маленьких баннеров, как и прочих подобных элементов, хранятся в карточках. Рассмотрим карточку дополнительных баннеров подробнее.
Здесь вы можете:
Карточки плавающих баннеров в админке хранятся в Рабочий стол → Контент → Контент (aspro.priority) → Реклама - Плавающие баннеры.
Здесь вы можете создавать новые баннеры при помощи одноименной кнопки (1), и изменять (2), удалять (4) или отключать (3) существующие через меню кнопки «Гамбургер».
Редактировать плавающие баннеры, удалять их и создавать новые можно не только в админке, но и на главной странице. Для этого в публичной части сайта включите режим правки.
Наведите указатель на один из баннеров. Над ним появятся 2 меню, которые позволят вам создать новый баннер (1) и изменить (2) или удалить (3) выделенный.
Создание и изменение плавающих баннеров происходит с помощью редактора карточек. Рассмотрим параметры плавающего баннера подробнее.
В карточке рассматриваемого элемента вы можете:
Активируйте Instagram на главной, если он у вас выключен. И примените настройки.
Настройка виджета Instagram из административной части
Перейдите в административный раздел (1), выберите Аспро (2), перейдите в Настройки (3).
В категории «Главная» поставьте галочку напротив «Инстграм» на главной и нажмите «Применить». Виджет стал активен. На этой же странице можно настроить вид отображения виджета:
Плиткой
Слайдер
Для того, чтобы настроить отображение снимков, необходимо получить специальный код Access Token и добавить его на сайт с помощью настроек решения. Как получить токен, написали в документации.
Перейдите в административную часть вашего сайта: Аспро: Priority → Настройки. Найдите поле API token для инстаграма. Скопируйте туда код Access Token и нажмите кнопку «Применить».Готово! Ваши снимки появятся на главной странице.
Для корректной работы виджета Instagram необходимо получить API token Instagram. Как это сделать подробно рассказываем в статье.
Для создания API token понадобится следующее:
Аккаунт разработчика Facebook. Для создания аккаунта перейдите по ссылке https://developers.facebook.com. Если вы уже ранее регистрировались на Facebook, то вам необходимо авторизоваться.
Аккаунт Instagram с медиафайлами. Публикации из этого аккаунта попадут в виджет на сайте.
Уже созданный сайт с установленным решением, на котором будет расположен виджет Instagram.
Перейдите на сайт developers.facebook.com. Для дальнейшей работы вы должны быть авторизованы.
После авторизации выберите пункт «Мои приложения» (1). Затем в выпадающем меню выберите «Создать приложение» (2).
В открывшемся попап-окне выберите тип приложения «Другое».
Укажите название вашего приложения (1).Обратите внимание! Название приложения не должно содержать слово Instagram из-за особенностей работы платформы для разработки. Укажите электронный адрес для связи (2) и создайте приложение (3).
После заполнения формы страница будет перезагружена. Вас перенаправят на страницу панели нового приложения. В меню выберите Настройки → Основное.
Прокрутите открывшуюся страницу до конца и нажмите «Добавить платформу».
В открывшемся окне выберите платформу «Веб-сайт».
В конце страницы появится выбранная платформа «Веб-сайт» и поле для ввода URL-адреса сайта. Заполните его и сохраните изменения.
В меню нажмите «Товары» (1), найдите карточку Instagram Basic Display и перейдите к ее настройке (2).
После того, как вы перейдете к настройке товара, он станет доступным в левом меню. Разверните пункт «Instagram» и выберите пункт «Basic Display» (1). Внизу странице нажмите «Create New App» (2).
Появится всплывающее окно, в котором будет указано ранее заполненное название приложения. На этом шаге просто сохраните изменения.
После сохранения настроек станут доступны новые поля. Необходимо заполнить следующие:
Во всех полях нужно указать адрес сайта, для которого будет настраиваться виджет.
В левом меню выберите пункт «Роли» (1), в выпадающем меню еще раз пункт «Роли» (2). На открывшейся странице выберите «Добавить Instagram Testers» (3).
В открывшемся окне укажите имя пользователя аккаунта Instagram. После выбора отправьте приглашение пользователю.
Пользователь появится в списке тестировщиков, но со статусом «На рассмотрении». Чтобы подтвердить приглашение, необходимо перейти по ссылке в тексте.
Ссылка ведет на сайт Instagram, необходимо авторизоваться, чтобы принять приглашение. На открывшейся странице перейдите Приложения и сайты → Приглашения для тестировщиков. Примите приглашение.
Разверните пункт «Instagram» (1) и выберите пункт «Basic Display» (2). В блоке «User Token Generator» нажмите кнопку «Generate Token» (3).
Если вы не авторизованы, войдите в свой профиль Instagram. На открывшейся странице нажмите кнопку «Авторизовать».
После успешной авторизации необходимо согласиться с предупреждением о необходимости передачи токена только доверенным лицам (1). Скопируйте полученный токен (2).
Дизайн-Менеджер Аспро – это удобный и простой в использовании инструмент, который позволит вам изменять дизайн и оформление вашего сайта на лету. Вы сможете:
Виджет Дизайн-менеджера Аспро расположен в левом верхнему углу сайта рядом с виджетом настроек. Нажмите на него, чтобы включить.
В нижней части страницы появятся панель с блоками, которых нет на главной странице.
Чтобы добавить эти блоки на страницу, нажмите символ «+» рядом с необходимым блоком и он тут же отобразится.
Если вы хотите удалить или переместить блок, воспользуйтесь функционалом в правом углу. Символ «х» (1) позволит удалить блок. Он опять появится на панеле внизу страницы. Чтобы поднять или опустить блок, воспользуйтесь стрелками (2).
Вы можете изменять внешний вид блоков – наведите курсор и появятся варианты отображения блоков.
Вы также можете поменять местами, удалить или добавить плавающие баннеры. Если баннеров нет на странице, то они отображаются как неиспользуемые элементы на нижней панели.
Функционал работы с баннерами аналогичен работе с блоками – вы можете переместить их вверх или вниз на странице или совсем отключить.
В Дизайн-менеджере вы можете менять варианты отображения шапки и футера сайта. Если вы хотите выбрать вариант отображения шапки – наведите курсор на верхнюю часть страницы, чуть выше большого баннера. Появится нумерованный список Переключая цифры, вы увидите как меняется внешний вид шапки.
Аналогично с футером – наведите курсор на нижнюю часть страницы, появится нумерованный список вариантов.
Чтобы вернуть первоначальный вид страницы, до внесенных вами изменений, на панеле внизу страницы, в правом углу нажмите на круговые стрелки. Чтобы закрыть Дизайн-Менеджер, нажмите на символ «X».
Опция переключения внешнего вида доступна:
в виджете
Для списка партнеров доступно 3 варианта внешнего вида:
блочный (контактные данные и краткое описание помещаются под логотипом)
Смена способа отображения карточек доступна:
в виджете настроек
Нажмите одноименную кнопку, чтобы добавить новый раздел (1). Вызовите меню кнопки «Гамбургер», чтобы изменить (2) или удалить (3) существующий.
Для вызова элементов управления в публичной части сайта переключитесь в режим правки.
Наведите указатель на содержимое группы или анонс одного из партнеров. Появится панель, с помощью которой вы сможете изменить (1) или удалить (2) выделенный раздел.
Управлять карточками партнеров можно как в административной части сайта, так и в публичной.
Для управления из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Партнеры. Откройте раздел, в котором должна храниться карточка — например, «Сервисы и инструменты».
Добавьте партнера с помощью одноименной кнопки (1). Если требуется изменить (2), удалить (4) или отключить отображение (3) партнера на сайте, вызовите меню кнопки «Гамбургер» и выберите нужный пункт.
Изменить карточку партнера можно в публичной части сайта можно в режиме правки.
Наведите указатель на карточку партнера, которую необходимо настроить. Появятся 2 панели, с помощью которых вы можете создать нового (1), изменить (2) или удалить с сайта (3) существующего партнера.
В Аспро: Приорити, начиная с версии 1.0.6, вы можете задавать количество элементов в строке от 1 до 5 для раздела «Партнеры». Функция доступна при типах страницы «Блочный» и «Только логотипы». Задавайте то количество, которое будет оптимальным для вашего проекта. Например, если у вас 6 партнеров, то будет красивее, если они расположатся в 2 строки по 3 элемента в каждой.
Чтобы задать количество элементов в строке, в публичной части сайта в режиме правки наведите на область страницы и кликните на шестеренку.
В параметрах компонента новостей в поле «Количество элементов в строке» выберите вариант из выпадающего списка. Сохраните изменения.
Откроется новое окно, инструменты которого позволяют легко и удобно работать с текстом: добавлять изображения, описание, видео и оформлять ссылки.
Чтобы добавить новый раздел, используйте одноименную кнопку (1). Чтобы изменить (2) или удалить (3) существующий – меню кнопки «Гамбургер».
Настройки элементов и разделов хранятся в карточках. При создании нового раздела в редакторе карточки обязательно укажите его название на вкладке «Раздел».
Элементы управления здесь стандартны – кнопка для добавления нового вопроса (1) и меню кнопки «Гамбургер» для изменения (2), удаления (4) или отключения отображения на сайте (3) существующего.
Добавление и изменение вопроса происходит с помощью редактора карточек.
Под «визиткой» выводится перечень вакансий. Его оформление зависит от выбранного шаблона раздела: аккордеон или список.
При выборе варианта «Аккордеон» в перечне будет выводится название вакансии и ключевая информация: город, тип работы, требуемый опыт, предлагаемая заработная плата. Подробности соискатель может просмотреть на этой же странице с помощью кнопки в виде вертикальной стрелки (1). Дополнительная информация откроется в развороте, где также отображается кнопка с формой для отправки резюме (2).Кроме описания вакансии — условий труда, требований и пожеланий, на детальную страницу вакансии можно добавить:
изображение
Переключаться между видами отображения раздела можно:
с помощью виджета настроек на вкладке «Разделы»
Чтобы добавить новый раздел, нажмите одноименную кнопку (1). Для изменения (2) или удаления (3) существующего используйте меню кнопки «Гамбургер».
Для вызова элементов управления в публичной части сайта переключитесь в режим правки.
Наведите указатель на описание отдела или одну из вакансий. Над названием отдела появится панель с кнопками «Изменить раздел» (1), «Удалить раздел» (2).
Содержимое полей из группы «Значения свойств» отобразится:
в анонсе вакансии
Познакомьте кандидата с кем и чем именно ему предстоит работать (актуально только для внешнего вида «Список») – привяжите к детальной странице вакансии:
сотрудников
Редактировать визитку можно как в публичной, так и в административной части сайта. Чтобы настроить визитку через публичку, переключитесь в режим правки. Наведите указатель на содержимое визитки. На появившейся панели вы можете изменить текущие настройки, удалить или создать новую запись в списке статичных страниц.
Чтобы внести изменения через административную часть сайта, перейдите в Контент (1) → Контент (aspro.priority) (2) → О компании (3).
Вызовите меню кнопки «Гамбургер» и выберите нужное действие: изменить текущие настройки элемента (2), деактивировать (3) или удалить элемент (4). Также можно добавить новую запись в списке статичных страниц (1).
Когда вы перешли в редактирование элемента для изменения настроек, найдите «Блок перед списком вакансий в разделе “Карьера”». Включите или отключите кнопку «Отправить резюме» (1), укажите контактное лицо (2), его e-mail (3) и телефон (4) и загрузите изображение (5).
Способ отображения перечня можно изменить в публичной и административной части сайта.
В публичке шаблон меняется через виджет настроек.
Для сохранения изменений нажмите кнопку в правом верхнем углу виджета.
В админке шаблоны переключаются в центре управления: Рабочий стол → Аспро: Priority → Настройки.
Используйте кнопку «Добавить раздел» (1), чтобы создать новую категорию. Вызовите меню кнопки «Гамбургер» на соответствующей строке, чтобы изменить (2) или удалить (3) существующую.
Создание и изменение раздела происходит с помощью редактора карточек. Здесь основным параметром является название раздела (1) – поле обязательно для заполнения.
В разделе «Производители» находится перечень брендов и компаний, чьи товары представлены на сайте. Раздел может иметь вид:
Блоков
Для переключения шаблона из публичной части раскройте виджет настроек.
Чтобы сохранить изменения, нажмите одноименную кнопку (2).
В админке изменить внешний вид раздела можно в Рабочий стол → Аспро: Priority → Настройки.
Пролистайте параметры до группы «Разделы». Выберите нужный вариант у соответствующей настройки и нажмите «Применить».
Добавлять, изменять или удалять производителя из списка можно в административной и в публичной части сайта.
Для управления элементами списка из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Производители.
Нажмите «Добавить производителя» (1), чтобы пополнить список. Вызовите меню кнопки «Гамбургер» у существующего элемента, чтобы изменить (2), удалить (4) или отключить его отображение на сайте (3).
Вызвать элементы управления в публичке можно в режиме правки.
Для этого нужно навести курсор на элемент, который необходимо изменить. На странице раздела появятся 2 панели. Кнопки на одной из них позволят удалить (2) или изменить (1) выделенный элемент. На второй будет кнопка, с помощью которой можно добавить нового производителя(3).
На детальной странице производителя это же действие вызывает одно меню с теми же тремя кнопками.
Кнопки изменения и удаления элемента открывают редактор карточки. Здесь на вкладке «Производитель» вы можете:
А описание для детальной страницы необходимо вводить на вкладке «Подробно». Встроенный визуальный редактор поможет вам отформатировать текст.
После того, как связь будет установлена, лого производителя отобразится на странице с подробным описанием товара.
А товар — на странице производителя.
В режиме правки установленная связь между товаром и брендом на странице бренда позволяет вызвать элементы управления карточкой товара.
В любом бизнесе важна репутация и доверие клиентов. Отзывы — это один из мощных инструментов повышения доверия потенциальных покупателей. В Аспро: Priority под них отведен целый раздел. Здесь посетители могут оставить свой отзыв и ознакомиться с мнением других людей о качестве работы вашей команды.
Отзывы клиентов (2) располагаются друг за другом.
Над ними в начале страницы находится приветственный текст с кнопкой, вызывающей форму обратной связи «Оставить свой отзыв» (1).
С ее помощью посетитель может представиться, описать свои впечатления, поставить оценку по 5-бальной шкале и при необходимость прикрепить файлы и/или видео.
Для раздела «Отзывы» доступно 2 шаблона, влияющих на внешний вид публикаций пользователей. С их помощью автора отзыва можно разместить:
сверху над описанием
Для переключения из публички раскройте виджет настроек.
Переключитесь на вкладку «Разделы» (1). Выберите интересующий вас вариант, чтобы его «примерить». Для сохранения изменения кликните одноименную кнопку (2).
В админке шаблоны переключаются в Рабочий стол → Аспро: Priority → Настройки.
Здесь найти параметр вы можете также в группе «Разделы».
Описание раздела редактируется в публичной части сайта. Переключитесь в режим правки.
Наведите курсор на описание. На появившейся панели нажмите «Изменить область».
Откроется окно визуального редактора. Вставьте здесь свой текст и сохраните изменения.
Чтобы внести изменения в список опубликованных отзывов, откройте раздел в браузере и переключитесь в режим правки.
Для редактирования отзыва наведите на него указатель. Над ним всплывет меню, которое позволит изменить (2) или удалить (3) выделенный элемент. Курсор над содержимым страницы также вызывает меню с кнопкой для добавления нового отзыва (1).
Создание и изменение отзывов происходит через редактор карточек.
Рассмотрим параметры карточки отзыва подробнее:В разделе «Отзывы» выводятся элементы, которые хранятся в админке в Рабочий стол → Контент → Контент (aspro.priority) → Отзывы клиентов.
Здесь вы можете добавить новый отзыв с помощью соответствующей кнопки (1) или удалить (4), изменить (прочитать) (2), скрыть/показать на сайте (3) существующий, используя меню кнопки «Гамбургер».
Если вы используете формы обратной связи, построенные на инфоблоках, то отзывы от пользователей будут попадать сюда (в результаты работы инфоблока) автоматически. Если решение настроено на использование веб-форм, то отзывы клиентов потребуется переносить вручную из результатов работы веб-форм.
Во втором случае перейдите в Рабочий стол → Сервисы → Веб-формы → Результаты → Оставить свой отзыв.
Вызовите меню кнопки «Гамбургер» и нажмите «Изменить». Для заполнения карточки отзыва в Рабочий стол → Контент → Контент (aspro.priority) → Отзывы клиентов используйте значения из группы «Поля результата».
Подробнее об особенностях системы обратной связи читайте в соответствующей главе.
В разделе «Продукция» представлены товары, которые предлагает компания. Для удобства они разделены на категории (разделы) (2). Над списком категорий для привлечения и мотивации покупателей можно разместить небольшой текст (1).
Для страницы основного раздела доступно 6 вариантов оформления:
Блочный с картинками
Список с картинками
Список с картинками и меню
Блочный с иконками
Список с иконками
Список с иконками и меню
Чтобы изменить описание в начале страницы раздела, перейдите в режим правки.
Наведите указатель на описание. В появившемся меню нажмите «Изменить область».
В открывшемся окне введите свой текст, отформатируйте его с помощью инструментов визуального редактора и сохраните изменения.
Управлять внешним видом раздела можно в публичной и административной части сайта. Для переключения шаблона из публички используйте виджет настроек.
В виджете переключитесь на вкладку «Продукция» (1), для «примерки» шаблона выберите нужный вам вариант у одноименного параметра. Чтобы сохранить изменения на сайте, нажмите одноименную кнопку вверху виджета (2).
Для переключения внешнего вида в админке перейдите в центр управления Аспро: Priority → Настройки.
Пролистайте список параметров до группы «Продукция», выберите шаблон и нажмите «Применить».
Изменять и удалять существующие категории товаров в разделе «Продукция» можно как в публичной, так и в административной частях сайта. Добавлять новые — только в админке.
Для вызова элементов управления в публичке переключитесь в режим правки.
На странице со списком категорий (разделов) наведите указатель на раздел, который нужно настроить (1) или удалить (2). Над ним появится меню с нужными кнопками.
Для управления разделами из админки перейдите в Рабочий стол → Контент → Каталог (aspro.priority) → Продукция.
Нажмите «Добавить раздел» (1), чтобы создать новую категорию товаров. Вызовите меню кнопки «Гамбургер» и выберите одноименный пункт, чтобы изменить (2) или удалить (3) существующую категорию.
Настройки категории хранятся в карточках. Рассмотрим ее содержимое подробнее по вкладкам.
В состав вкладки «Раздел» входят такие параметры, как:
Чтобы изменить текст в разделе над списком товаров, переключитесь на вкладку «Доп. поля» и заполните «Краткое описание» (2).
Параметр UF_VIEWTYPE (1) отвечает за способ отображения товаров, которые входят в этот раздел:
в виде плитки
прайса
Эту настройку можно найти в виджете на вкладке «Продукция»:
И в центре управления Аспро: Priority → Настройки.
Параметр находится в группе «Продукция».
Управлять страницей товара можно как в административной, так и в публичной части сайта.
Для вызова элементов управления в публичке переключитесь в режим правки.
Создание нового товара (1), изменение (2) и удаление (3) существующего доступно и на странице категории, в которую входит товар. Наведите указатель на анонс товара, чтобы вызвать его элементы управления.
Добавить новый товар также можно со страницы основного раздела «Продукция».
Для управления описанием товара из админки перейдите в Рабочий стол → Контент → Каталог (aspro.priority) → Продукция и откройте раздел, в котором должен храниться настраиваемый товар. Рассмотрим на примере раздела «Автомобили».
Для добавления нового товара нажмите одноименную кнопку (1). Чтобы изменить (2), удалить (4), деактивировать на сайте показ существующего (3), вызовите меню кнопки «Гамбургер» и выберите соответствующий пункт.
Настройки страницы с подробным описанием хранятся в карточке. Рассмотрим ее содержимое по вкладкам.
Если вы хотите изменить текст в этом блоке, наведите указатель в режиме правки на содержимое страницы и нажмите «Изменить область» в появившемся меню.
В новом окне замените текст на свой, отформатируйте его и сохраните изменения.
Пользовательские характеристики (11) – перечень свойств товара, который вы создаете и настраиваете самостоятельно (подробнее о создании новых характеристик читайте здесь)
Характеристики товаров можно отобразить под табом:
Или в виде отдельного блока:
Внешний вид детальной страницы задается параметром, который можно найти в виджете настроек на вкладке «Продукция».
И в центре управления Аспро: Priority → Настройки.
Также в группе «Продукция».
Как добавить видео
На этой вкладке вы можете добавить ссылки на ролики с youtube (1) или загрузить несколько видеофайлов в систему (2).
Если вам недостаточно полей под 5 файлов или 5 ссылок нажмите кнопку «Добавить» (3) под соответствующим блоком параметров.
В появившемся меню выберите «Встроить».
В новом окне нажмите «Копировать».
В буфер попадет код видео, который нужно вставить в карточку товара (поле «Ссылка на видео»). После сохранения изменений видео появится под соответствующей вкладкой или в блоке.
Здесь загружается изображение для анонса товара (1).
Также для перечня товаров в виде «Список» вы можете дополнить его небольшим описанием (2).
На этой вкладке вы можете:
заполнить верхнюю галерею (в «визитке» товара) основным (1) и дополнительными (2) изображениями;
Также большая галерея показывает в верхнем левом углу количество загруженных в нее фото (1).
загрузить нужные документы (4);
К товару можно привязать:
открытые вакансии
ответы на часто задаваемые вопросы
отзывы клиентов
проекты
карточки сотрудников
похожие или сопутствующие товары
Здесь вы можете переместить товар в другую категорию. Для этого выделите в перечне нужную и сохраните изменения.
Характеристики выводятся в карточке товара:
под одноименным табом
или отдельным блоком
Добавление новых характеристик производится всего в 3 шага. Вам понадобится:
1. Добавить новое свойство (характеристику) в инфоблок
Внимание! Внесения изменений в уже существующие свойства решения, настроенные по умолчанию, могут привести к некорректной работе сайта. Мы не рекомендуем изменять их без навыков разработки на 1С-Битрикс.
Откройте в админке Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.priority) и выберите пункт «Продукция».
Переключитесь на вкладку «Свойства» и пролистайте перечень до конца. Создайте свойство в первой свободной строке. Если свободных строк нет, нажмите на кнопку «Еще».
Для новой характеристики:
Для свойства можно использовать следующие типы:
Список (1). Выберите этот тип, если характеристика должна принимать одно из заданных значений — например, «Статус» может принимать значения: «В наличии» или «Нет в наличии».
Пример значений для свойства «Обновления», информирующая покупателя о том, что разработчики еще осуществляют техническую поддержку представленного в каталоге ПО:
При создании новой характеристики типа «Число» и «Строка» дополнительные настройки не требуются.
После внесения изменений сохраните их. Новое свойство добавлено в инфоблок.
2. Заполнить характеристику в карточке товара в админке
Если вы открыли карточку товара, а новая характеристика в ней не появилась, нажмите на шестеренку в правом верхнем углу и выберите пункт «Настройки».
В верхнем левом перечне (1) выберите «Товар», а в правом (2) – название вкладки, на которой хотите отображать характеристику (в примере свойство будет выведено на основную вкладку «Товар»). Найдите в списке «Доступные поля» (3) созданную вами характеристику, выделите её и нажмите на стрелку (4).
Свойство попадет в список «Выбранные поля». Чтобы определить, в каком порядке должны отображаться характеристики, в редакторе используйте кнопки «Выше», «Ниже» (1). Когда закончите с настройкой, сохраните изменения (2).
После этого созданная характеристика будет доступна для заполнения.
В публичной части сайта откройте страницу с описанием товара. Перейдите в режим правки.
Наведите курсор на содержимое страницы. На появившейся панели нажмите на шестеренку.
В навигационном меню слева выберите «Настройка детального просмотра». Пролистайте справа список до параметра «Свойства». Найдите новую характеристику в перечне, зажмите клавишу «Ctrl» и выделите ее. Не забудьте сохранить изменения.
Готово! Характеристика добавлена.
Если вы намерены использовать большое число пользовательских характеристик и вам хотелось бы ограничить их отображение в карточках товаров в соответствии с категориями, следуйте указаниям из этой инструкции.
Также вы можете найти дополнительную информацию по теме в главе «Свойства и связи».
Чтобы изменить положение блоков на детальной странице товара, переключитесь в режим правки.
Наведите указатель на содержимое страницы и на всплывшем меню нажмите на шестеренку.
В новом окне перейдите на вкладку «Настройки детального просмотра». Здесь вы найдете конструкторы страницы для:
табов
блоков для шаблона с табами
блоков для безтабового шаблона
При использовании шаблона «Без табов» содержимое вкладок представляется в виде отдельных блоков. Этот конструктор помогает регулировать их положение относительно прочих элементов.
Пример отображения списка привязанных документов и характеристик товара в безтабовом шаблоне:
Пользоваться конструкторами очень просто – захватите левой кнопкой мыши один из элементов и переместите его вверх или вниз на нужное место. Для примера передвинем вкладку «Видео» в начало:
Таб или блок, на чье место был установлен другой элемент, сместится вниз или вверх (в зависимости от того, где освободилось место) вместе с остальными элементами. В нашем примере «Видео» находилось внизу, поэтому, когда мы перенесли этот таб в начало, прочие табы сдвинулись вниз.
Вид табов на странице до изменений:
После:
Внимание! Настройки в параметрах компонента действуют на все элементы внутри раздела, включая те, что находятся в разных внутренних подразделах.
В Аспро: Приорити, начиная с версии 1.2.5, в товарах добавлено свойство «Валюта» для микроразметки. Валюту теперь можно подставлять в цену товара с помощью маркера #CURRENCY#.
Перейдите в редактирование товара: Контент → Каталог (aspro.priority) → Продукция → Товар. У элемента отображается новое свойство «Валюта». Выберите для него значение в выпадающем списке. Оно не отобразится на сайте.
Если поле не отображается, перейдите в настройки формы редактирования. Для этого в правом верхнем углу нажмите на шестеренку, затем выберите «Настройки».
В блоках «Доступные вкладки» (1) и «Вкладки» (2) отметьте поле «Товар». В блоке «Доступные поля» выделите поле «Валюта» (3). Добавьте выбранное поле (4). Сохраните изменения.
Чтобы выбранная валюта подставлялась автоматически в текст, нужно добавить маркер #CURRENCY#. Например, в поле «Цена» пропишем вместо значения «р.» маркер «#CURRENCY#» (1). При этом валюта у нас задана в соответствующем поле (2).
Результат в публичной части сайта. Для обычной цены отображается валюта «руб.», которая подставляется с помощью маркера и заданной валюты в отдельном поле.
Услуги могут отображаться виде списка направлений деятельности компании (2) с небольшим описанием над ним (1).
Для услуг с направлением деятельности доступно 7 шаблонов списка раздела:
1 – блочный с картинками и боковым меню
6 – список с картинками и описанием (его также можно развернуть и увидеть перечень услуг) без бокового меню
С версии 1.0.5 решения появилась возможность выводить услуги без разделов.
Чтобы настроить список услуг без разделов, нажимаем на шестеренку и в параметрах компонента «Новости» выбираем «Управление адресами страниц». В поле «Страница раздела» (1) убираем параметры. В странице детального просмотра также убираем параметры, которые были отображены на строке выше. Оставляем только формулировку #ELEMENT_CODE#/ (2). Нажимаем «Сохранить».
Наведите указатель на текст. На появившемся меню нажмите «Изменить область».
В новом окне измените текст описания, отформатируйте его с помощью инструментов визуального редактора и сохраните изменения.
Здесь содержится список услуг, входящих в раздел (1) и текстовое описание (2). Список может состоять из более мелких подразделов или услуг. В отличии от страницы основного раздела «Услуги» здесь описание можно добавить как над списком, так и под ним. Об этом в уроке «Настройка и редактирование разделов».
Для списка элементов (услуг) доступно 4 варианта внешнего вида:
1 – блочный с картинками
2 – блочный с иконками
Как это сделать, читайте в главе «Настройка и редактирование страницы услуги». Положение всех перечисленных элементов также настраивается! Об этом в уроке «Управление расположением блоков».
Или отдельных блоков:
Внешний вид страницы основного раздела, входящих в него подразделов и детальной страницы услуги настраивается:
в виджете настроек на вкладке «Услуги»
Управлять разделами можно как в административной, так и в публичной части сайта. Но, есть один нюанс – добавлять новые разделы можно только в админке.
Чтобы вызвать элементы управления в публичной части сайта, переключитесь в режим правки.
В списке разделов наведите указатель на анонс того раздела, который нужно изменить (1) или удалить (2). На появившемся меню используйте кнопку, соответствующую вашим целям.
Для управления разделами из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Услуги.
Нажмите «Добавить раздел» (1), чтобы создать новый. Вызовите меню кнопки «Гамбургер» и используйте одноименный пункт, чтобы изменить (2) или удалить (3) существующий.
Все настройки раздела хранятся в карточках. Рассмотрим ее подробнее.
На основной вкладке «Раздел» вы можете:
Для вызова элементов управления в публичке включите режим правки.
На детальной странице услуги наведите указатель на ее содержимое (под баннером, если он есть). Появится панель с кнопками, которые позволят вам изменить (1), удалить (3) просматриваемую услугу или добавить новую (2).
Те же элементы управления доступны на странице подраздела, в который входит услуга. Наведите указатель на анонс, чтобы вызвать меню с кнопками «Изменить услугу» (2), «Удалить услугу» (3) (действие будет применено к выделенному элементу). Указатель над содержимым раздела также вызовет второе меню с кнопкой «Добавить услугу» (1).
Для настройки и редактирования услуги из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Услуги и откройте раздел, где должна храниться услуга. Например, «Автоматизация бизнеса».
Нажмите «Добавить услугу» (1), чтобы создать новую. Вызовите меню кнопки «Гамбургер» и выберите соответствующий пункт, если хотите изменить (2), удалить (4) или отключить отображение услуги на сайте (3).
Все настройки детальной страницы услуги хранятся в карточках. Рассмотрим ее содержимое по вкладкам.
Здесь находятся параметры, которые позволят:
по ширине страницы (вариант по умолчанию) – картинка устанавливается над контентом и выравнивается по центру
Галерея позволяет:
Также в верхнем левом углу посетитель может увидеть количество загруженных в галерею изображений (1).
подключить кнопки, связанные с формами обратной связи «Заказать услугу» и «Задать вопрос» (7) (параметры включают кнопки как над текстом, так и на баннере).
Если вы включили отображение блока с кнопками и хотите изменить на нем текст-приглашение, наведите указатель на рассматриваемый блок в режиме правки и на плавающей панели нажмите «Изменить область».
В новом окне исправьте текст и сохраните изменения.
Вывод цен в услуги
Чтобы настроить цены на услуги необходимо открыть карточку «Услуги» и в «Характеристике» в поле «цена» вписать необходимое значение. Также вы можете отобразить скидку на услуги: вписать в пункте «Старая цена» обычную стоимость, а в «Цене» – стоимость услуги со скидкой.
С версии решения 1.0.5 цена будет выводиться автоматически как в анонсе, так и в детальной карточке услуги
В публичной части услуги, где отображены поля «Старая цена» и «Цена», будут иметь вид:
На этой вкладке к детальной странице добавляется видео. Вы можете загрузить несколько файлов на сервер, где расположен ваш сайт (1), или привязать видеоролики с youtube (2). По умолчанию отображается по 5 полей для загрузки видео. Если вам нужно больше, нажмите «Добавить» (3, 4) под нужной группой параметров.
Чтобы добавить код с youtube, откройте видео в браузере. Нажмите «Поделиться».
Затем в новом окне нажмите «Копировать».
Вставьте скопированный код в соответствующее поле карточки. После сохранения изменений видео появится под одноименным табом или в виде отдельного блока.
Оформить анонс услуги в списке подраздела, в который она входит, можно на одноименной вкладке. Здесь загружается картинка для анонса (1) и/или иконка (2).
Поле «Описание для анонса» (3) хранит текст, выводимый:
Текстовое описание услуги добавляется на вкладке «Подробно» в соответствующем поле (2). Здесь же находится область загрузки для основного изображения (1) детальной страницы (оно используется, когда на одноименной вкладке отключен баннер).
Здесь хранятся пользовательские характеристики, выводимые:
в одноименном блоке
Увеличьте перекрестные продажи и конверсию сайта – добавьте дополнительные связи на одноименной вкладке.
Привяжите:
примеры реализованных проектов (7)
список сопутствующих товаров (9)
Для мотивации покупателей добавьте также:
действующие акции, последние новости из вашей сферы деятельности (4)
Вместо основной картинки можно установить красочный баннер во всю ширину страницы с текстом и кнопками. Откройте одноименную вкладку, поставьте галку «Баннер сверху» (1) и загрузите изображение:
На вкладке «Разделы» вы можете перенести услугу в нужный подраздел.
Готово! Характеристика добавлена.
Чтобы получить дополнительную информацию по теме, ознакомьтесь с главой «Свойства и связи».
Для изменения положения блоков на детальной странице услуги переключитесь в режим правки.
Наведите указатель на содержимое страницы (под баннером, если он есть). На всплывшем меню нажмите на шестеренку.
В новом окне перейдите в группу «Настройки детального просмотра». Здесь находится 3 конструктора:
Порядок отображения табов
При использовании шаблона «Без табов» содержимое вкладок представляется в виде отдельных блоков. Этот конструктор помогает регулировать их положение относительно прочих элементов.
Пример отображения списка привязанных документов и проектов в безтабовом шаблоне:
Пользоваться конструкторами очень просто – захватите левой кнопкой мыши один из элементов и переместите его вверх или вниз на нужное место. Для примера передвинем список документов в табах в начало:
Таб или блок, на чье место был установлен другой элемент, сместится вниз или вверх (в зависимости от того, где освободилось место) вместе с остальными элементами. В нашем примере документы были внизу, поэтому, когда мы перенесли их в начало, прочие табы сдвинулись вниз.
Вид табов на странице до изменений:
Внимание! Настройки в параметрах компонента действуют на все элементы внутри раздела, включая те, что находятся в разных внутренних подразделах.
Детальная страница услуги с боковой колонкой
Детальная страница услуги без боковой колонки
Управлять отображением боковой колонки на детальной странице услуг можно через публичную и административную части сайта. Чтобы деактивировать отображение боковой колонки через публичную часть сайта, перейдите в виджет настроек. Выберите блок «Услуги» и отключите боковую колонку на детальной странице.
Чтобы изменить настройки через административную часть сайта, проделайте путь: Аспро (1) → Приорити (2) → Настройки (3).
Пролистайте до блока «Услуги» и деактивируйте поле «Боковая колонка на детальной странице».
После внесения изменений сохраните настройки.
Давайте рассмотрим структуру раздела и детальной страницы проекта. Здесь представлен список проектов (2), который можно оформить небольшим текстом (1).
Для перечня проектов доступно 6 вариантов внешнего вида:
Смена шаблона страницы доступна в:
виджете настроек, вкладка «Разделы»
Наведите указатель на содержимое. На появившейся панели нажмите «Изменить область».
Внимание! Особенность 1С-Битрикс — при использовании микс-фильтрации табов должна быть отключена постраничная навигация. То есть проекты должны отображаться на одной странице.
Управлять табами раздела «Проекты» можно через публичную и административную части сайта. Чтобы изменить вид отображения через публичную часть сайта, перейдите в виджет настроек. Кликните на блок «Разделы», активируйте показ верхнего блока раздела «Проекты» и выберите тип переключения табов.
Чтобы изменить настройки через административную часть сайта, проделайте путь: Аспро (1) → Приорити (2) → Настройки (3).
Пролистайте до блока «Разделы», активируйте поле «Показывать верхний блок раздела «Проекты» и выберите типа переключения табов.
После внесения изменений не забудьте сохранить настройки.
Подразделы в разделе «Проекты» используются для распределения проектов по вкладкам (в шаблонах «Блочный по разделам» и «Блочный 2 по разделам»).
Создавать, изменять и удалять подразделы можно только в административной части сайта. Откройте Рабочий стол → Контент → Контент (aspro.priority) → Проекты.
Нажмите одноименную кнопку, чтобы добавить новый раздел (1). Вызовите меню кнопки «Гамбургер» и выберите соответствующий пункт, чтобы изменить (2) или удалить (3) существующий раздел.
Управление и настройка элементов в админке происходит с помощью карточек. Рассмотрим основные 3 параметра карточки раздела:
На вкладке «Раздел» вы можете включить или отключить отображение раздела на сайте (1), а также дать ему название (2) (это поле обязательно для заполнения);
На вкладке «Дополнительно» с помощью параметра «Сортировка» вы можете указать на какой позиции должна отображаться вкладка раздела – чем выше индекс сортировки, тем правее будет таб.
Для вызова элементов управления в публичке перейдите в режим правки.
На странице раздела «Проекты» наведите указатель на анонс проекта, который необходимо изменить (2) или удалить (3). Выберите нужный вариант на появившемся меню. Указатель над содержимым страницы также вызовет меню с кнопкой «Добавить проект» (1).
Для настройки и редактирования страницы из админки перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Проекты. Если вы используете распределение по разделам, откройте тот, в котором хранится проект. Например, Киберпреступления.
Нажмите «Добавить проект» (1), чтобы создать новый. Вызовите меню кнопки «Гамбургер» и выберите соответствующий пункт, чтобы изменить (2), удалить (4) или отключить отображение (3) существующего проекта на сайте.
Настройки элементов в админке хранятся в карточках. Рассмотрим параметры карточки проекта по вкладкам.
На этой вкладке вы можете:
При желании вы можете изменить текст в этом «Задать вопрос». Наведите указатель в режиме правки на описание проекта. На всплывшем меню нажмите «Изменить область».
В окне редактора замените текст на свой и сохраните изменения.
Здесь происходит оформление анонса – загружается изображение (1), определяется каким цветом на картинке должно отображаться название проекта (2) (светлым или темным) и добавляется небольшое описание (3). Описание в перечне видно только при использовании шаблона «Список».
На вкладке «Подробно» вносится детальное описание проекта (3), загружается основное изображение в верхнюю галерею (1) и определяется способ его расположения (2):
наверху
по ширине
Здесь вы можете расширить описание проекта и привязать к нему:
Вместо обычной картинки можно установить баннер с небольшим описанием (со вкладки «Анонс») и кнопками «Заказать проект» и «Задать вопрос».
Для этого перейдите на одноименную вкладку, поставьте галку «Баннер сверху» (1) и загрузите изображение в поле «Фоновая картинка» (3).
Для составного баннера также загрузите активную картинку в соответствующую область (2) и выберите направление анимации картинки (5): сверху, слева, справа или снизу.
По умолчанию используется черный цвет для текста. Чтобы изменить его, заполните одноименное поле (4) 16-ричным кодом нужного цвета (не забудьте в начале установить символ «#», как показано на скриншоте ниже).
Здесь указываются ключевые данные о проекте:
Если вы распределяете проекты по разделам, на этой вкладке вы можете перенести элемент в другой раздел. Достаточно выбрать в перечне нужный и сохранить изменения.
Характеристики отображаются, если в карточке проекта заполнены соответствующие поля. Если для какого-то проекта вам не нужно выводить характеристики, оставьте поля пустыми.
Добавление новых характеристик производится всего в 3 шага. Вам понадобится:
Добавить новое свойство (характеристику) в инфоблок.
Внимание! Внесение изменений в уже существующие свойства решения, настроенные по умолчанию, может привести к некорректной работе сайта. Мы не рекомендуем изменять их без навыков разработки на 1С-Битрикс.
Откройте в админке Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Контент (aspro.priority) и выберите пункт «Проекты».
Переключитесь на вкладку «Свойства» и пролистайте перечень до конца. Создайте свойство в первой свободной строке. Если свободных строк нет, нажмите кнопку «Еще».
Для новой характеристики:
Для свойства можно использовать следующие типы:
Пример значений для свойства «Задачи»:
При создании новой характеристики типа «Число» и «Строка» дополнительные настройки не требуются.
После внесения изменений сохраните их. Новое свойство добавлено в инфоблок.
2. Заполнить характеристику в карточке проекта в админке.
Если вы открыли карточку проекта, а новая характеристика в ней не появилась, нажмите на шестеренку в правом верхнем углу и выберите пункт «Настройки».
В верхнем левом перечне (1) выберите «Проект», а в правом (2) – название вкладки, на которой хотите отображать характеристику (для удобства рекомендуем выводить все свойства проекта на вкладку «Характеристики»). Найдите в списке «Доступные поля» (3) созданную вами характеристику, выделите её и нажмите на стрелку (4).
Свойство попадет в список «Выбранные поля». Чтобы определить, в каком порядке должны отображаться характеристики, в редакторе используйте кнопки «Выше», «Ниже» (1). Когда закончите с настройкой, сохраните изменения (2).
После этого созданная характеристика будет доступна для заполнения.
3. Настроить параметры компонента.
В публичной части сайта откройте страницу проекта и перейдите в режим правки.
Наведите курсор на содержимое страницы. На появившейся панели нажмите на шестеренку.
В навигационном меню слева выберите «Настройка детального просмотра». Пролистайте справа список до параметра «Свойства». Найдите новую характеристику в перечне, зажмите клавишу «Ctrl» и выделите ее. Не забудьте сохранить изменения.
Готово! Характеристика добавлена.
Чтобы получить дополнительную информацию по теме, ознакомьтесь с главой «Свойства и связи».
Чтобы изменить расположение блоков, в публичной части сайта активируйте режим правки. Наведите на область страницы проекта и нажмите на шестеренку.
В параметрах компонента новостей перейдите в настройки детального просмотра и найдите поле «Порядок отображения блоков». Измените последовательность вывода элементов и сохраните изменения.
Раздел «Пресс-центр» имеет 2 способа представления анонсов:
в виде списка
Шаблон раздела можно переключить в публичной и в административной части сайта.
Чтобы сделать это из публички, разверните виджет настроек.
Переключитесь на вкладку «Разделы» (1). Пролистайте параметры до соответствующей настройки и выберите понравившийся вариант. Страница раздела примет нужный вид, но это будет только «примерка». Чтобы сохранить изменения, нажмите одноименную кнопку (2) вверху виджета.
Для переключения внешнего вида из админки перейдите в центр управления Аспро: Priority → Настройки.
Параметр будет находится, как и в виджете, в группе «Разделы».
Подразделы в разделе «Пресс-центр» используются для сортировки статей по типу (по умолчанию это новости, акции, пресс-релиз). Такое разделение используется для удобства администрирования. Вы можете создавать свои типы, редактировать и удалять существующие. Для этого откройте Рабочий стол → Контент → Контент (aspro.priority) → Пресс-центр.
Чтобы создать новый подраздел, используйте соответствующую кнопку (1). Для изменения (2) и удаления (3) существующего – меню кнопки «Гамбургер».
Создание и изменение раздела происходит с помощью редактора карточек. В карточке раздела ключевым параметром является его название.
На странице «Пресс-центр» название раздела отображается в анонсе статьи.
Название категории статьи (раздела, в который она входит) также можно увидеть на ее детальной странице:
Создавать, изменять и удалять статьи можно как в публичной, так и в административной части сайта.
Для вызова элементов управления в публичке переключитесь в режим правки.
Наведите указатель на анонс публикации, которую хотели бы откорректировать. Появятся 2 панели с кнопками для добавления (1), изменения (2) и удаления (3) новости. Изменение и удаление будет произведено над выделенным элементом.
Те же кнопки можно вызвать и на детальной странице статьи. Действия те же – навести указатель на содержимое в режиме правки.
В административной части сайта для работы с новостями перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Пресс-центр. Если вы используете разделение статей по категориям, откройте нужный раздел. Например, «Пресс-релиз».
Нажмите «Добавить новость» (1), чтобы создать новую статью. Вызовите меню кнопки «Гамбургер», если вам необходимо изменить (2), удалить (4) или отключить отображение (3) существующей на сайте.
Содержимое публикации и настройки, связанные с ее оформлением хранятся в карточках. Рассмотрим параметры карточки статьи подробнее по вкладкам.
Здесь вы можете:
Анонс новости настраивается на одноименной вкладке.
Здесь загружается миниатюрное изображение (1) (оно может отличаться от картинки на детальной странице) и добавляется небольшое описание для привлечения внимания посетителей (2).
Текст анонса дублируется на детальной странице статьи:
Если вместо простой картинки вы используете баннер, то текст анонса будет выводиться на нем.
На вкладке «Подробно» вы можете загрузить картинку (1) для оформления детальной страницы. Основной текст статьи следует вводить и форматировать в поле «Детальное описание» (2).
Для вашего удобства разработчики Аспро в сниппеты визуального редактора добавили тизеры с двумя способами отображения описания:
Чтобы вставить их в текст, раскройте боковое меню.
Описание тизера можно редактировать как обычный текст.
С помощью параметров этой вкладки к статье из раздела «Пресс-центр» вы можете привязать:
Вместо обычной картинки в начале страницы вы можете использовать баннер. Для этого переключитесь на одноименную вкладку и:
С помощью перечня на этой вкладке вы можете изменить категорию статьи (перенести ее в другой раздел).
В Аспро: Приорити вы можете создать категории и облако тегов для новостей. Облако тегов – это блок с ключевыми словами, которые используются в статьях на сайте. Благодаря им улучшается перелинковка статей, упрощается навигации по сайту. В этой статье мы расскажем как создать облако тегов и систему рубрик.
Откройте виджет настроек (1), перейдите во вкладку «Разделы» (2), выберите для раздела «Пресс-центр» (3), вид «Плиткой с боковой колонкой» (4). Только в этом варианте будет отображаться облако тегов.
Как выглядит страница с выбранными настройками отображения:
На странице появились «Категории» (1) и «Облако тегов» (2). Чтобы сформировать облако, для каждой новости можно прописать свои теги. Задать теги можно из публичной и административной части сайта. Категории только из административной части. Расскажем как это сделать.
Перейдите в режим правки – он находится в правом верхнем углу. Активируйте его – перетащите колесико курсора вправо.
Перейдите в новость, наведите курсором на текст новости. В появившемся меню выберите «Изменить новость».
В появившемся окне перейдите на вкладку «SEO» (1), найдите поле «Теги» (2). Напишите тег своей статьи – слово или словосочетание. Если хотите указать несколько, укажите слова через запятую. Нажмите «Сохранить», изменения появятся на сайте.
Перейдите в административную часть сайта (1), во вкладку «Контент» (2) → «Пресс-центр» (3). Здесь вы можете «Добавить новость» (4) или создать раздел (5) с новостями. На скрине показаны 2 активных раздела (6) – они выводятся на сайт.
Так разделы выглядят на сайте в блоке «Категории».
Чтобы отредактировать новость, перейдите в неё. Нажмите на вкладку SEO (1).
Ваши изменения отобразятся на сайте.
Детальная страница пресс-центра с боковой колонкой подписки
Детальная страница пресс-центра без боковой колонки подписки
Управлять отображением боковой колонки на детальной странице пресс-центра можно через публичную и административную части сайта. Чтобы деактивировать отображение боковой колонки через публичную часть сайта, перейдите в виджет настроек. Выберите блок «Разделы» и отключите боковую колонку подписки на детальной странице пресс-центра.
Чтобы изменить настройки через административную часть сайта, проделайте путь: Аспро (1) → Приорити (2) → Настройки (3).
Пролистайте до блока «Разделы» и деактивируйте поле «Боковая колонка на детальной странице пресс-центра».
После внесения изменений сохраните настройки.
Этот вариант подходит для компаний, у которых один офис.
Данный шаблон также предназначен для компаний с единственным офисом. Здесь используются те же элементы, что и в предыдущем виде раздела. Изменена их компоновка. Визуально страница делится на 2 части. Правую целиком занимает карта с меткой, а левую – картинка, контактные данные и небольшой текст с кнопкой «Написать сообщение».
Данный шаблон разработан для крупных компаний с множеством региональных представительств.
Здесь в верхней части страницы находится карта с поиском филиалов по регионам и городам и кнопкой «Написать сообщение». Под картой располагается перечень филиалов, сгруппированный по областям.
Для каждого офиса компании указывается адрес, номер телефона, e-mail, режим работы и название ближайшей станции метро. Эти сведения можно дополнить изображением. Например, фотографией здания, в котором находится офис.
Также у каждого филиала есть кнопки:
Этот вариант внешнего вида также предназначен для крупных компаний с филиалами.
Страница состоит из 3 частей, следующих друг за другом:
1. Визитка главного офиса.
Здесь выводится альтернативное название главного офиса, его адрес, контактные номера телефонов, e-mail, режим работы, название ближайшей станции метро, ссылки на социальные сети, небольшой текст с кнопкой «Написать сообщение».
2. Карта с маркером положения главного офиса.
3. Перечень филиалов в виде плитки.
Для каждого филиала указывается адрес, название станции метро, режим работы, номер телефона и e-mail. Как и в предыдущем шаблоне, у каждого филиала также есть кнопка «Показать на карте». Здесь она открывает боковую панель с отметкой положения выбранного офиса филиала на карте.
Внешний вид раздела «Контакты» переключается как в публичной, так и в административной части сайта.
Чтобы «примерить» шаблон в публичке, разверните виджет настроек.
Переключитесь на вкладку «Разделы». Выберите интересующий вас вариант в группе «Контакты». Страница тут же примет заданный вид.
Чтобы применить шаблон к странице, нажмите «Сохранить настройки».
В админке переключить внешний вид раздела вы можете в Аспро: Priority → Настройки.
Перейдите к группе «Разделы», выберите в выпадающем списке «Контакты» (1) интересующий вас вариант и нажмите «Применить» (2).
Также в этой группе вы можете найти параметры, отвечающие за:
Включать/отключать элементы управления (4): кнопки, шкалу и ползунок масштаба, переключатель типа карты, поиск по ней и мини-карту;
Изменить высоту (3) и ширину (2) карты;
Определить дополнительные настройки (5) – разрешить или запретить перетаскивание карты, изменение масштаба колесом мыши/двойным щелчком/правой кнопкой мыши;
Определить тип карты, используемый по умолчанию (1):
Схема;
Чтобы вызвать редактор параметров компонента, в публичной части сайта наведите указатель в режиме правки на содержимое страницы. На появившейся панели разверните подменю кнопки в виде шестеренки (стрелочка справа). Далее выберите Яндекс.Карты: настраиваемая карта (bitrixmap.yandex.view) → Редактировать параметры компонента.
Группы филиалов (разделы) используются в шаблоне «С филиалами и выбором региона». Для удобства администрирования вы также можете сгруппировать офисы и в шаблоне «С центральным офисом и филиалами».
Вариант внешнего вида «С филиалами и выбором региона» позволяет изменять (1) и удалять (2) разделы прямо в публичной части. Создание новых разделов здесь доступно только в админке.Для вызова элементов управления в публичке переключитесь в режим правки и наведите указатель на название раздела.
Редактирование разделов в публичной части для шаблона «С центральным офисом и филиалами» недоступно. Данный вариант предполагает управление разделами только в административной части сайта.
В обоих случаях для редактирования разделов через админку перейдите в Рабочий стол → Контент → Контент (aspro.priority) → Контакты.
Нажмите «Добавить раздел» (1), чтобы создать новую группу. Если вам нужно изменить (2) или удалить (3) раздел, используйте меню кнопки «Гамбургер».
Создание и изменение раздела происходит с помощью редактора карточек.
Рассмотрим основные параметры карточки раздела:
Чтобы определить порядок отображения разделов (групп) на странице, перейдите на вкладку «Дополнительно» и укажите индекс сортировки. Чем меньше индекс сортировки, тем выше положение раздела в списке.
Возможности редактирования информации об офисах зависят от используемого шаблона. Так, редактирование информации в шаблонах «Компактный» и «Компактный 2» доступно только в административной части сайта. А шаблоны «С филиалами и выбором региона» и «С центральным офисом и филиалами» позволяют также управлять информацией об офисах в публичной части сайта (кроме сведений о главном офисе).
Для управления из публички переключитесь в режим правки.
Наведите указатель на содержимое страницы «Контакты» и нажмите «Добавить элемент» на всплывшей панели, чтобы пополнить список филиалов информацией о новом офисе.
Вид в шаблоне «С филиалами и выбором региона»:
Вид в шаблоне «С центральным офисом и филиалами»:
Чтобы изменить сведения об офисе филиала существующего в базе, также в режиме правки наведите на него указатель. Появится панель с кнопками «Изменить элемент» (1), «Удалить элемент» (2).
Вид в шаблоне «С филиалами и выбором региона»:
Вид в шаблоне «С центральным офисом и филиалами»:
Независимо от используемого шаблона, редактирование сведений об офисах происходит в Рабочий стол → Контент → Контент (aspro.priority) → Контакты. Если вы используете группировку филиалов по разделам, то откройте нужную группу. Например, «Москва» в «Московской области».
Нажмите «Добавить элемент» (1), чтобы создать карточку нового офиса. Для изменения (2) или удаления (3) карточки офиса вызовите меню кнопки «Гамбургер» и выберите нужный пункт.
Рассмотрим параметры карточки офиса подробнее.
На вкладке «Элемент»:
Для быстрой ориентации по карте вы можете использовать строку поиска. Названия некоторых улиц весьма популярны, поэтому, чтобы сократить список результатов, вводите в поиске также название города.
Для перемещения по карте зажмите левую кнопку мыши и сместите карту в нужную сторону.
Кликните дважды левой кнопкой мыши, чтобы поставить маркер.
Если вам требуется перенести установленный маркер на другое место, ухватите его левой кнопкой мыши и перетащите.
Чтобы оформить сведения об офисе в списке шаблона «С филиалами и выбором региона» изображением, перейдите на вкладку «Анонс» и загрузите фото в область «Картинка для анонса» (1).
На этой же вкладке (в карточке главного офиса) в поле «Описание для анонса» (2) редактируется текст, выводимый с кнопкой «Написать сообщение» в шаблонах «Компактный», «Компактный 2», «С центральным офисом и филиалами».
Изображение для шаблонов «Компактный» и «Компактный 2» загружается на вкладке «Подробно».
Если вы используете распределение филиалов по группам, на вкладке «Разделы» можно указать/изменить группу, в которую входит редактируемый офис.
В решении Аспро: Приорити система обратной связи реализована как для редакции 1С-Битрикс: Стандарт, так и для редакции 1С-Битрикс: Старт. В обеих редакциях обратная связь построена на следующих формах:
1. Заказать звонок
В редакции 1С-Битрикс: Старт отсутствует модуль «Веб-формы», поэтому использование функционала системы обратной связи кажется невозможным. Но мы нашли выход из этой ситуации – реализовали систему обратной связи на инфоблоках. Так вы можете не просто заявить о себе в просторах Интернета, но еще и конвертировать посетителей сайта в заявки.
Сообщения пользователей, полученные с форм, хранятся в административной части сайта. Для их просмотра перейдите в Рабочий стол → Контент → Формы (aspro.priority). Для просмотра сообщений, например, с формы «Обратный звонок», кликните по ее названию.
Перед вами откроется список сообщений от посетителей. Щелкните на название, чтобы прочитать его.
В группе «Значения свойств» хранится информация, которую оставил пользователь.
Вы можете создавать новые, изменять и удалять существующие формы. Перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Формы (aspro.priority).
Для создания новой формы нажмите «Добавить инфоблок» (1). Чтобы изменить (2) или удалить (3) форму, вызовите меню кнопки «Гамбургер» у соответствующей строки и выберите нужный пункт.
Внимание! При удалении инфоблока также удаляются все результаты, собранные формой. Перед удалением инфоблока проверьте, чтобы у него не было связи с другими объектами.
Рассмотрим основные настройки инфоблока.
На вкладке «Инфоблок»:
Для каждого поля обязательно нужно указать название (1), тип (2) и код заглавными латинскими буквами (7).
Тип определяет, какое значение будет принимать поле – «Строка», «HTML/текст», «Число», «Дата», «Список» (когда пользователю предлагается несколько вариантов стандартных ответов – например, «да» или «нет») или «Файл» (например, для загрузки документа с резюме). Если пользователь укажет в поле значение неверного формата, форма выдаст ошибку.
Чтобы поле отображалось в форме, установите галку «Акт.» (3). Если поле может хранить более одного значения, отметьте «Множ.» (4) – например, чтобы разрешить загрузку более одного файла за раз:
Для полей, которые являются обязательными для заполнения, активируйте параметр «Обяз.» (5). Чтобы задать порядок отображения полей на форме, заполните колонку «Сорт.» (6) – чем меньше индекс сортировки, тем выше будет положение поля.
Для удаления лишней строки установите галку «Удал.» (9) и нажмите «Применить».
Внимание! Внесение изменений в свойства форм, настроенных по умолчанию, без навыков разработки на 1С-Битрикс может привести к неприятным результатам.
Колонка «Изм.» (8) содержит кнопки, которые открывают редактор свойств (полей) с дополнительными настройками. Дополнительные настройки могут понадобиться для определенных типов полей. Например, для поля типа «Список» в таблице «Значения списка» (2) следует задать доступные для выбора варианты. Также здесь можно выбрать внешний вид (1) – список или флажки.
Примечание: После окончания редактирования сохраните изменения и сбросьте кеш, чтобы обновить информацию на сайте.
О том, как изменить подпись о согласии на обработку персональных данных, вы можете узнать здесь.
Вы можете сами выбрать, какой использовать вариант реализации системы обратной связи — стандартными веб-формами от 1С-Битрикс или инфоблоками (о них рассказали подробнее в уроке «Веб-формы для редакции 1С-Битрикс: Старт»).
Внимание: Для настройки интеграции решения с CRM-системой включите использование веб-форм от 1С-Битрикс.
Если модуль веб-форм установлен, в решении появится дополнительный параметр — «Использовать веб-формы вместо инфоблоков». Его можно найти в админке. Перейдите в Аспро: Priority → Настройки.
Сообщения пользователей с веб-форм хранятся в Рабочий стол → Сервисы → Веб-формы → Результаты. Чтобы просмотреть результаты формы, например, «Заказать звонок», выберите соответствующий пункт. Содержимое сообщений с небольших форм можно просмотреть прямо в таблице (4).
Здесь также видно:
Для просмотра результатов с форм в более удобном виде вызовите меню кнопки «Гамбургер» и нажмите «Изменить».
Вы можете создавать (1), изменять (2) и удалять веб-формы (3) в Рабочий стол → Сервисы → Веб-формы → Настройка форм.
Рассмотрим основные настройки форм.
На вкладке «Свойства» находятся следующие параметры:
Также к созданию нового поля можно быстро перейти из списка веб-форм – нажмите на «+» в колонке «Вопросы» на соответствующей строке.
При создании нового поля на вкладке «Свойства» обязательно укажите символьный идентификатор (3) (латинскими заглавными буквами). На этой же вкладке:
На вкладке «Ответ»:
Если же в качестве ответа посетитель должен ввести свой текст, поставьте в первой колонке пробел и выберите нужный тип (text или textarea).
Подробнее о настройке веб-форм вы можете узнать из курса от 1С-Битрикс.
Для коммерческого сайта корзина является неотъемлемым атрибутом сделок купли-продажи. Преимуществом атрибута является быстрое оформление покупки нескольких товаров удаленно в процессе изучения посетителем каталога товаров и услуг.
В этой главе рассмотрим как настраивать корзину и форму оформления заказа.
Корзина имеет настраиваемый внешний вид. Примерить темы оформления можно через виджет настроек, раздел «Каталог».
Доступно 3 варианта корзины: «В шапке», «Боковая» и «Летающая».
При оформлении «В шапке» иконка корзины располагается рядом с основным меню. Клик по иконке перемещает посетителя на страницу со списком заказов.
«Боковая» корзина фиксируется у края экрана. Клик по иконке разворачивает список заказов в этом же окне.
Для каждого товара существует три поля цены.
Вы можете сами настраивать форму оформления заказа и составляющие ее поля, а также указывать какие поля являются обязательными для заполнения (например имя и телефон).
Рассмотрим на примере Аспро: Digital.
Настройка формы задается в административной части сайта в меню Контент → Инфоблоки → Типы инфоблоков → Формы (aspro.digital) → Оформление заказа, на вкладке «Свойства».
Чтобы добавить новое поле, задайте ему название, код, выберите тип поля и дополнительные опции, затем сохраните изменения.
«Название поля» отображается на сайте как его заголовок.
«Тип» определяет основную характеристику поля – какие значения будут корректны для поля ввода (строка, число, дата, текст в несколько строк, список).
«Акт.» – активность поля. Опция определяет, отображается выбранное поле на сайте или нет
«Множ.» – множественное свойство. Множественный список дополнительных опций при заказе означает, что пользователь может выбрать сразу несколько значений заданного свойства.
«Обяз.» – обязательное для заполнения поле. Если отмеченное поле не будет заполнено, то форма не отправится, а у пользователя на экране появится уведомление, что он не заполнил обязательное поле.
«Код» – уникальный ID поля, нужный программным модулям для обработки и хранения информации из формы.
Чтобы изменить настройки существующего поля, нажмите кнопку с многоточием возле него. Откроется расширенный режим редактирования. В нем представлены стандартные опции системы «Битрикс» для свойств инфоблока, поэтому, кроме обозначенных выше, остальные вам не нужны, т. к. они не повлияют на отображение и работу формы.
Чтобы удалить созданное вами поле, поставьте галочку в столбце «Удал.» напротив него и сохраните изменения.
Решение Аспро: Priority позволяет создавать неограниченное количество посадочных страниц – внутри каталога или отдельными страницами (в разделе «Обзоры»). Это могут быть тематические и сезонные подборки, специальные предложения под рекламную кампанию, акцию или запрос в поисковых системах (например, «Лизинг автомобилей S класса на выгодных условиях»).
Конструктор посадочных страниц создает лендинги с простой, но хорошо продуманной структурой. Она не содержит лишних элементов, перегружающих внимание посетителей. За счет этого увеличивается время, проводимое пользователем на сайте, и повышается вероятность конверсии в покупки.
Рассмотрим состав и особенности посадочных страниц в каталоге и в разделе «Обзоры» подробнее.
Посадочные из раздела «Обзоры»
Данный тип посадочных страниц позволяет создавать новые страницы вашего сайта с уникальным URL и подобранной под запросы посетителей структурой. Вы можете, например, использовать их для предложений под рекламную компанию, определенные поисковые запросы или для обзоров новых поступлений товаров. Ваши клиенты смогут попасть на лендинг по ссылке или через раздел «Обзоры».
Посадочные страницы в разделе «Обзоры» состоят из:
Посадочные в каталоге
На подобную посадочную страницу посетитель может попасть через блок «Популярные категории», который находится под нижним описанием тематического раздела в каталоге.
Помимо этого, клиент может попасть на нее при выборе заданных вами значений определенных параметров умного фильтра. Например, при выборе отображения товаров, произведенных исключительно в Германии.
Структура посадочных страниц в каталоге очень похожа на структуру посадочных из раздела «Обзоры». Здесь вы также можете:
Управлять содержимым посадочной страницы в каталоге можно только в административной части сайта. Перейдите в Рабочий стол → Контент → Реклама и баннеры (aspro.priority) → Посадочные в каталоге.
Здесь при создании новой страницы указывается ее название (3) – поле обязательно для заполнения. Если вы хотите, чтобы посетители на вашем сайте видели редактируемую посадочную страницу, поставьте галку «Активность» (1). При необходимости вы можете задать период, в который лендинг будет виден на сайте (2).
В группе «Значения свойств» находятся параметры для привязки товаров (4) и настройка, ответственная за отображение блока «Задать вопрос» (5). Подробнее о том, как привязывать товары, читайте в уроке «Настройка списка товаров с помощью умного фильтра».
Содержимое этой вкладки помогает оформить анонс посадочной страницы в списке «Популярные категории».
Здесь вы можете загрузить миниатюрное изображение (1) и ввести небольшой текст, призванный вызвать интерес у потенциальных покупателей (2).
На вкладке «Подробно» хранится текст основного описания (2). Загрузить изображение для оформления страницы можно в области «Детальная картинка» (1). Текст для блока с дополнительным SEO-описанием вводится в одноименном поле (3).
Ухватите левой кнопкой мыши:
tizers text-right, чтобы добавить тизеры с описанием справа
Данный вид посадочных страниц можно редактировать как в административной, так и в публичной части сайта.
Чтобы изменить лендинг в публичной части, перейдите в режим правки.
Наведите указатель на область под баннером. Появится меню с элементами управления страницей – изменить (1), удалить (3) существующую или создать (2) новую.
Для управления из админки перейдите в Рабочий стол → Контент → Каталог (aspro.priority) → Посадочные страницы.
Для создания нового лендинга нажмите «Добавить элемент» (1). Для изменения (2), удаления (4) или отключения показа (3) существующего выберите соответствующий пункт меню кнопки «Гамбургер».
Создание и редактирование посадочных страниц происходит через редактор карточек. Рассмотрим содержимое карточки посадочной из раздела «Обзоры» подробнее.
На вкладке «Элемент» вы можете:
Откроется окно визуального редактора, где можно ввести свой текст.
Параметры этой вкладки помогают оформить анонс посадочной страницы.
Здесь загружается миниатюрное изображение (1) и вводится небольшой текст, призванный вызвать интерес у потенциальных покупателей (2).
На вкладке «Подробно» вводится текст для описания над списком товара (1) и под ним (2).
Как и в случае посадочных страниц в каталоге, чтобы дополнить верхний текстовый блок тизерами, разверните боковое меню визуального редактора.
Ухватите левой кнопкой мыши:
tizers text-right, чтобы добавить тизеры с описанием справа
Описание тизера редактируется как обычный текст.
Баннер для посадочной страницы в разделе «Обзоры» загружается и настраивается на отдельной вкладке.
Чтобы использовать баннер на странице, активируйте параметр «Баннер сверху» (1). Затем:
Решения Аспро: Ландшафт, Аспро: Корпоративный сайт 2.0 и Аспро: Приорити содержат наборы элементов, которые вы можете связывать между собой. Например, определенные тизеры преимуществ с карточками отдельных товаров, тарифы и т.д.
Связями элементов можно управлять на уровне настроек инфоблока. Чтобы понять принцип работы, в этой главе мы рассмотрим, что такое инфоблок, его свойства и что необходимо знать о возможностях решений.
Информационные блоки – модуль, позволяющий каталогизировать и управлять различными типами (блоками) однородной информации. С помощью информационных блоков может быть реализована публикация различных типов динамической информации: каталоги товаров, блоки новостей, справочники и т.д.
Свойства инфоблока – это единицы структурированной информации конкретного инфоблока. Благодаря им информация выводится в том или ином виде на различных страницах. Например, сопутствующие услуги – в виде привязанных элементов, файлы – как документы для скачивания, а заданные координаты на карте – как точки, отображаемые на подключенному к сайту сервису Яндекс.Карты.
Чтобы разобраться, какое свойство за что отвечает, мы рассмотрим основные типы свойств, которые вам понадобятся для продуктивной работы с решениями. Для удобства покажем это на конкретных примерах. Например, раздела «Проекты».
Рассмотрим типы свойств на примере раздела «Проекты».
Чтобы просмотреть список свойств, в административной части сайта откройте Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Контент (aspro.allcorp2) или Контент (aspro.priority) (в зависимости от того, какое решение используете). Далее выберите нужный инфоблок и через кнопку «Гамбургер» щелкните «Изменить».
Вид в решении Аспро: Корпоративный сайт 2.0 и Аспро: Ландшафт:
Перейдите во вкладку «Свойства». Разберем типы свойств на примере решения Аспро: Корпоративный сайт 2.0.
Здесь представлены такие типы как:
Самостоятельно без доработки шаблона решения вы можете добавить свойства только в таблицу характеристик для карточек товаров, услуг или проектов.
Для добавления свойства в карточку проекта:
в Аспро: Корпоративный сайт 2.0 перейдите в Контент → Инфоблоки → Типы инфоблоков → Контент (aspro.allcorp2) → Проекты
Для редактирования свойств товаров:
в Аспро: Корпоративный сайт 2.0 откройте Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.allcorp2) → Продукты
Допустим, вы хотите, чтобы в характеристиках проекта отображалось не одно имя автора в виде текста, а перечень сотрудников, вовлеченных в его реализацию, в виде ссылок на их карточки. Тогда необходимо будет убрать поле автора и добавить необходимое количество характеристик (руководитель, дизайнер, программисты и т. д.).
Чтобы отключить свойство в карточке инфоблока во вкладке «Свойства», снимите флажок с параметра «Акт.».
Внимание! Набор свойств для каждого инфоблока активен по умолчанию при установке сайта. Мы не рекомендуем удалять эти свойства, так как они связаны с определенным функционалом. Если вы хотите, чтобы свойство не выводилось на карточке товара, деактивируйте его.
Добавление характеристик происходит по стандартному сценарию, поэтому продемонстрируем действие на одном свойстве, которое назовем «Команда».
Пролистайте список свойств инфоблока до первой пустой строки. Укажите:
Свойство «Привязка к элементу» – частный случай свойств. Если вы настраиваете свойство типа «Строка», можете сохранить изменения, пролистать инструкцию по дальнейшей настройке инфоблока и перейти к настройке карточки.
Чтобы в свойстве выводился не один сотрудник, а несколько, нужно поставить галку в поле «Множ.» (3).
Далее, для настройки связи с другим разделом, открываем настройку свойств инфоблока кнопкой многоточие.
Примечание. Состав параметров настроек свойства зависит от его типа.
В поле «Информационный блок» выбираем тип инфоблока и сам инфоблок, который задает параметры для карточек. Сохраняем изменения в настройках свойства.
В списке свойств жмем «Применить».
Откройте карточку проекта. Проверьте, появилось ли в ней новое поле ввода. Если этого не произошло, выведите его, действуя по этой инструкции.
Затем перейдите в настройки проекта и заполните новые характеристики.
Примечание. Если добавить свойство типа «Файл», оно не будет отображаться в перечне свойств. Скопируйте его код в одно из полей ввода под списком вручную.
Результат наших действий на странице:
Ссылки кликабельны, осуществляют перенаправление на карточку сотрудника.
Примечание. Свойство будет выведено в таблице с характеристиками для тех элементов каталога, для которых оно заполнено. Если значение свойства не выбрано, оно не будет отображено.
В Аспро: Корпоративный сайт 2.0, Аспро: Ландшафт и Аспро: Приорити реализована гибкая и широкая система связей, которая позволяет связывать между собой элементы из разных разделов – например, товары с тарифами, акциями или сопутствующими товарами. К странице проекта можно привязывать услуги, а к странице новости или акции – участвующие в ней товары.
Такие связи дополняют основную информацию об услуге или товаре, побуждают посетителя проводить больше времени на вашем сайте и просматривать большее количество страниц. Также это положительно влияет на конверсию: связи увеличивают вероятность того, что пользователь оставит заявку.
Посмотреть, какие страницы можно связывать между собой, можно непосредственно через настройки в публичной части сайта. К примеру, для товаров на вкладке «Связи» мы видим, что к карточке можно привязать:
Вы можете выбрать внешний вид связанных услуг в карточке товара. Перейдите в параметр в компонента и выберите внешний вид связанных услуг
с иконками
с картинками
Индексы сортировки от:
200 – отмечают основополагающие свойства решения (то, из чего формируется страница). Например, для корректной работы решения в карточке товара важны свойства «Отображать в слайдере на главной», «Статус», «ID поста блога для комментариев», «Количество комментариев».
В решении Аспро: Приорити, начиная с версии 1.1.0, реализована ленивая загрузка. Она позволит не загружать сразу все картинки на странице и сократит первоначальное время загрузки. Сайт у пользователя будет загружаться быстрее.
Скорость загрузки изображений влияет на общий результат в сервисе PageSpeed Insights. Показатель косвенно является фактором ранжирования для поисковой выдачи, а также влияет на вовлеченность пользователей. Отметим, что на скорость загрузки также влияют различные факторы: скорость Интернета, настройки хостинга и др.
Чтобы активировать LazyLoad нужно перейти в административную часть и проделать путь: Аспро (1) → Аспро: Приорити (2) → Настройки (3).
В блоке «Общие» необходимо активировать пункт «Использовать "ленивую" (LazyLoad) подгрузку изображений (отображение только видимых картинок)».
Сохраните изменения.
Начиная с версии 1.1.0 , в решении Аспро: Приорити появилась возможность добавлять развернутый пункт меню. Этот функционал удобен для отображения, например, всех разделов услуг или товаров в каталоге. Клиенты сразу будут видеть всю информацию об организации.
![]() |
![]() |
Пункт меню в развернутом виде мобильной версии | Краткий пункт меню в мобильной версии |
Для настройки необходимо зайти в административную часть сайта. Перейти в Аспро (1) → Аспро: Приорити (2) → Настройки (3).
В блоке «Мобильная версия» найти строчку «Развернутый пункт меню» и вставить путь к необходимому разделу сайта.
Этот пункт будет отображаться в мобильном меню в развернутом виде.
Сохраните изменения.
Шапка является неотъемлемой частью сайта. Она не только помогает пользователю переключаться между разделами/страницами, но и участвует в создании уникального образа сайта.
Начиная с версии 1.1.0, в решении можно настроить фиксированную мобильную шапку для улучшения юзабилити. Эта функция может действовать всегда или только при скролле вверх.
Фиксированная мобильная шапка всегда
Фиксированная мобильная шапка при скроллинге вверх
Настроить фиксированную шапку можно через виджет в публичной части в разделе «Мобильная версия».
Также функционал настраивается в административной части. Перейти в Аспро (1) → Аспро: Приорити (2) → Настройки (3).
В блоке «Мобильная версия» активировать пункт «Фиксированная мобильная шапка» и выбрать, отображать ее всегда или при скролле вверх.
Сохраните изменения.
Для экономии пространства сайта при отображении в мобильной версии разработан компактный мобильный футер. При его активации в меню футера будут отображаться только разделы верхнего уровня с возможностью развернуть пункт меню и посмотреть подразделы 2-го уровня.
![]() |
![]() |
Подробный футер | Краткий футер |
Сокращенный футер в адаптиве можно настроить через виджет в публичной части.
Чтобы выбрать тип футера в административной части, нужно перейти в Аспро (1) → Аспро: Приорити (2) → Настройки (3).
В блоке «Мобильная версия» активировать пункт «Компактный мобильный футер».
Сохраните изменения.
По умолчанию в решении Аспро: Приорити каталог товаров на главной странице отображается в два столбца без описания. Начиная с версии 1.1.0, добавлена функция «Компактный вид отображения списка разделов каталога для мобильной версии».
![]() |
![]() |
Развернутый вид | Компактный вид |
Настроить компактный вид списка каталога на главной можно как в публичной, так и административной части.
В публичной части сайта нужно открыть виджет и в разделе «Мобильная версия» активировать пункт «Компактный вид отображения списка разделов каталога на главной».
Также функционал настраивается в административной части. Перейдем в Аспро (1) → Аспро: Приорити (2) → Настройки (3).
В блоке «Мобильная версия» нужно активировать строчку «Компактный вид отображения списка разделов каталога на главной».
Сохраните изменения.
В решении Аспро: Приорити, начиная с версии 1.1.0, реализован компактный вид отображения разделов каталога.
![]() |
![]() |
Компактный вид | Развернутый вид |
Настроить компактное отображение разделов каталога можно в публичной и административной частях сайта.
Чтобы активировать функционал в публичной части, открываем виджет, находим раздел «Мобильная версия» и активируем пункт «Компактный вид отображения списка разделов каталога».
Также функционал настраивается в административной части. Перейдем в Аспро (1) → Аспро: Приорити (2) → Настройки (3).
В блоке «Мобильная версия» поставим галку в пункте «Компактный вид отображения списка разделов каталога».
Сохраните изменения.
![]() |
![]() |
Развернутое отображение | Компактное отображение |
Часто пользователи хотят добавить условия для выборки товаров в каталоге. Чтобы скорректировать выборку по определенным характеристикам, используется умный фильтр.
В версии Аспро: Приорити 1.2.7 появился новый вид отображения умного фильтра на мобильных устройствах.
Преимущества нового вида:
Если не активировать функцию умного фильтра, то фильтр будет выпадать вниз.
Это выглядит вот так:
Если функцию активировать, то фильтр будет выпадать сбоку:
Чтобы окно фильтра выпадало сбоку, нужно активировать настройку в административной части сайта. Проделайте путь: Аспро (1) → Приорити (2) → Настройки (3).
Прокрутите бегунок до раздела «Мобильная версия» (1), поставьте галку в пункте «Удобный умный фильтр в каталоге» (2) и нажмите «Применить» (3).
Подключить умный фильтр из публичной части сайта можно с помощью виджета «Точные настройки».
Перейдите в раздел «Мобильная версия» (1) → Активируйте настройку «Удобный умный фильтр в каталоге» (2) → Сохраните настройки (3).
В решении Аспро: Приорити реализован функционал тарифов, который позволит вам размещать стильно оформленную информацию о стоимости на главной странице, каталоге товаров и в разделе для услуг. Давайте узнаем, как настроить этот функционал.
Таблица с тарифами может отображаться:
отдельным блоком на главной странице сайта
Решение позволяет использовать разные шаблоны для главной страницы и разделов «Продукция» и «Услуги». Это возможно за счет того, что настройка внешнего вида тарифов производится отдельно для главной, отдельно для товаров и отдельно для услуг. На выбор доступно 9 вариантов отображения таблицы тарифов:
Блочный с иконками
Настроить отображения блока с тарифами на главной можно тремя способами:
Все 3 способа просты и дают одинаковые возможности управления блоком. Используйте тот, который считаете самым удобным.
Откройте главную страницу сайта и включите дизайн-менеджер Аспро (кликните по нижней плавающей кнопке с левой стороны).
У всех блоков на странице появятся элементы управления.
Найдите на странице перечень тарифов и:
Используйте горизонтальные стрелки по бокам (2, 3), чтобы подобрать наиболее подходящий вам вариант оформления блока.
Если вы уже знаете наверняка, какой шаблон вам подойдет, выберите его в слайдере под блоком (1) (слайдер появляется после наведения на блок указателя).
Используйте кнопки с вертикальными стрелками над блоком (4), чтобы изменить его положение на странице.
Если вы хотите отключить отображение тарифов на главной, кликните по крестику в правом верхнем углу блока (5).
После внесения изменений не забудьте их сохранить при помощи одноименной кнопки на нижней панели.
Разверните виджет настроек:
Переключитесь на вкладку «Главная».
Здесь среди прочих настроек, если блок с тарифами включен, вы найдете его шаблоны:
Чтобы включить/отключить отображения блока с тарифами и/или определить его положение на странице, разверните «Параметры главной страницы».
Если требуется включить блок, сместите ползунок (1) вправо. Если отключить – влево. Для того, чтобы изменить положение блока на странице, зажмите левую кнопку мыши на вертикальных стрелках (2) и переместите строку (блок) на нужное место.
Для сохранения изменений используйте соответствующую кнопку в правом верхнем углу виджета.
Для управления блоком «Тарифы» на главной странице из админки, перейдите в Аспро → Приорити → Настройки.
Пролистайте настройки до группы «Главная».
Здесь находится перечень параметров главной страницы. Чтобы включить или отключить отображения тарифов, установите или снимите галку у одноименного пункта. Для изменения положения блока на главной, используйте вертикальные стрелки (как в виджите настроек).
Шаблоны блока «Тарифы» находятся ниже:
Для сохранения изменений нажмите кнопку «Применить».
Тарифы в каталогах услуг и товаров отображаются под одноименной вкладкой на детальной странице услуги/товара.
Напомним, что в Аспро: Priority настройка внешнего вида тарифов для каталогов с товарами и услугами производится отдельно друг от друга. При этом шаблоны в каталогах являются сквозными. Т.е. подразделы с детальными страницами товаров/услуг наследуют шаблон от родительского раздела – установить для конкретного товара/услуги другой стиль оформления тарифов нельзя.
Давайте рассмотрим как менять внешний вид таблицы тарифов на примере каталога с товарами (действия для услуг аналогичны):
Перейдите в режим правки.
У тарифов можно менять цену (редактировать, отключать ненужные и добавлять новые интервалы цен), создавать свои характеристики и убирать лишние, заменять картинки, иконки и редактировать стикеры.
Вы можете управлять тарифами (создавать новые, изменять и удалять существующие) как в административной части, так и в публичной. Единственным отличием возможностей управления, доступных в админке, является группировка тарифов по разделам для удобства администрирования. Итак, обо всем по порядку.
Тарифы в админке хранятся в Контент → Каталог (aspro.priority) → Тарифы. Для примера откроем раздел «Продукция».
В демо-данных используется группировка тарифов по разделам (Avired Internet Security, Dasec Smart Security 9 и т.д.). Это очень удобно в случаях, когда компания предлагает широкий ассортимент услуг с разнообразными тарифами. В подобном списке проще найти тариф, который нужно изменить, деактивировать или удалить. Поэтому сначала рассмотрим как управлять разделами, а затем – тарифами.
Чтобы создать новый раздел, нажмите «Добавить раздел» (1). Если вам необходимо изменить (2) или удалить (3) существующий, вызовите меню кнопки «Гамбургер» и выберите нужный пункт.
При создании раздела достаточно указать его название.
Если вам требуется упорядочить список разделов в админке, переключитесь на вкладку «Дополнительно» и установите индекс сортировки. Чем выше индекс, тем ниже положение раздела в списке.
Чтобы добавить новый тариф в список, нажмите одноименную кнопку (1). Для изменения (2), отключения отображения на сайте (3) или удаления (4) существующего тарифа используйте меню кнопки «Гамбургер».
Чтобы увидеть элементы управления тарифами в публичной части сайта, включите режим правки.
Для управления тарифами с главной страницы сайта наведите указатель на соответствующий блок. Над ним всплывет панель, с помощью которой можно добавить новый тариф (1).
Примечание: Если вы хотите, чтобы новый тариф, который вы добавляете с главной страницы, отображался на ней, не забудьте установить соответствующую галку в карточке тарифа.
Указатель над определенным тарифом вызывает панель с кнопками «Изменить тариф» (2) и «Удалить тариф» (3). Действия будут произведены над тем тарифом, над которым находится курсор.
Чтобы изменить (1) или удалить (2) тариф с детальной страницы товара/услуги, также как на главной, наведите на него указатель и одноименные кнопки.
Для добавления нового тарифа с детальной страницы наведите указатель на содержимое страницы товара/услуги. Наверху страницы появится панель с кнопкой «Добавить тариф».
Примечание: Учтите, что при создании нового тарифа со страницы товара или услуги, он не привязывается автоматически. Чтобы вывести тариф на детальной странице, его нужно привязать в карточке самого(-ой) товара/услуги.
Создавая новый тариф, на основной вкладке карточки обязательно заполните поле «Название» (3). Оно является ключевым.
Чтобы тариф отображался на сайте, убедитесь в том, что галка «Активность» (1) установлена. При необходимости задайте период активности тарифа (2).
Если вам необходимо определить место тарифа в таблице, укажите число в поле «Сортировка» (4). Чем выше индекс сортировки, тем правее/ниже положение тарифа в таблице.
Также в группе «Значения свойств»:
Укажите цены за периоды обслуживания (5). Те поля, что отмечены как «служебное свойство», используются для корректной работы корзины. Их следует заполнять числовыми значениями. В полях для цен без такой метки можно добавить название валюты («р.», «руб.», «$», «€») – значения из этих полей выводятся на сайте.
Выведите тариф на главную страницу в одноименный блок (7), если хотите привлечь к нему больше внимания;
Используйте «Выводить только одну цену» (8), если хотите отключить отображение списка с выбором периода обслуживания. По умолчанию отображается «Цена за 1 год» (о том, как изменить название, читайте в уроке «Настройка цен тарифов»).
Даже если заполнены поля с ценами за прочие периоды, пользователи их не увидят. Это может пригодится, когда у вас закончились тарифы, изобилие вариантов сократилось до одного или вам нужно срочно что-то распродать;
Активируйте «Окрашивать иконку в цвет темы», чтобы выдержать общий стиль сайта (9);
Загрузите иконку, чтобы воспользоваться соответствующими шаблонами (10);
Прикрепите стикер «Хит», «Акция», «Новинка» или «Мы советуем» к иконке/картинке тарифа, чтобы отметить его среди прочих (11);
Чтобы использовать шаблоны для тарифов с картинками, переключитесь на вкладку «Анонс» и загрузите изображение через кнопку «Гамбургер» или методом Drag&Drop.
Если вы используете группировку тарифов по разделам, при создании нового тарифа переключитесь на вкладку «Разделы» и определите где должен храниться тариф.
Рассмотрим привязку тарифа на примере услуги «Лизинг грузового транспорта» (привязка к товарам осуществляется аналогично).
Откройте карточку услуги. На основной вкладке («Услуга») в группе «Значения свойств» найдите «Тарифы». У пустого поля нажмите кнопку с многоточием. Если свободных полей нет, кликните «Добавить…».
В новом окне в фильтре выберите «Каталог (aspro.priority) [aspro_priority_catalog]» и «Тарифы [363]».
Найдите в списке найдите нужный тариф. Нажмите кнопку «Гамбургер» на соответствующей строке и кликните по «Выбрать».
В карточке появится код и название тарифа:
Сохраните изменения.
Результат на странице:
Цены тарифов – это свойства инфоблока. Чтобы изменить их, откройте в админке Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.priority) → Тарифы.
Перейдите на вкладку «Свойства». В демо-данных подготовлены 4 типа цен (каждый имеет по 2 свойства):
Свойства с символьным кодом, начинающимся на TARIF_PRICE_, используются для отображения цен в таблице тарифов. А свойства с кодом FILTER_PRICE_ – для корректной работы корзины (они заполняются автоматически).
Вы могли заметить, что символьные коды одного из типов цен отличаются от остальных. В конце символьного кода вместо цифры используется слово DEFAULT (номер 4 на скриншоте выше). Этот тип используется как основной по умолчанию. Именно его в первую очередь видит пользователь при загрузке страницы:
Также, если вы активируете в карточке какого-нибудь тарифа параметр «Выводить только одну цену», отображаться будет тип с DEFAULT в символьном коде (по умолчанию «Цена за 1 год»).
Если вы хотите переименовать тип цены, исправьте названия. Чтобы не запутаться, обязательно оставьте пометку, какое из свойств является служебным.
Лишние типы цен можно деактивировать, сняв галки «Акт.».
Или удалить, установив галки в соответствующей колонке.
Внимание! Удаление свойств инфоблока без навыков работы с 1С-Битрикс и понимания последствий может привести к плачевным результатам.
Итак, вы знаете как менять названия типов цен и убирать лишние. Теперь рассмотрим пошагово как добавить новый тип цены:
Создайте свойство для отображения цены на сайте (с кодом «TARIF_PRICE_%» – «%» замените на номер):
Если новые свойства на отобразились в карточке, выведите их вручную. Для этого кликните по шестеренке в правом верхнем углу.
В новом окне в списках «Доступные вкладки» (1) и «Вкладки» (2) отметьте варианты «Тариф». А в списке «Доступные поля» (3) выделите созданные вами свойства и перенесите их в соседнюю колонку с помощью стрелки вправо (4). По окончанию нажмите «Сохранить» (5).
5. Заполните новый тип цены и сохраните изменения (служебное свойство заполнится автоматически).
В результате в списке периодов появился новый вариант:
Помимо цен у тарифов выводятся дополнительные характеристики:
Как и цены, они являются свойствами инфоблока «Тарифы». Чтобы отредактировать список характеристик, откройте в админке Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.priority) → Тарифы.
Переключитесь на вкладку «Свойства».
Здесь у каждого свойства есть:
Название (1);
Тип (2) – значение, которое может принимать свойство. Чаще всего при создании характеристик используются типы:
Число – если характеристика является числовым показателем и не должно содержать иных символов кроме цифр;
Строка – значение характеристики может состоять из любых символов;
Индекс сортировки (6) – отвечает за положение характеристик в списке свойств;
Кодовое имя (7) – используется для вывода свойств на сайте.
А также параметры, отвечающие за
Отображение свойства на сайте и в карточках тарифов (3);
Количество значений, которые свойство может использовать за раз (4). Например, свойство «Хит продаж» является множественным, т.е. вы можете установить на тариф одновременно несколько стикеров (по умолчанию до 4х).
Дополнительные настройки свойства (8). Например, для свойства типа «Список» (допустим, для свойства «Оборот») вы можете обозначить варианты значений характеристики (2) («от 0 до 200 т.р.», «от 200 т.р. до 500 т.р.» и т.д.), а также определить каким образом они будут отображаться (1) (выпадающим списком или списком с флажками);
Удаление свойства из инфоблока (с сайта и карточки тарифа) (9).
Внимание! Удаление свойств инфоблока без навыков работы с 1С-Битрикс и понимания последствий может привести к плачевным результатам.
Новая характеристика тарифа добавляется так же, как новый тип цены, только при этом не требуется создавать служебное свойство. Рассмотрим добавление характеристики на примере.
Пролистайте список свойств инфоблока до первой пустой строки (если свободных строк нет, нажмите «Еще»). Укажите название, тип, кодовое имя (латинскими буквами) и при необходимости дополнительные настройки («Множ.», «Обяз.», заполните таблицу значений, если это список и т.п.).
Сохраните изменения. Также в админке откройте карточку тарифа. Если новое свойство не появилось, кликните по шестеренке в правом верхнем углу.
В новом окне выберите в списках «Доступные вкладки» (1) и «Вкладки» (2) вариант «Тариф». Ниже в «Доступные поля» (3) выделите новое свойство и переместите его в соседний список при помощи стрелки вправо (4). Сохраните изменения (5).
Заполните в карточке новую характеристику и нажмите «Сохранить».
Откройте в публичной части сайта страницу товара с редактируемым тарифом.
Чтобы новая характеристика выводилась на сайте, переключитесь в режим правки. Наведите указатель на содержимое страницы. Вызовите меню кнопки в виде шестеренки и выберите «Список новостей (bitrix:news.list)» → «Редактировать параметры компонента».
В окне редактора перейдите к группе «Источники данных». Найдите «Свойства».
В списке свойств в свободной строке (если свободных строк нет, нажмите «+») вручную пропишите символьный код новой характеристики и сохраните изменения.
После этого в таблице тарифов появится новая характеристика:
В феврале 2017 года были внесены поправки в статью 13.11 КоАП по поводу нарушений закона о персональных данных. Они вступили в силу 1 июля 2017 года и коснулись всех, кто собирает, обрабатывает и хранит любые персональные данные. Подробнее о законе и мерах, которые необходимо предпринять, читайте в нашем блоге.
В связи с нововведением командой Аспро предусмотрена быстрая настройка уведомления пользователя о сборе таких данных. Находится она в административной части сайта. Вы можете активировать ее, и тогда на всех веб-формах сайта появится соответствующая отметка в виде галочки и ссылка на страницу соглашения.
Чтобы добраться до настройки в Аспро: Маркет и Аспро: Оптимус кликните по вкладке с названием решения, далее Настройки → Шаблон.
В решениях Аспро: Корпоративный сайт современной компании и Аспро: Стройка таким же образом перейдите к настройкам решения и в блоке «Валидация ввода» увидите пункт, включающий уведомления, и кнопку вызова редактора подписи.
В решениях Аспро: Digital-компания, Аспро: Корпоративный сайт 2.0, Аспро: Ландшафт и Аспро: Шины и диски 2.0 уведомления настраиваются в настройках решения. Например, Аспро: Digital (Аспро: Allcorp2) → Настройки → Общие.
Аспро: Крутой шоп, Аспро: Интернет-магазин и Аспро: Шины и диски
Настройка расположена в настройках модуля решения: Настройки продукта → Настройки модулей → Аспро: Крутой шоп, интернет магазин → Шаблон.
Аспро: Корпоративный сайт и Аспро: Корпорация
Перейдите в настройки модуля решения: Настройки продукта → Настройки модулей → Аспро: Корпоративный сайт → Шаблон. В блоке «Валидация ввода» увидите пункт, включающий уведомления, и кнопку вызова редактора подписи.
Пункт настройки «Подпись к уведомлению» позволяет вызвать редактор текста уведомления.
Чтобы изменить ссылку в подписи наведите указатель на существующую ссылку, вызовите меню правой кнопкой мыши и выберите «Редактировать ссылку».
Заполните поля соответствующими данными.
В поставку каждого решения уже включена информационная страница, представляющая собой шаблон требуемого соглашения. Вы можете использовать уже готовый текст, вставив в него лишь название вашей компании и контактные сведения.
Для изменения шаблона, перейдите на страницу соглашения в публичной части сайта. В режиме правки наведите указатель на область текста и нажмите всплывающую кнопку «Изменить страницу в редакторе».
Отредактируйте содержимое и сохраните изменения.
Этот функционал доступен только для зарегистрированных и авторизованных пользователей сайта. В личном кабинете пользователь может редактировать свои личные данные, настраивать подписки, просматривать материалы и написать непосредственно директору компании.
В самом ЛК есть 4 раздела и кнопка «Выйти», чтобы деавторизоваться.
В персональных данных пользователь может добавить или изменить свои ФИО, телефон, email и пароль.
В подписках можно настроить и оформить подписку на материалы с сайта.
Пользователь может указать удобный для получения рассылки email, выбрать интересующие рубрики и предпочтительный формат: текстовый или HTML.
В материалах отображаются материалы из подписок, можно отсортировать их по датам выхода.
В разделе «Написать директору» находится раскрытая форма обратной связи, сообщения из которой отправляются email директора, указанный в настройках.
В ней пользователь может сообщить информацию о сотрудниках вашей компании и быть уверенным, что она дойдет до начальства.
Перейдите в раздел «Подписки», активируйте режим правок и нажмите всплывающую кнопку с шестеренкой, чтобы войти в режим редактирования компонента.
Группа полей «Источник данных»
Показать скрытые рубрики — активирует возможность выбора скрытых рубрик подписки для пользователей.
Группа полей «Дополнительные настройки»
Переключитесь на административную часть сайта и перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Формы (aspro.digital) → Написать директору.
В поле «Описание» вы можете прописать пояснительный текст, который отображается над формой.
На вкладке «Свойства» вы сможете настроить поля, которые может или должен заполнить для отправки пользователь.
Подробнее о настройках полей формы читайте в соответствующей статье.
Настройка «Логин равен email адресу» позволяет пользователю не придумывать логин при регистрации, а использовать для этого свою электронную почту. Адрес электронной почты уникальный для каждого. Поэтому не возникнет проблем при регистрации: «Логин занят другим пользователем». А клиентам не нужно будет запоминать новый логин.
В готовых решениях Аспро: Корпоративный сайт 2.0, Аспро: Маркет, Аспро: Оптимус, Аспро: Некст – возможно два варианта настройки для авторизации:
Давайте посмотрим, как будет выглядеть форма регистрации при активной/неактивной настройке.
Логин задан отдельным полем:
Логин равен email:
Чтобы включить функцию «Логин равен email адресу», перейдите в Аспро (1) → Настройки (2).
В блоке «Личный кабинет» активируйте параметр в поле «Логин равен email адресу».
Также эту функцию вы можете включить в публичной части сайта, если у вас включен виджет настроек.
В администрировании сайта проверьте активность виджета настроек. Параметр «Переключатель тем» должен быть включен.
Мультирегиональность – это функционал, который поможет запустить крупный проект и выйти в другие города. Если вы имеете сеть представительств по миру или стране, настройте мультирегиональность с возможностью выбора отображения опций, в зависимости от города:
Каждому региону – свое SEO-продвижение
Для регионов предусмотрена генерация заголовков и тегов с наименованием – например, «лизинг в Челябинске» и «лизинг в Москве». С Аспро: Приорити вы сможете продвигаться по каждому отдельному региону.
Автоматическая генерация файла robots.txt
Файлы robots.txt для каждого города с разрешениями и исключениями для поисковых роботов генерируются автоматически. Вам не нужно будет создавать их для каждого поддомена вручную – лишь добавить несколько своих строк в готовые инструкции.
В решении предусмотрено 2 вида мультирегиональности: на одном домене и на поддоменах. При выборе варианта использования региональности на одном домене в браузерной строке будет отображаться один и тот же адрес основного домена (независимо от того, для какого города просматривается версия сайта).
При выборе варианта на поддоменах при переключении городов или регионов адрес интернет-магазина будет меняться в соответствии с выбранным городом.
Пошаговая настройка
Настроить мультирегиональность вы можете самостоятельно, без привлечения специалистов. Подробная инструкция в документации поможет разобраться с функционалом и проведет вас по каждому шагу настройки.
Управление карточками
Управление карточками осуществляется из административной части сайта (1) в меню Контент (2) → Региональность (aspro.priority) (3) → Регионы (4). Здесь вы можете заложить структуру своей будущей мультирегиональности в виде разделов, подразделов и отдельных элементов-городов.
При переходе в инфоблок вам будут доступны 2 возможности: добавить город (5) и добавить раздел (6). Города нужно будет создавать всегда, а разделы – в зависимости от выбранного типа отображения мультирегиональности ( «Выпадающий список», «Попап-окно только с городами», «Попап окно с областями, округами»).
Разделы
Если вы выбрали 3 вариант мультирегиональности – попап-окно с областями, округами, в инфоблоке нужно будет создать сначала разделы округов, затем – областей, и только после этого – городов. В этом случае в публичной части сайта все ваши филиалы будут располагаться в виде разделов и подразделов, через которые легко найти свой город.
Если вы выбрали варианты отображения регионов «Выпадающий список» и «Попап-окно только с городами», то разделы можно не заводить – в публичной части они все равно не будут отображаться. Просто «сложите» все города в корень инфоблока.
Давайте посмотрим, как добавить отдельный город. Используйте одноименную кнопку. Для создания региона нажмите «Добавить раздел».
При создании карточки на область, которая входит в состав региона, например, для Свердловской области, поле «Родительский раздел» должно иметь соответствующую запись, для примера это «.Урал» или «.Уральский регион». Рассмотрим подробнее карточки для городов.
Карточки для городов
При создании новой карточки на основной вкладке необходимо указать название города (1) и можно установить галку «Город по умолчанию» (2). В таком случае, если геопозиционирование не сработает, пользователь откроет версию сайта для города, в чьей карточке установлена эта галочка. Если вы используете отображение регионов в виде попап-окна с областями и округами и при попапе с городами, активный параметр «Избранное местоположение» (3) добавит отмеченный город в поле быстрого выбора.На вкладке «Домены» можно указать название основного домена (4). Название домена должно иметь соответствующий вид: msk2.prioritymp.aspro-demo.ru. Перечень «Домены» (5) позволяет привязать существующие псевдонимы для основного поддомена.
На вкладке «Склонения города» прописывается название города в разных падежах, что позволяет грамотно оформлять заголовки с использованием SEO-тегов. Подробнее об этом в следующей главе.
Примеры отображения главной страницы:
для Москвы
для Челябинска
Файлы robots.txt и sitemap.xml – это самые важные для SEO-продвижения файлы сайта. В них содержатся команды для поисковых роботов. Благодаря им они понимают, какие страницы индексировать, а какие нет.
При создании интернет-магазина эти файлы создаются администратором сайта. Подробности читайте в документации 1С-Битрикс:
Генератор robots.txt
Генерация файла карты сайта
Далее вам нужно сгенерировать эти же файлы для каждого региона. Обычно файлы robots.txt и sitemap.xml для различных регионов создаются, настраиваются и редактируются вручную. В Аспро: Приорити реализована возможность автоматической генерации файлов. Это принципиально новое решение задачи, которое позволит вам сэкономить время SEO-специалиста и сократить количество ошибок, которые возможны при ручном создании robots.txt и sitemap.xml под каждый регион. Рассмотрим, как работает этот функционал, и как с его помощью научиться автоматически генерировать нужные файлы.
После того, как вы создали файлы robots.txt и sitemap.xml для основного домена, инструкции из них можно продублировать в файлы, настраивающие доступ поисковых роботов к поддоменам. И здесь вам понадобится функция генерации файлов.
Также предусмотрена возможность пересоздания файла robots.txt только для конкретного поддомена. Для редактирования файла используйте одноименные кнопки.
Сохраните изменения. Настройка завершена!
Чтобы название города верно отображалось в заголовках и результатах поисковых запросов, необходимо заполнить вкладку «Склонения города» в карточке города, для которого производится установка SEO-тегов. Сделать это можно в Контент → Региональность (aspro.priority) → Регионы.
Рассмотрим установку SEO-записи на примере заголовка раздела Автомобили для Челябинска.
Откроем карточку раздела. Для этого в режиме правки наведем указатель в публичной части сайта на область раздела и нажмем на всплывшем меню пункт «Изменить раздел».
Перейдем на вкладку с настройками SEO. Чтобы получить заголовок вида «Автомобили в Москве», в поле «Заголовок раздела» добавим запись:
{=this.Name} в #REGION_NAME_DECLINE_PP#,
где {=this.Name} – имя раздела (Автомобили), а #REGION_NAME_DECLINE_PP# – название города в предложном падеже.
После сохранения изменений получим следующее:
При заполнении полей SEO для корректного вывода названий городов используйте следующие значения:#REGION_NAME# – название города в именительном падеже,#REGION_NAME_DECLINE_RP# – в родительном падеже;#REGION_NAME_DECLINE_PP# – предложном;#REGION_NAME_DECLINE_TP# – творительном.
В этом уроке мы расскажем, как активировать фильтр для контента и настроить содержание перечисленных элементов для регионов.
Чтобы воспользоваться этой функцией, перейдите в административной части сайта в Аспро: Priority→ Настройки.
Найдите в списке блок «Регионы» и активируйте параметр «Применять региональный фильтр».
После сохранения изменений можно переходить к настройке контента по регионам. Рассмотрим на примере установки разных email’ов и адресов. В админке перейдите в «Контент» → Региональность (aspro.priority) и перейдите к редактору одного из городов, которые находятся в базе. Например, для внесения изменений в карточку Москвы следует перейти в Регионы → Центр → Московская область и в меню кнопки Гамбургер выбрать пункт «Изменить».
На основной вкладке в группе параметров «Значения свойств» найдите новые поля «Email» и «Адрес». Заполните их соответствующими данными.
Если поля у вас не отображаются, настройте форму редактирования карточки. Для этого кликните по изображению шестеренки в верхнем правом углу и выберите вариант «Настройки».
В редакторе формы в перечнях «Доступные вкладки» (1) и «Вкладки» (2) выделите пункт, соответствующий названию основной вкладки. В данном примере это вариант «Город». В списке «Доступные поля» выберите значения, которые необходимо вывести в форме: «Email» и «Адрес» (3) (чтобы выделить несколько вариантов за один раз, зажмите клавишу Ctrl). Затем нажмите кнопку с изображением стрелки (4) и сохраните изменения.
Настройка отображения по регионам продукции, тарифов,услуг – производится в разделе «Контент (aspro.priopity)». А баннеров, фоновых изображений, рекламы – в разделе «Реклама и баннеры (aspro.priority)».
Мультирегиональность позволит вам создавать не только уникальный контент для каждого региона, но и привязывать различный набор товаров к нужному городу. Например, вы хотите, чтобы посетители из Москвы видели диваны люкс-сегмента, а потенциальные покупатели из небольшого города – мебель эконом-класса.
Вам не нужны навыки программирования, чтобы привязать товар к регионам. Воспользуйтесь инструкцией, где вы в несколько шагов внесете необходимые изменения. Самое главное – нужно включить региональный фильтр, иначе дальнейшие действия не приведут к результату.
В настройках инфоблока каталога нужно добавить новое свойство – LINK_REGION. Затем указать значение «arRegionLink» в настройках параметра компонента «Каталог», чтобы фильтр заработал.
Обратите внимание, что регион необходимо будет задать каждому товару. Если этого не сделать, то товар не будет отображаться во всех регионах.
Активируйте параметр «Применять региональный фильтр» в блоке «Регионы». Перейдите в административной части сайта в Аспро: Priority (1) → Настройки (2).
Найдите в списке блок «Регионы» и активируйте параметр «Применять региональный фильтр».
Далее перейдите в Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Каталог (4). Мы покажем на примере раздела «Продукция» (5).
На вкладке «Свойства» добавьте новый элемент со следующими параметрами:
После того, как нужные настройки выставлены, нажмите кнопку «Применить» или «Сохранить».
Важно! Это нужно делать в любом случае: и с привязкой контента, и с привязкой товара. Если этого не сделать, то фильтрация по регионам не будет работать
Привязка товаров к нужному региону
Теперь вы сможете задавать регионы для товара. Для этого переходите в административную часть Контент (1) → Каталог (2) → нажмите на кнопку «Гамбургер» (3) и выберите «Изменить» (4).
В блоке «Регион» нажмите на многоточие для выбора нужного города.
Если поле у вас не отображается, настройте форму редактирования карточки. Для этого кликните по изображению шестеренки в верхнем правом углу и выберите вариант «Настройки».
В информационном блоке нужно выбрать:
Нажмите на кнопку «Найти». В таблице отобразятся все регионы. На строке с нужным городом кликните на «Гамбургер» (3) и нажмите «Выбрать» (4).
С версии 1.0.5 решения появилась опция «Скрывать разделы». Если товары из определенного раздела отсутствуют в регионе, то раздел все равно отображается. Чтобы его убрать, необходима эта функция.
Опция «Скрывать разделы» находится в административной части сайта в Аспро: Priority → Настройки → Регионы.
На примере покажем, как это работает. Допустим, что в Москве имеются в наличии автомобили. Но в Челябинске в наличии автомобилей нет.
У сайта с регионами стоит важная задача – для каждого города нужен уникальный контент.
Есть 2 решения 2 способами:
С помощью специального тега REGION_TAG вы можете изменять условия доставки, адреса магазинов, описание товара или даже медиаконтент в автоматическом режиме. Для каждого города будет отображена своя уникальная информация.
Например, вы хотите отображать разную характеристику продукции для Челябинска и Москвы. Покажем, как это сделать на примере тега с кодом REGION_TAG_TEST. Заполните его значение, например «для бизнес-класса Москвы» и «для бизнес-класса Челябинска» для разных городов. Вставьте тег в карточку товара. Вместо тега будет автоматически подставлять специфичная для региона информация.
Получится такой результат для Челябинска:
для Москвы:
Расскажем как это сделать.
Инструкция по настройке:
В административной части сайта (1) перейдите в Контент (2). Здесь нам понадобится внести изменения в несколько вкладок:
Перейдите в Инфоблоки → Типы инфоблоков → Региональность. На вкладке «Свойства» выберете пустое поле. Если у вас его нет, нажмите на кнопку «еще». Заполните форму следующего вида:
2. Перейдите во вкладку Региональность (aspro.next) → Регионы (4). Откройте нужный регион. Перейдите на закладку «Теги». Введите в поле нужный текст, нажмите «Сохранить».Внимание! Код тега должен быть написан заглавными английскими буквами и начинаться со слов REGION_TAG_ (через нижнее подчеркивание).
Например, для разных доставок — REGION_TAG_DOSTAVKAДля разного времени доставки — REGION_TAG_WORKTIMEДля разных рекламных роликов в описании товара — REGION_TAG_MEDIACONTENT
Теперь добавим тег в продукцию. Перейдите в Каталог→ Продукция. В нашем примере мы выбрали «Автомобили». Перейдите в сам товар.
Добавьте тег #REGION_TAG_TEST# в анонс. Нажмите «Сохранить».
Аналогично можно подставить медиаконтент, для этого скопируйте html-код для вставки от Youtube или Vimeo следующего вида: <iframe width="560" height="315" src="https://www.youtube.com/embed/SbSpxA3cAUE" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe> . Добавьте ссылку в поле «Тега»
Добавьте тег #REGION_TAG_TEST# например, в описание к товару. Как получить этот тег мы описали ранее.
Такой результат получится в описании к товару.
В Аспро: Приорити, начиная с версии 1.2.5, вы можете передавать региональные переменные в почтовые шаблоны. Используйте новые возможности, чтобы сократить время специалистов на обработку писем и повысить лояльность клиентов:
Готовые почтовые шаблоны доступны в решении. Чтобы отредактировать или создать новый шаблон, в административной части сайта перейдите в Настройки → Настройки продукта → Почтовые и СМС события → Почтовые шаблоны.
Чтобы создать новый шаблон, нажмите кнопку «Добавить» (1). Для редактирования готового шаблона в строке почтового события нажмите на «Гамбургер», затем на «Изменить» (2).
В поле «Кому» пропишите тег #REGION_EMAIL#, чтобы письма приходили менеджеру, который работает в конкретном регионе. Добавьте один тег, если письмо должно приходить только по почте, указанной в описании региона. Добавьте тег через запятую, если письмо будет уходить на другие адреса, которые были прописаны ранее.
Чтобы привязать электронную почту к каждому региону, перейдите в Контент → Региональность (aspro.priority) → Регионы → Ваш регион. На вкладке «Информация» пропишите адреса электронных почт для региона в поле «Email» и сохраните изменения.
На вкладке «Склонение города» заполните поля, если употребляете названия городов в контенте: в родительном, предложном и творительном падежах с помощью региональных тегов.
Возвращаемся в редактирования шаблона. Чтобы отображать в теме письма название города, необходимо прописать специальный тег в поле «Тема»:
#REGION_NAME# — название города.
#REGION_NAME_DECLINE_RP# — название города в родительном падеже.
#REGION_NAME_DECLINE_PP# — название города в предложном падеже.
#REGION_NAME_DECLINE_TP# — название города в творительном падеже.
Чтобы в тексте письма отправлять контактную информацию региона, добавьте специальные теги:
#REGION_NAME# — город.
#REGION_ADDRESS# — адрес.
#REGION_PHONE# — телефон.
Если вы создавали дополнительные свойства для отображения актуальной информации в регионах, добавьте код свойства, обернув его знаком «#».
Чтобы посмотреть код свойства перейдите в Контент → Инфоблоки → Типы инфоблоков → Региональность (aspro.priority) → Регионы на вкладку «Свойства». Код свойства отображен в столбце «Код». Скопируйте необходимое поле.
Оберните код символом «#». Результат добавьте в текст или тему письма, например #REGION_TAG_TEST#.
Сохраните все изменения. Отправляйте менеджерам и клиентам информацию, актуальную для региона.
Подробнее о региональных тегах читайте в статье — Автозамена контента по регионам с помощью тегов.
В решениях Аспро появился блок настроек для расширенной интеграции вашего сайта с системой аналитики Яндекс.Метрика. Благодаря ей вы сможете настроить сервис быстро и легко, не привлекая сторонних разработчиков и программистов.
Новинка доступна пользователям решений с активной лицензией:
Аспро: Корпоративный сайт 2.0
Аспро: Digital-компания
Аспро: Корпоративный сайт современной компании
Аспро: Корпоративный сайт
Аспро: Оптимус
Аспро: Маркет
Аспро: Крутой шоп
Аспро: Интернет-магазин
Аспро: Корпорация
Аспро: Ландшафт
Аспро: Шины и диски 2.0
Аспро: Максимум
Аспро: Некст
Отслеживать активность пользователей, показатели конверсии и эффективность рекламы стало проще и удобнее. Вам не придется редактировать код решения или привлекать программиста – самые важные цели вынесены в модуль настроек. Все, что нужно сделать – выбрать нужный уровень детализации аналитики и настроить цели на стороне Яндекс.Метрики.
В этой главе мы рассмотрим настройку целей на примерах двух решений – Аспро: Корпоративный сайт современной компании и готового интернет-магазина Аспро: Оптимус. Для остальных решений алгоритм настройки сервиса аналогичен.
Настройки для Яндекс.Метрики находится в Центре управления Аспро в админке вашего решения (блок «Цели и счетчики»). Давайте рассмотрим их на примере решения Аспро: Корпоративный сайт современной компании.
Как видно из скриншота, есть возможность отредактировать файл со счетчиками, а также выбрать тип цели – общая или отдельная, и установить цели для оформления заказа.
В Центре управления для Аспро: Оптимус находятся дополнительные настройки для управления целями: покупки в 1 клик, быстрого и/или полного оформления заказа.
В следующих уроках мы подробно рассмотрим, как устанавливать счетчики систем аналитики на сайт и расскажем о настройке целей для Яндекс.Метрики. Для настройки специфических целей решения Аспро: Оптимус подготовлен отдельный урок.
Действия по установке счетчика заключаются в добавлении его кода в специальный файл. В блоке настроек счетчиков предоставлен быстрый доступ к этому файлу через кнопку «Редактировать».
После нажатия кнопки в новом окне откроется визуальный редактор.
Сюда можно скопировать коды Google Analytics, Яндекс.Метрики, пикселей Вконтакте и Facebook.
Первым делом необходимо создать счетчик в Яндекс.Метрике.
Для этого создайте учетную запись на сервисе или авторизуйтесь, если она у вас уже есть. Затем нажмите «Создать новый счетчик».
Далее, заполняем основные поля: имя счетчика (1), адрес сайта (2). Для активации кнопки «Создать новый счетчик» следует принять пользовательское соглашение, установив соответствующую галочку (3).
После нажатия кнопки создания вы попадете на страницу настроек. Первой же вкладкой откроется «Код счетчика». Здесь нужно задать свои требования для кода. По умолчанию достаточно выбрать: «Вебвизор, карта скроллинга, аналитика форм» и «Асинхронный код».
Согласно установленным критериям в текстовом поле будет сформирован готовый код:
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter44200209 = new Ya.Metrika({ id:44200209, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <!-- /Yandex.Metrika counter -->
Под полем с кодом нажимаем кнопку «Скопировать», затем «Сохранить».
Наш счетчик появится в списке.
Теперь нужно добавить сгенерированный Яндекс.Метрикой код, который мы скопировали, на свой сайт.
В Центре управления в блоке «Цели и счетчики» ставим галочку у пункта «Использовать Яндекс.Метрику». В решении Аспро: Корпоративный сайт современной компании открываем файл со счетчиками. В новом окне переходим в режим редактирования исходного кода.
Вставляем сюда код и сохраняем изменения.
Для Аспро: Оптимус и Аспро: Маркет будет необходимо скопировать код в специальное поле настроек. Подробнее об этом читайте в документации.
Затем в том же блоке, вставляем ID счетчика в одноименное поле и нажимаем «Применить». Аналогичный код копируем в эту же строку в блоке настроек для Аспро: Оптимус или Аспро: Маркет.
ID счетчика можно найти в коде. В нашем примере это id44200209.
Также идентификатор можно посмотреть в личном кабинете на Яндекс.Метрике.
Он дублируется в карточке счетчика на сервисе.
Применив вышеописанные изменения в блоке целей и счетчиков, вы установили счетчик на сайт. Проверку его работоспособности можно осуществить через режим отладки из публичной части. Для этого в блоке настроек должна быть установлена соответствующая галочка.
Откройте окно отладки клавишей F12. Здесь следует перейти во вкладку «Console». Если счетчик установлен правильно, он начнет отправлять данные сразу после установки. Его ID отобразится на консоли браузера.
В сервисе Яндекса в списке счетчиков у корректно установленного счетчика будет соответствующий значок статуса проверки, а в «Сводке» вы увидите первые собранные данные.
Теперь можно настраивать цели.
В поле «Использовать цели заполнения веб-форм» вы можете:
отключить отслеживание конверсии при заполнении посетителями веб-форм, выбрав вариант «Нет»;
задать отслеживание действий со всеми веб-формами сайта (заказать проект, продукт, услугу, отправить резюме, задать вопрос и т.д.) без дополнительной информации о том, какие именно из них какую долю приносят в конверсии – вариант «Общая цель»;
задать отслеживание действий по конкретным веб-формам для учета их доли в конверсии – «Отдельная цель».
Помимо отслеживания действий с веб-формами доступно использование целей для корзины и заказов: добавление товара в корзину, начало оформления заказа и успешное оформление заказа для решения Аспро: Корпоративный сайт современной компании.
Для интернет-магазинов вы можете настроить отслеживание целей покупки в 1 клик, быстрого заказа и т.д. Подробнее об этом читайте в уроке «Настройка целей корзины, покупки в 1 клик, быстрого заказа на примере Аспро: Оптимус».
После задания целей в Центре управления необходимо также настроить счетчик в сервисе Яндекс. Подробнее об этом пишем в уроке, соответствующем указанному вами типу цели.
При выборе общей цели будут учитываться действия со всеми веб-формами без дифференциации. К преимуществам этого варианта относится легкость в настройке. Недостатком же является невозможность отследить, какие именно веб-формы участвуют в конверсии. Опция подойдет тем, кто только начинает разбираться в веб-аналитике и хочет быстрых и легких положительных результатов.
После выбора варианта «Общая цель» в Центре управления под настройкой появится область с подсказкой.
Скопируйте идентификатор цели из подсказки: goal_webform_success.
В Яндекс.Метрике перейдите в карточку счетчика. Далее, Настройка (1) → Цели (2) → Добавить цель (3).
В попап-окне введите название цели (1). Выберите тип условия «JavaScript-событие» (2). В поле «Идентификатор цели» введите ранее скопированную из подсказки строку (3). Добавьте цель.
В списке целей нашего счетчика появилась новая запись. Сохраните изменения соответствующей кнопкой.
Проверьте работоспособность цели — заполните любую веб-форму и отследите появление данных в Яндекс.Метрике.
Результат нашей настройки доступен для просмотра в меню Отчеты → Стандартные отчеты (1) → Конверсии (2).
Внешний вид отчета:
Также работу цели можно проверить через консоль. В публичной части сайта нажмите клавишу F12, перейдите на вкладку консоли. Затем найдите строку с отметкой «Reach goal», кодом счетчика и id цели.
В Центре управления Аспро отслеживание отдельной цели включается одноименной опцией в поле «Использовать цели заполнения веб-форм» в блоке настроек целей и счетчиков. Опция позволяет фиксировать действия пользователей, связанные с разными веб-формами, и определять, какие из них приносят больше конверсии.
Активация опции открывает желтое поле с перечнем идентификаторов для целей.
После выбора опции не забудьте применить изменения.
Цели конфигурируются по шаблону goal_webform_success_#ID_инфоблока_формы#. Вместо #ID_инфоблока_формы# нужно подставить ID формы, которую хотите отслеживать детально.
Идентификаторы можно просмотреть в Административной части сайта, вкладка «Контент», ветка «Формы».
Для корпоративных сайтов путь до ветки «Формы»: Контент (1) →Формы (2).
Для интернет-магазинов путь: Сервисы (1) → Веб-формы (2) → Настройка формы (3).
В таблице ID указаны в одноименном столбце.
Рассмотрим задание отдельной цели на примере интернет-магазина Аспро: Next.
Выберем форму «Заказать проект». Для этого копируем идентификатор: goal_webform_succses_7 из подсказки.
Перейдите в настройку счетчика (1) на сервисе Яндекс.Метрика. Выберите Цели (2) → Добавить цель (3).
Введите название цели, установите тип условия «JavaScript-событие» и вставьте скопированный ID.
В списке целей появилась новая запись. Сохраните изменения.
Закажите проект на сайте и просмотрите изменение данных в Яндекс.Метрике: Отчеты → Стандартные отчеты (1) → Конверсии (2).
Внешний вид отчета:
Результат действий проверяем через консоль. Вызываем окно отладки клавишей F12, переходим на вкладку консоли. Ищем строку с отметкой «Reach goal», кодом счетчика и id цели.
Для отслеживания действий посетителей с корзиной и заказами создан отдельный пункт настроек.
Если у вас корпоративный сайт, то после установки галки возле этого пункта отобразится желтое поле с подсказкой идентификаторов целей.
Если у вас интернет-магазин, то появится несколько полей для добавления в корзину и оформления. Поставьте галки, чтобы появилось желтое окно. Мы рассматриваем на примере интернет-магазина Аспро:Next.
После активации опции примените изменения.
Рассмотрим на примере цели добавления заказа в корзину. Копируем идентификатор нужного действия: goal_basket_add.
В Яндекс.Метрике перейдите в настройку счетчика (1) → Цели (2) → Добавить цель (3).
В новом окне: указываем название цели, устанавливаем тип «JavaScript-событие» и вставляем скопированный ID.
Сохраняем изменения в списке целей.
Для проверки работоспособности целей перейдем в публичную часть сайта и добавим какой-нибудь товар в корзину. Нажмем клавишу F12 и во вкладке консоли проверим появление записи о достижении цели с id счетчика и цели.
В Яндекс.Метрике данные можно просмотреть в Отчеты → Стандартные отчеты (1) → Конверсии (2).
Внешний вид отчета:
Активация дополнительных целей решения позволяет отслеживать:
Подключите в модуле настроек новую цель, например, «Покупку в 1 клик». Из подсказки со списком идентификаторов скопируйте ID цели – goal_1click_begin.
В настройках счетчика на сервисе Яндекс добавляем цель: Настройки (1) → Цели (2) → Добавить цель (3).
Во всплывающем окне вводим данные: название – «Покупка в 1 клик», тип – JavaScript-событие, идентификатор цели – goal_1click_begin.
Сохраняем изменения в списке целей.
В примере рассматривается цель начала оформления заказа, а не его успешное завершение. Поэтому для проверки работоспособности добавленной цели достаточно открыть соответствующую форму – «Купить в 1 клик» – и проверить появление строки о достижении цели в консоли браузера. Чтобы открыть консоль, зажмите F12 или комбинацию клавиш Ctrl+Shift+I.
Посмотреть изменение данных можно в Яндекс.Метрике: Отчеты → Стандартные отчеты (1) → Конверсии (2).
Внешний вид отчета:
Рассмотрим настройку на примере решения Аспро: Next. Для остальных решений настройка аналогичная. Сначала создайте два дополнительных региональных тега. Как это сделать, читайте в нашей статье.
Затем в административной части сайта перейдите в Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Региональность (aspro.next) (4).
В инфоблоке «Регионы» кликните кнопку гамбургера и нажмите «Изменить».
На вкладке «Свойства» создайте теги: региональный счетчик с кодом REGION_TAG_COUNTER и региональный ID счетчика с кодом REGION_TAG_COUNTER_ID.
Перейдите в Контент (1) → региональность (aspro.next) → Регионы (3) и выберите нужный округ (4) и нужную область (5). Рассмотрим настройку на примере двух городов Челябинской области.
Кликните на «Гамбургер» одного из городов и нажмите кнопку «Изменить».
В настройках города Челябинск добавьте один региональный счетчик Яндекс.Метрики и его региональный ID.
А в настройках города Магнитогорск — другой региональный счетчик Яндекс.Метрики и ID счетчика.
Затем добавьте региональные теги в настройки модуля решения. Для этого в административной части сайта зайдите в Аспро (1) → Аспро: Next (2) → Настройки (3).
В блоке «Цели и счетчики» в поле ID счетчика напишите #REGION_TAG_COUNTER# и нажмите на кнопку «Редактировать», которая находится выше.
В редактировании включаемой области: /include/invis-counter.php напишите #REGION_TAG_COUNTER#.
Сохраните настройки.
Настройка займет всего пару минут, а навыки программирования не потребуются.
Чтобы связать решение Аспро: Корпоративный сайт 2.0 с Битрикс24, достаточно настроить веб-формы, с которых нужно переправлять данные в CRM. Рассмотрим алгоритм настройки на примере формы заказа обратного звонка.
Перейдите в Рабочий стол → Сервисы → Веб-формы → Настройка форм. Для редактирования существующей формы вызовите меню кнопки «Гамбургер» и нажмите «Изменить».
Перейдите на вкладку «CRM». Здесь мы создадим новый список для веб-форм, которые будут передавать данные в Битрикс24. Это достаточно сделать один раз — при настройке остальных форм созданный список будет отображаться в перечне автоматически.
В перечне «CRM» выберите пункт «настроить новый».
В открывшемся окне укажите:
Параметры авторизации: логин и пароль (3).
Проверьте, установлено ли соединение. Для этого нажмите «Настроить список».
В настройках списка нажмите «Проверить соединение».
Если соединение установлено, в колонке «Авторизация» отобразится «ОК».
Если при проверке соединения система выдала ошибку, откройте редактор списка при помощи иконки карандаша и проверьте, верно ли заполнены все поля. Исправьте ошибки и попробуйте еще раз. Если ошибок нет, а установить соединение не удается, обратитесь в нашу техподдержку.
После того, как вы убедились в том, что соединение с CRM работает нормально, вернитесь на предыдущую страницу, где мы создавали список (нажмите кнопку «Назад» в меню браузера).
Определите способ отсылки данных с формы (1) – ручной или автоматический, и настройте связанные поля.
домен CRM (1);
Домен вводите в виде:
ключ API (2).
Ключ можно посмотреть в системе Flowlu. Он находится в Настройках системы → Настройки системы → API.
Внизу появится панель, которую нужно развернуть.
Галерея изображений позволяет презентовать информацию в виде стильных снимков. Она отображается на детальных страницах товаров, услуг, новостей и проектов. Размещайте изображения, чтобы привлечь внимание пользователей и показать свои лучшие стороны. Доступно 2 варианта отображения галереи: большая и маленькая. Пользователи могут переключать типы самостоятельно. В Аспро: Приорити, начиная с версии 1.0.6, вы можете задавать вариант по умолчанию. Выбирайте большую фотогалерею, если хотите сделать акцент на главном изображении. А маленькую галерею, когда нужно показать в ряд несколько снимков.
Маленькая галерея, где изображения располагаются в ряд или несколько рядов.
Большая галерея, где в слайдер выведено главное изображение. Элементы переключаются по клику на стрелки.
Чтобы изменить вид отображения, пользователю достаточно кликнуть по переключателю в правом верхнем углу.
Чтобы выбрать тип галереи по умолчанию, в публичной части сайта в режиме правки наведите на область страницы и кликните на шестеренку.
В параметрах компонента новостей в поле «Тип галереи» выберите вариант из выпадающего списка. Сохраните изменения.
Начиная с версии 1.1.0, в решении Аспро: Приорити можно выводить подписи к телефонам. Этот функционал полезен, если вы хотите указать контакты разных отделов компании.
Подписи задаются в настройках модуля, если региональность не включена в решении. Если же вы продвигаетесь в нескольких городах, примечание прописывается в настройках каждого региона.
Указать примечание с отключенной региональностью
Нужно перейти в административную часть сайта и проделать путь: Аспро (1) → Аспро: Приорити (2) → Настройки (3).
В блоке «Шапка» найти пункт «Список телефонов» и в столбце описание добавить необходимый текст.
Указать примечание с включенной региональностью
Чтобы указать примечания, в административной части сайта перейдите в настройки региона: Контент → Региональность (aspro.priority) → Регионы. В поле с названием нажмите на «Гамбургер», затем на «Изменить».
На вкладке «Информация» заполните описание для каждого номера и сохраните изменения.
Подписи к телефонам выводятся как в десктопе, так и в мобильной версии.
![]() |
![]() |
Подпись в десктопе | Подпись в мобильной версии |
Допустимые форматы изображений – svg, jpg, png, gif.
1. Иконки категорий
3. Изображение товара
1. Иконки категорий
2. Картинки категорий:
Соотношение сторон 3:2. Допустимые форматы изображений – jpg, png, gif1. Главный баннер
Допустимые форматы изображений: jpg, png, gif.
Рекламные баннеры – надежный инструмент для привлечения внимания к уникальным предложениям магазина, акциям или продвижения товаров и услуг.
В Аспро: Корпоративный сайт 2.0 и Аспро: Priority заданы 6 рекламных областей. Разновидности рекламных баннеров и их настройка одинакова для обоих решений. Рассмотрим их на примере Корпоративный сайт 2.0.
Вы можете разместить баннеры:
сверху над шапкой;
сбоку от контента;
над контентом;
внизу страницы.
Рекламные баннеры (кроме бокового) могут отображаться на всех страницах сайта или на конкретных страницах/разделах. Боковая реклама отображается под боковым меню, поэтому, если меню нет, например, в разделе «Контакты», то и баннер отображаться не будет.
Включить отображение баннеров можно:
В виджете настроек