Аспро: Приорити 2.0 — документация, часть 5 из 5: Система обратной связи

Евгений Урядов · обновлено 19 сентября 2026 г.

Источник: официальный курс «Аспро: Приорити 2.0» из базы знаний Аспро. Решение: Аспро: Приорити 2.0. Справочная выгрузка сертифицированного партнёра Аспро, обновлено 19.09.2026.

Части курса: 1 · 2 · 3 · 4 · 5

Содержание

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

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

Содержание главы:

Описание курса

назадНастройка определения местоположения по Geo IP Система обратной связи: формы на инфоблоках, веб-формы или формы Битрикс24вперед

Система обратной связи: формы на инфоблоках, веб-формы или формы Битрикс24

В решении Аспро: Приорити 2.0 система обратной связи реализована 3 способами: на инфоблоках, веб-формах и формах Битрикс24.

  1. В зависимости от настройки «Использовать «Веб-формы» вместо инфоблоков», вы выбираете один из вариантов и настраиваете формы под себя. Если у вас редакция «Старт», то вам доступны только формы на инфоблоках. При наличии редакции «Стандарт» и выше, вы можете использовать еще и веб-формы. При этом вы можете настроить интеграцию веб-форм с Битрикс24. Тогда данные будут попадать как в админку, так и в CRM.

  2. Если вы обрабатываете заявки только через Битрикс24, то подключайте соответствующие формы. При этом варианте в CRM будут передаваться UTM-метки, которые учитываются в сквозной аналитике. Форма подключается через скрипт, поэтому внешний вид формы будет в стилистике Битрикс24.

Вы можете управлять составом полей каждой формы.

Рассмотрим, как выглядит система обратной связи на веб-формах.

1. Заказать продукт.

2. Заказать проект.

3. Задать вопрос.

4. Написать сотруднику.

5. Оставить отзыв.

6. Написать директору.

7. Оформление заказа.

8. Отправить резюме.

9. Подписка на рассылку.

10. Купить в 1 клик.

11. Заказать звонок.

12. Заказать услугу.

Чтобы выбрать тип форм, перейдите в Аспро (1) → Аспро: Priority2 (2) → Настройки (3).

В блоке «Формы» выберите тип обратной связи. Вы можете настроить каждую отдельно. К примеру, для формы «Заказать продукт» можно выбрать тип «Из настроек решения» и «Формы Битрикс24».

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

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

Описание курса

назадСистема обратной связи Веб-формы для редакции 1С-Битрикс: Стартвперед

Веб-формы для редакции 1С-Битрикс: Старт

В редакции 1С-Битрикс: Старт отсутствует модуль «Веб-формы», поэтому использование функционала системы обратной связи кажется невозможным. Но мы нашли выход из этой ситуации — реализовали систему обратной связи на инфоблоках. Так вы можете не просто заявить о себе в просторах Интернета, но еще и конвертировать посетителей сайта в заявки.

Переключить работу форм обратной связи на инфоблоки можно в Аспро (1) → Аспро: Priority2 → Настройки (3).

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

Содержание главы:

Описание курса

назадСистема обратной связи: формы на инфоблоках, веб-формы или формы Битрикс24 Результаты заполненных формвперед

Результаты заполненных форм

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

Контент(1) → Формы (2) (aspro.priority2).

Выберите форму. Для просмотра сообщения кликните по названию.

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

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

Описание курса

назадВеб-формы для редакции 1С-Битрикс: Старт Управление формамивперед

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

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

Перейдите в Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Формы (aspro.Priority2) (4).

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

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

Рассмотрим основные настройки инфоблока. На вкладке «Инфоблок»:

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

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

  3. выберите сайт, на котором будет действовать форма;

  4. дайте форме название.

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

На вкладке «Свойства» создаются и настраиваются поля форм.

  • Для каждого поля обязательно нужно указать название (1), тип (2) и код заглавными латинскими буквами (7). Тип определяет, какое значение будет принимать поле – «Строка», «HTML/текст» или «Число».

  • Чтобы поле отображалось в форме, установите галку «Акт.» (3).

  • Если поле может хранить более одного значения, отметьте «Множ.» (4) – например, чтобы разрешить загрузку более одного файла за раз.

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

  • Чтобы задать порядок отображения полей на форме, заполните колонку «Сорт.» (6) — чем меньше индекс сортировки, тем ниже будет положение поля. Для удаления лишней строки установите галку «Удал.» (9) и нажмите «Применить».

  • Колонка «Изм.» (8) содержит кнопки, которые открывает редактор свойств (полей) с дополнительными настройками.

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

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

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

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

Описание курса

назадРезультаты заполненных форм Веб-формы для редакции 1С-Битрикс: Стандартвперед

Веб-формы для редакции 1С-Битрикс: Стандарт

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

Для настройки интеграции решения с CRM-системой включите использование веб-форм от 1С-Битрикс.

Проверить, установлен ли модуль веб-форм можно в административной части сайта в Настройки (1) → Настройки продукта (2) → Модули (3).

В списке модулей найдите «Веб-формы»

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

Его можно найти в админке. Пройдите путь: Аспро (1) → Аспро: Priority2 → Настройки (3).

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

В решении реализованы следующие веб-формы:

1. Заказать продукт.

2. Заказать проект.

3. Задать вопрос.

4. Написать сотруднику.

5. Оставить отзыв.

6. Написать директору.

7. Оформление заказа.

8. Отправить резюме.

9. Подписка на рассылку.

10. Купить в 1 клик.

11. Заказать звонок.

12. Заказать услугу.

Содержание главы:

Описание курса

назадУправление формами Результаты заполненных формвперед

Результаты заполненных форм

Сообщения пользователей хранятся в Сервисы (1) → Веб-формы (2) → Результаты (3). Чтобы просмотреть результаты формы, например, «Заказать звонок», выберите соответствующий пункт (4).

В таблице размещена информация о формах:

  1. был ли отправлен результат в CRM – подробнее об интеграции с CRM и способах отправки результатов читайте здесь;

  2. когда была отправлена форма;

  3. от какого пользователя пришло сообщение – зарегистрированного или нет;

  4. содержимое сообщений с небольших форм.

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

Данные с формы отобразятся в группе «Поля результата».

В веб-форме оформления заказа также есть поле TOTA:_SUMM. Здесь общая сумма заказа будет передаваться в лид CRM-системы отдельным полем.

Описание курса

назадВеб-формы для редакции 1С-Битрикс: Стандарт Управление веб-формамивперед

Управление веб-формами

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

Рассмотрим основные настройки форм. На вкладке «Свойства» находятся следующие параметры:

  1. Наименование — заголовок веб-формы;

  2. Символьный идентификатор (задается латинскими буквами) — используется для привязки формы к элементам (например, кнопкам);

  3. Сайт формы — здесь указываются сайты, на которых будет использоваться веб-форма;

  4. Порядок сортировки — определяет положение формы в списке (в админке);

  5. Название ссылки на результаты — названия ссылок, куда будут сохранятся результаты работы формы (названия указываются для каждого языка, используемого в системе);

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

  7. Использовать CAPTCHA — подключает к форме проверку «человек или робот?».

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

На вкладке «Шаблон формы» вы можете выбрать, какой шаблон использовать — предложенный по умолчанию или свой. О том, как создать свой шаблон, читайте в уроке от 1С-Битрикс.

На вкладке «CRM» настраивается интеграция с Битрикс24. Подробнее об интеграции с Битрикс24, Аспро.Cloud читайте здесь.

Перейти к редактированию полей формы можно через верхнее меню (пункт «Вопросы»):

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

Также к созданию нового поля можно быстро перейти из списка веб-форм — нажмите на «+» в колонке «Вопросы» на соответствующей строке.

При создании нового поля на вкладке «Свойства» обязательно укажите символьный идентификатор (3) (латинскими заглавными буквами). На этой же вкладке:

  • установите галку «Акт.», чтобы пользователи увидели поле (1);

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

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

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

На вкладке «Ответ»:

  1. Заполните колонку «Текст» в соответствии с выбранным типом ответа.

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

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

Если же в качестве ответа посетитель должен ввести свой текст, поставьте в первой колонке пробел и выберите нужный тип (text или textarea).

Подробнее о настройке веб-форм вы можете узнать из курса от 1С-Битрикс.

Описание курса

назадРезультаты заполненных форм Генерация веб-формвперед

Генерация веб-форм

В решении Аспро: Приорити 2.0 доступна генерация веб-форм.

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

Генерация веб-форм работает только в редакции 1С-Битрикс: Стандарт и выше. Если вы перешли на нее с редакции Старт, то вам не придется создавать веб-формы вручную.

Также функционал доступен только при установленном модуле «Веб-формы». Чтобы подключить его, в административной части сайта перейдите в Настройки (1) → Настройки продукта (2) → Модули (3).

Найдите модуль «Веб-формы» и нажмите «Установить».

Теперь функционал доступен для использования. Перейдите в Аспро (1) → Аспро: Priority2 (2) → Генерация веб-форм (3) и нажмите кнопку «Сгенерировать веб-формы».

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

Если все формы активы, после генерации будет выведено сообщение «Все веб-формы в актуальном состоянии».

Описание курса

назадУправление веб-формами Кастомные сообщения после отправки формывперед

Кастомные сообщения после отправки формы

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

Пример сообщения стандартной веб-формы от 1С-Битрикс

Пример кастомного сообщение:

Чтобы создать файл с кастомным сообщениям зайдите в административную часть. Проделайте путь Контент (1) → Структура сайта (2) → Файлы и папки (3) → include (4) → form (5).

Создайте файл по принципу: success_(символьный идентификатор).php. После создания текст файла подключится автоматически. Символьный идентификатор веб-формы можно найти по пути: Сервисы (1) → Веб-формы (2) → Настройка форм (3).

Существует 2 способа создания файла:

Добавить файл

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

Главное указать правильное имя файла, например, success_aspro_allcorp3_callstaff_s1. Также напишите кастомное сообщение.

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

Загрузка файлов

Нажмите кнопку «Загрузить файл».

Укажите правильное имя файла, например, success_aspro_allcorp3_callstaff_s1 и прикрепите файл.

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

Описание курса

назадГенерация веб-форм Формы Битрикс24вперед

Формы Битрикс24

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

Переключить работу форм обратной связи на Битрикс24 можно в Аспро (1) → Аспро: Priority2 (2) → Настройки (3).

Перейдите во вкладку «Формы» и для каждой формы выберите соответствующий тип обратной связи — Формы Битрикс24.

Содержание главы:

Описание курса

назадКастомные сообщения после отправки формы Управление формамивперед

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

Подключить форму из Битрикс24 просто! Достаточно скопировать код формы и вставить в специальное поле на сайте. Рассмотрим подробнее на примере пробной версии Битрикс24.

Перейдите в раздел CRM в левом меню (1). В верхней панели нажмите кнопку «Интеграции» (2) и выберите пункт «CRM-формы» (3).

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

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

В административной части сайта перейдите в Аспро (1) → Аспро: Priority2 (2) → Настройки (3).

В разделе «Формы» переведите нужную форму на Битрикс24 и нажмите кнопку «Редактировать». Рассмотрим на примере формы «Заказать продукт».

Вставьте код формы из Битрикс24 и сохраните изменения.

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

Описание курса

назадФормы Битрикс24 Результаты заполненных формвперед

Результаты заполненных форм

Сообщения пользователей с форм обратной связи хранятся в Битрикс24 в разделе CRM. В зависимости от того, как вы настраивали форму, результаты формы попадут в лид или сделку.

Описание курса

назадУправление формами Пользовательская веб-форма и ее вывод в кнопке в шапкевперед

Пользовательская веб-форма и ее вывод в кнопке в шапке

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

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

Для создания пользовательской веб-формы в административной части сайта перейдите в Сервисы (1) → Веб-формы (2) → Настройка форм (3).

Затем нажмите «Создать».

Затем во вкладке «Свойства» заполните следующие поля:

  1. Наименование.
  2. Символьный идентификатор — обязательно должен быть уникальным и начинаться с «aspro_priority2 _название».
  3. Сайты формы — если у вас подключена многосайтовость, в поле будет список из сайтов.
  4. Сортировку — чем меньше число, тем приоритетнее будет отображение формы при выборе нескольких вариантов в шапке.
  5. Название ссылки на результаты.
  6. Подпись на кнопке, сохраняющей результаты формы.
  7. Использовать CAPTCHA.

Во вкладке «Описание» добавьте описание к форме.

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

Сохраните все изменения формы.

Теперь добавим форму на кнопку в шапке сайта. Для этого перейдите в Аспро (1) → Аспро: Priority2 (2) → Настройки (3) → Формы (4).

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

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

Популярная ошибка при создании своей веб-формы

Если при нажатии на кнопку в шапке сайта у вас всплывает ошибка «Укажите корректный ИД формы», вернитесь в настройки редактирования формы (Сервисы → Веб-формы → Настройка форм).

Проверьте символьный идентификатор формы. Он обязательно должен быть уникальным и начинаться с названия вашего решения. В нашем случае будет: «aspro_priority2 _name_form».

Неправильное присвоение символьного идентификатора:

Правильное присвоение символьного идентификатора:

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

Описание курса

назадРезультаты заполненных форм Посадочные страницывперед

Посадочные страницы

Описание курса

назадПользовательская веб-форма и ее вывод в кнопке в шапке Посадочные страницы в каталогевперед

Посадочные страницы в каталоге

В Аспро: Приорити 2.0, начиная с версии 1.2.0, появилась возможность создавать посадочные страницы в каталоге товаров.

Вы можете сами выбирать, какие товары показывать. Это позволит продвигаться в поисковиках еще эффективнее — вы можете добавить дополнительное SEO-описание, изображение и тизеры. А еще можно вести покупателей в каталог с уже выбранными вами товарами для показа.

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

Посадочная страница может быть в виде лендинга или тегов.

Требования к графическим материалам.

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

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

  1. Анонсное описание товаров и их преимуществ помогает покупателю выбрать подходящую модель под свой проект (размещается во вкладке «Анонс»).
  2. Картинка располагается справа от описания.
  3. Блок «Задать вопрос» для обратной связи с кнопкой открытия формы.
  4. Разделы каталога.

  1. Отфильтрованные товары из каталога.
  2. В самом нижнем блоке после подборки товаров располагается SEO-описание — размещается во вкладке «Подробно».

Изменить посадочную страницу в каталоге можно только через административную часть сайта. Перейдите в Контент (1) → Каталог (aspro.priority2) (2) → Посадочные в каталоге (3).

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

Рассмотрим подробно окно редактирования посадочной страницы. На вкладке «Элемент» доступны следующие поля:

  1. Активность — включает отображение лендинга.
  2. Период активности — задает время показа лендинга.
  3. Название — установить название для лендинга.
  4. Сортировка — индекс сортировки.
  5. Раздел — привязать раздел каталога с помощью умного фильтра, в котором будет располагаться лендинг. Подробнее о настройках читайте в следующем уроке.
  6. Город — привяжите регион, в котором будет показываться посадочная страница.
  7. Тизеры — привязать к лендингу тизеры, которые будут располагаться под баннером.

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

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

Загрузить баннер (1) и дополнить страницу SEO-описанием в нижнем блоке (2) можно на вкладке «Подробно». После настройки не забудьте сохранить изменения.

Альтернативный вариант добавления анонсного изображения

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

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

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

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

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

Содержание главы:

Описание курса

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

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

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

Для этого откройте на сайте страницу с автомобилями. Выберите в умном фильтре производителя «Backen motors».

Скопируйте из адресной строки браузера часть URL, начиная с /filter/. В примере это: /filter/brand-is-backen-motors/apply/.

Далее зайдите в окно редактирования посадочной страницы. В административной части сайта перейдите в Контент (1) → Каталог (aspro.priority2) (2) → Посадочные в каталоге (3).

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

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

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

Описание курса

назадПосадочные страницы в каталоге Посадочные страницы в разделе «Обзоры»вперед

Посадочные страницы в разделе «Обзоры»

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

В Аспро: Приорити 2.0 посадочные страницы в обзорах появились с версии 1.3.0.

Содержание главы:

Описание курса

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

Настройки оформления раздела «Обзоры»

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

Настроить оформление раздела можно двумя способами:

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

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

Виджет в публичной части

Перейдите в «Точную настройку», далее на вкладку «Разделы». В настройке «Обзоры» можно задать отступы между обзорами (1) и позицию картинки (2).

Рассмотрим, чем отличаются обзоры с отступами и без отступов.

  • обзоры с отступами;

  • обзоры без отступов.

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

  • позиция картинки: слева;

  • позиция картинки: справа.

Административная часть сайта

Для настройки раздела в административной панели перейдите в Аспро (1) → Аспро: Priority2 (2) → Настройки (3) → Разделы (4).

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

Описание курса

назадПосадочные страницы в разделе «Обзоры» Создание и редактирование посадочной страницывперед

Создание и редактирование посадочной страницы

Посадочные страницы в разделе «Обзоры» состоят из следующих элементов:

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

  1. Описание в качестве анонса.
  2. Детальное описание подборки товаров, которое содержит SEO-текст.
  3. Блок «Задать вопрос» для обратной связи с кнопкой перехода на форму.

  1. Список предлагаемых товаров с техническими характеристиками и ценой.
  2. Фотогалерея.

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

Изменить посадочную страницу можно двумя способами:

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

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

Виджет в публичной части

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

Административная панель

Для изменения посадочной страницы в административной панели необходимо перейти в Контент (1) → Каталог (aspro.priority2) (2) → Обзоры (3).

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

Рассмотрим подробно окно редактирования посадочной страницы. На вкладке «Элемент» доступны следующие поля:

  1. Активность — включает отображение лендинга.
  2. Период активности — задает время показа лендинга.
  3. Название — установить название для лендинга.
  4. Сортировка — индекс сортировки.
  5. URL фильтр — умный фильтр для привязки, подробнее о настройках читайте в следующем уроке.
  6. Заголовок H3 перед товарами — задать заголовок над списком предлагаемых товаров.
  7. Показывать блок «Задать вопрос» — включить отображения блока обратной связи.
  8. Раздел — привязать к странице раздел или часть товаров из раздела с помощью умного фильтра, подробнее о настройках читайте в следующем уроке.

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

На вкладке «Подробно» настраивается фотогалерея и описание подборки товаров. Здесь можно найти следующие поля:

  1. Расположение фото — назначьте расположение детальной картинки, если не используется составной баннер.
  2. Галерея — загрузите фотографии в галерею.
  3. Файлы — загрузите файлы для посадочной страницы.
  4. Детальная картинка — загрузите детальную картинку для лендинга.

  1. Детальное описание — задайте подробное описание товаров.

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

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

  1. Баннер сверху — включает отображение баннера в самой верхней части посадочной страницы. При отключенной настройке баннер не функционирует.
  2. С наездом на шапку — баннер наезжает на область шапки. При этом изображение станет более расширенным и будет служить фоном для верхнего меню.
  3. Цвет шапки и текста — назначить светлый или темный цвет шапки и текста.
  4. Надпись в кнопке — подписать кнопку, расположенную на большом баннере.
  5. Текст в баннере — задать описание к заголовку на баннере.
  6. Фоновая картинка — загрузить картинку на задний фон для большого баннера.
  7. Активная картинка — загрузить картинку на передний план для большого баннера. Совмещается с фоновой картинкой.

Настройте отображение баннера и сохраните изменения.

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

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

Описание курса

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

Настройка списка товаров с помощью умного фильтра

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

Для этого откройте на сайте страницу с автомобилями. Установите в умном фильтре статус «В наличии».

Скопируйте из адресной строки браузера часть URL, начиная с /filter/. В примере это: /filter/status-is-instock/apply/.

Далее зайдите в окно редактирования посадочной страницы. В административной части сайта перейдите в Контент (1) → Каталог (aspro.priority2) (2) → Обзоры (3).

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

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

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

Если вы хотите привязать целый раздел каталога без фильтрации по свойству, тогда в поле «URL фильтр» вставьте строку: /filter/filter_price-from-0/apply/. В результате появятся товары с разными свойствами.

Описание курса

назадСоздание и редактирование посадочной страницы Для веб-разработчиковвперед

Для веб-разработчиков

Решение Аспро созданы на современной технологической платформе 一 Bootstrap 3.0, HTML5, CSS3, jQuery. Они имеют принципиально новую архитектуру, с которой по-настоящему удобно работать. В специальном разделе есть библиотеки кнопок, иконок и элементов для оформления.

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

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

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

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

Содержание главы:

Описание курса

назадНастройка списка товаров с помощью умного фильтра Поддержка PWAвперед

Поддержка PWA

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

  • Устанавливается на смартфоны и планшеты.
  • Доставляет push-уведомления.

Поддержка PWA появилась в Аспро: Приорити 2.0 с версии 1.0.3. Для того, чтобы добавить сайт как веб-приложение, пользователь должен открыть сайт в браузере на мобильном устройстве. Затем перейти в настройки для страницы.

Затем нужно кликнуть поле «Добавить на главный экран».

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

Приложение на главном экране.

Для реализации PWA сайт должен соответствовать требованиям:

  • Доступ по протоколу https.
  • Адаптивность.
  • Отдельный URL для каждой страницы.

Чтобы настроить PWA, в административной части сайта перейдите в Аспро → Аспро: Priority 2 → Веб-приложение.

  • Подключите манифест для сайта (1);
  • Название предлагается по умолчанию при добавлении на рабочий стол (2);
  • Сокращенное название — короткое удобочитаемое имя приложения. Предназначено для использования там, где недостаточно места для отображения полного имени приложения (3);
  • Укажите начальную страницу приложения, по умолчанию задана главная страница сайта. При запуске приложения будет открываться указанная страница, а не та страница, которую добавляли на рабочий стол (4);
  • Выберите режим отображения приложения (5):

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

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

  • Измените цвет фона (6) и темы (7) при необходимости. Функция актуальна только для Android;

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

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

Описание курса

назадДля веб-разработчиков Графические материалывперед

Графические материалы

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

Библиотека UI-элементов для Аспро: Приорити 2.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Один из вариантов аккордеона используется на странице «Вакансии» в решении Аспро: Digital-компания при выборе соответствующей темы оформления раздела.

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

Размеры навигационной панели по страницам раздела представлены в 3х вариантах.

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

Также в поставку включены элементы для работы с изображениями – Carousel, Fancybox и рамки для миниатюрных изображений.

Содержание главы:

Описание курса

назадПоддержка PWA Использование библиотеки UI-элементоввперед

Использование библиотеки UI-элементов

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

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

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

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

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

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

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

После сохранения изменений на странице отображаются нужные элементы:

Подключение библиотеки на Аспро: Приорити 2.0

Для Аспро: Приорити 2.0 вставьте следующий код: \Aspro\Priority2\Functions\Extensions::init(БИБЛИОТЕКА).

Чтобы найти все доступные библиотеки, перейдите в административную часть сайта. Выберите Контент (1) → Структура сайта (2) → Файлы и папки (3). Вставьте следующий путь в поле:

/bitrix/modules/aspro.priority2/lib/functions/Extensions.php

Доступные библиотеки находятся в массиве $arConfig.

Описание курса

назадГрафические материалы Модуль умной поисковой оптимизации SEOвперед

Модуль умной поисковой оптимизации SEO

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

Функционал уже внедрен в решениях:

  • Аспро: Премьер.
  • Аспро: Максимум с версии 1.4.0.
  • Аспро: Лайтшоп с версии 1.1.0 (для редакций корпоративный сайтов — с версии 1.2.0).
  • Аспро: Корпоративный сайт 3.0 с версии 1.3.0.
  • Аспро: Приорити 2.0 с версии 1.1.0.
  • Аспро: Медицинский центр 3.0, с версии 1.0.25.
  • Аспро: Металл, с версии 1.0.24.
  • Аспро: Стройка 2.0, с версии 1.0.19.

Если появляется ошибка Bitrix Seo [seo] module not installed, нужно установить модуль. Для этого проделайте путь: Настройки → Настройки продукта → Модули. Установите модуль «Поисковая оптимизация (seo)».

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

Просто настройте поисковую оптимизацию, все остальное продумали мы!

Преимущества

  • Работа с неограниченным числом посадочных страниц.
  • Быстрая уникализация страниц: настройка мета-тегов, тексты для поисковой оптимизации SEO, ЧПУ, хлебных крошек.
  • Облако тегов для дополнительной навигации.
  • Создание страниц без дублей.

Посадочные страницы нужны для

  • Поисковой оптимизации.
  • Контекстной рекламы.
  • Таргетинга в социальных сетях.

Кому полезен функционал

  • Специалистам поисковой оптимизации SEO — создавайте посадочные страницы в каталоге под различные условия фильтра за 5 минут и решайте другие задачи. Занимайтесь настройками поисковой оптимизации, а не доработками сайта. Сосредоточьтесь на оптимизации и выводите сайты в топ.
  • Маркетологам и контент-менеджерам — наполняйте сайт текстами для поисковой оптимизации SEO за 5 минут. Больше не нужно копировать 1 текст для 100 товаров или разделов. Создавайте описание для элементов в одно правило и уникализируйте их с помощью шаблонов.
  • Владельцам сайтов — сэкономьте на внедрении сторонних модулей.

Функционал Модуля поисковой оптимизации SEO состоит из 5 основных блоков.

  1. Оптимизация умного фильтра для поисковых систем SEO — здесь прописываются правила и условия для создания посадочных страниц по фильтру.
  2. Контроль индексирования в поисковых системах SEO — функционал для скрытия из индекса страниц фильтрации, которые сформированы с помощью компонента умного фильтра 1С-Битрикс.
  3. Тексты для поисковой оптимизации SEO — в разделе можно создавать шаблоны для массового наполнения разделов текстами.
  4. Карты сайта — в разделе настраивается карта сайта, чтобы поисковые роботы проиндексировали страницы.
  5. Настройки — основные параметры для работы.
  6. Обновления — функционал для установки обновлений Модуля поисковой оптимизации SEO.

Содержание главы:

Описание курса

назадИспользование библиотеки UI-элементов Установка модуля поисковой оптимизации SEOвперед

Установка модуля поисковой оптимизации SEO

В Аспро: Премьер, Аспро: Максимум с версии 2.0.6, Аспро: Лайтшоп с версии 1.1.0 (для редакций корпоративный сайтов — с версии 1.2.0), Аспро: Корпоративный сайт 3.0 с версии 1.3.0 и Аспро: Приорити 2.0 с версии 1.1.0 установить функционал модуля поисковой оптимизации SEO можно двумя способами:

  1. При установке решения появляется отдельный пункт в Мастере настроек.

  1. В административной части сайта. Для этого перейдите в Аспро (1) → Установка модуля поисковой оптимизации SEO (2).

Далее нажмите на кнопку «Установить».

После завершения установки появится возможность перейти к настройкам функционала.

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

Описание курса

назадМодуль умной поисковой оптимизации SEO Оптимизация умного фильтра для поисковых систем SEOвперед

Оптимизация умного фильтра для поисковых систем SEO

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

Стандартная схема создания посадочных страниц по фильтру:

Создать раздел → настроить правило → прописать условие → сгенерировать посадочные страницы → создать и сгенерировать карту сайта → добавить условие в поиск по сайту → создать облако тегов.

Содержание главы:

Описание курса

назадУстановка модуля поисковой оптимизации SEO Создание разделавперед

Создание раздела

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

Чтобы создать раздел, перейдите в Аспро (1) → Модуль поисковой оптимизации SEO (2) → оптимизация умного фильтра для поисковых систем SEO (3).

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

В форме редактирования раздела укажите «Название» (1), Описание (2) — это поле необязательное. Сохраните изменения.

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

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

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

Описание курса

назадОптимизация умного фильтра для поисковых систем SEO Создание правилавперед

Создание правила

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

Чтобы создать правило, перейдите в Аспро (1) → Модуль поисковой оптимизации SEO (2) → Оптимизация умного фильтра для поисковых систем SEO (3).

Нажмите кнопку «Создать правило».

На детальной странице правила нужно заполнить обязательные поля на вкладке «Основные параметры»:

  1. Сайт.
  2. Тип инфоблока.
  3. Инфоблок.
  4. Разделы.

Также вы можете:

  1. Задать активность.
  2. Прописать название правила.
  3. Задать сортировку.
  4. Скрыть от индексации все условия правила.

Далее нажмите кнопку «Применить».

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

Примечание

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

Описание курса

назадСоздание раздела Создание условиявперед

Создание условия

Условие — это выбранные параметры, по которым будут сформированы посадочные страницы.

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

В форме добавление нового условия укажите:

  1. Название — это необязательное поле.
  2. Условие. В этом поле нужно выбрать свойства, по которым нужно сформировать посадочные страницы.

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

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

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

В поле подставился шаблон новой ссылки.

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

  1. Корневая папка сайта.
  2. URL страницы раздела.
  3. URL страницы раздела со свойствами.
  4. URL страницы раздела с ценами и свойствами.
  5. URL страницы раздела со свойствами без символьных кодов.
  6. URL страницы раздела с ценами, свойствами без символьных кодов.

Нужно обязательно выбрать один из макросов, иначе возникнет ошибка 404!

По желанию добавьте дополнительные параметры:

  1. Поля инфоблока.
  2. Поля раздела.
  3. Поля свойств.
  4. Поля цен.

В параметре «Вариант генерации ссылок» можно выбрать «Комбинирование» или «Слияние».

При варианте «Комбинирование» на каждое значение свойства создается посадочная страница.

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

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

Про настройки информации поисковой оптимизации рассказали в статье «3 способа работы с мета-тегами».

После сохранения условие отобразится в табличной части вкладки «Список условий».

Примечание

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

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

Поле «Показывать умном фильтре» должно быть активно.

Описание курса

назадСоздание правила Генерация посадочных страницвперед

Генерация посадочных страниц

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

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

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

Сохраните изменения. После сохранения создались посадочные страницы, которые соответствуют заданным условиям. На вкладке «ЧПУ» созданы страницы.

С версии Модуля поисковой оптимизации SEO 1.0.6 модуль включает чекбоксы (квадратные области, в которые можно поставить галку) для массового удаления ненужных ЧПУ и тегов.

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

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

Чтобы проверить данные, зайдите в административную часть сайта в Аспро (1) → Модуль поисковой оптимизации SEO (2) → Настройки (3) → Настройки для сайта (4).

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

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

Видим, что URL сформирован правильно, а в фильтре выбран нужный бренд.

Описание курса

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

Типы и шаблоны мета-тегов

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

Для изменения настроек перейдите в административную часть сайта в Аспро (1) → Модуль поисковой оптимизации SEO (2) → Оптимизация умного фильтра для поисковых систем SEO (3).

Выберите вкладку SEO.

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

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

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

Слово + Название раздела в нижнем регистре = Дизайнерские {=lower свойство {=section.Name}}

Поля раздела:

  1. Название раздела.
  2. Название раздела в нижнем регистре. Актуально, если название выводится после первого слова в шаблоне.
  3. Символьный код раздела.
  4. Описание раздела.
  5. Свойства раздела.

Поля родителя:

  1. Название родителя.
  2. Название родителя в нижнем регистре. Актуально, если название выводится после первого слова в шаблоне.
  3. Символьный код родителя.
  4. Описание родителя.
  5. Свойства родителя.

Поля инфоблока:

  1. Название инфоблока.
  2. Описание инфоблока.

Функции:

  1. Склонение слов по падежам.
  2. Объединение свойств.
  3. Приведение к верхнему регистру.
  4. Приведение к верхнему регистру первого символа.
  5. Приведение к верхнему регистру первого символа каждого слова — доступно с версии Модуля поисковой оптимизации SEO 1.0.7.
  6. Приведение к нижнему регистру.
  7. Транслитерация.
  8. Объединения с ограничением.
  9. Минимальное числовое значение.
  10. Максимальное числовое значение.
  11. Только уникальные значения.

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

Содержание главы:

Описание курса

назадГенерация посадочных страниц Склонение слов по падежамвперед

Склонение слов по падежам

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

Для этого в меню выбираем соответствующую функцию «Склонение слов по падежам» и нужный падеж.

После выбора функции в поле «Мета-тег Keywords» подставляется конструкция.

Вместо слова «Свойство» подставляется нужное слово, свойство товара или торгового предложения. В кавычках указывается падеж и род. Если подставляется слово, то оно должно быть в двойных кавычках, как род и число — {=aspro_morphy “Слово” “рд” “ед”}.

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

В обновлении 1.4.2 стал доступен функционал склонения по родам. Оно прописывается в кавычках, как род и число. Пример: {=aspro_morphy {=sku_property.COLOR_REF} “рд” “ед” “жр”}. Результат склонения, черной.

Для конструкции {=aspro_morphy {=sku_property.COLOR_REF} “рд” “ед”} будет выведено свойство торговых предложений: цвет просклоняется в родительном падеже и единственном числе. Например, черного.

Пример в предложении. Конструкция: Новая коллекция {=aspro_morphy {=sku_property.COLOR_REF} “рд” “ед” “жр”} одежды. Результат: Новая коллекция черной одежды.

Дополнение

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

Например, следующие конструкции дадут одинаковый результат:

{=aspro_morphy “Искусственная кожа” “рд” “ед”}

{=aspro_morphy “Искусственная кожа” “ед” “рд”}

{=aspro_morphy “Искусственная кожа” “рд”}

Поддерживаемые граммеры:

1. Падеж

  • им - именительный
  • рд - родительный
  • дт - дательный
  • вн - винительный
  • тв - творительный
  • пр - предложный
  • зв - звательный

2. Род

  • мр - мужской род
  • жр - женский род
  • ср - средний род

3. Число

  • ед - единственное число
  • мн - множественное число

Описание курса

назадТипы и шаблоны мета-тегов Установка канонической страницывперед

Установка канонической страницы

Каноническая страница — это страница, URL-адрес которой поисковые роботы считают главной среди нескольких ее вариантов на сайте. Например, если одна и та же страница размещена по двум адресам, таким как example.com? dress=1234 и example.com/dresses/1234, то один из этих адресов будет выбран в качестве канонического.

В настройках Модуля поисковой оптимизации SEO, начиная с версии модуля 1.0.5, появилась возможность устанавливать канонические посадочные страницы. Это необходимо, если вам нужно отображать только оригинальный URL-адрес в поисковой системе или оптимизировать сканирование сайта.

Чтобы установить или отключить каноническую страницу, в административной части сайта перейдите в Аспро (1) → Модуль поисковой оптимизации SEO (2) → Настройки (3) → Настройки общие (4).

Для установки тега canonical на посадочных страницах поставьте галку в поле «Устанавливать canonical» и нажмите «Применить».

Страница сайта с установленным тегом canonical.

Страница сайта при отключенном теге canonical.

Описание курса

назадСклонение слов по падежам 3 способа работы с мета-тегамивперед

3 способа работы с мета-тегами

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

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

На основе правила

Заполнять теги на уровне правила необязательно. Чаще всего это делают, чтобы на уровне шаблона задавать условия для посадочных страниц.

Для примера задаем:

  1. Title.
  2. Заголовок страницы.
  3. Верхнее описание.

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

На основе условия

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

Заполненные теги наследуются из заполненных тегов на уровне правила.

Также заданы:

  1. Title.
  2. Заголовок страницы.
  3. Верхнее описание.

Изменим мета-теги на уровне условия. Добавим к шаблону вывод названия бренда.

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

На уровне посадочной страницы

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

Заполненные теги наследуются из заполненных тегов на уровне условия. Если условие не задано, то — из тегов правила.

Также заданы:

  1. Title.
  2. Заголовок страницы.
  3. Верхнее описание.

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

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

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

Результат в публичной части сайта.

Описание курса

назадУстановка канонической страницы Условия в поискевперед

Условия в поиске

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

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

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

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

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

В форме редактирования «Новые условие в поиске» заполните обязательные поля: «Посадочные страницы по условию» (1) и «Заголовок в поиске»(2).

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

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

Содержание главы:

Описание курса

назад3 способа работы с мета-тегами Переиндексация страницвперед

Переиндексация страниц

Способ 1

Откройте форму редактирования правила на вкладке «Условия в поиске». Затем откройте форму редактирования условия в поиске и установите галку в поле «Переиндексировать». Сохраните изменения.

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

Способ 2

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

Способ 3

В административной части сайта перейдите в Настройки (1) → Поиск**(2)** → Переиндексация (3).

Укажите сайт**(1)** и выберите модуль (2). В нашем случае это название решения. Затем нажмите кнопку «Переиндексировать».

Описание курса

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

Настройки модуля поисковой оптимизации SEO

Описание курса

назадПереиндексация страниц Общие настройкивперед

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

В этом уроке рассмотрим общие настройки Модуля поисковой оптимизации SEO. Зайдите в административную часть сайта в Аспро (1) → Модуля поисковой оптимизации SEO (2) → Настройки (3) → Настройки общие (4).

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

  1. Период, на который кешируются указанные данные. Значение должно быть 86400. Рекомендуем его не менять.

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

  3. Если вы активируйте это поле, то будут использованы title, ключевые слова и описание из посадочных страниц.

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

  5. Активируйте замену сниппетов, чтобы происходила замена контента. Замена контента будет срабатывать только на посадочных страницах модуля поисковой оптимизации SEO.

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

  1. Заменяет стандартный URL фильтра на новый URL из Модуля поисковой оптимизации SEO в контенте. Ссылка заменяется в пагинации и кнопках сортировки.

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/Max/seo_nastroiki/аа (2).246d094462.webp)

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

Описание курса

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

Настройки сайта для Модуля поисковой оптимизации SEO

В этом уроке рассмотрим настройки сайта для Модуля поисковой оптимизации SEO. Зайдите в административную часть сайта в Аспро (1) → Модуль поисковой оптимизации SEO (2) → Настройки (3) → Настройки для сайта (4).

Рассмотрим настройки адресов страниц каталога. Если в каталоге менялась структура URL, то нужно указать здесь актуальные данные, иначе посадочные страницы будут выдавать ошибку 404. Ниже подробно опишем пункты от 1 до 10.

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

1. Поле по умолчанию имеет значение #IBLOCK_LIST_PAGE_URL#. Если вы оставили поле по умолчанию, то при генерации посадочных страниц значение будет браться из поля «URL страницы информационного блока». Это поле находится в настройках инфоблока.

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

2. Значение поля должно совпадать с полем «Включить поддержку ЧПУ» в параметрах компонента «Каталог».

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

Значение должно так же совпадать со значением поля «Фильтр» в параметрах компонента «Каталог».

3. Значение поля должно совпадать с полем «URL раздела для умного фильтра» в параметрах компонента «Каталог».

4. Поле по умолчанию имеет значение #IBLOCK_SECTION_PAGE_URL#. При генерации посадочных страниц значение будет браться из поля «URL страницы раздела», которое указано в настройках инфоблока.

5-7. Выберите, какие данные будут подтягиваться в новую ссылку из указанных типов свойств.

8-10. Выберите символы для разделителей, пробелов и других символов.

Описание курса

назадОбщие настройки Карта сайтавперед

Карта сайта

Создание файла карты сайта

После генерации посадочных страниц нужно создать карту сайта. Для этого перейдите в Аспро → Модуль поисковой оптимизации SEO → Карты сайта. Нажмите кнопку «Создать карту сайта», затем в выпадающем списке выберите сайт. Для него мы создадим карту сайта.

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

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

  1. Адрес сайта.
  2. Путь до файла карты сайта.
  3. Путь до индексного файла карты сайта. Чтобы это поле стало доступно, нужно активировать настройку «Включить карту в индексный файл».

Название карты сайта не должно заканчиваться на sitemap.xml. Иначе возможен конфликт с региональным sitemap. Пример корректного названия: sitemap-1.xml.

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

Администратор может:

  • все условия прикреплять к одной карте сайте,
  • для каждого условия или правила создавать свою карту сайта.

Связь карты сайта с условиями

Способ 1

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

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

  1. Карта сайта.
  2. Посадочные страницы из условия.
  3. Укажите частоту изменения страниц.
  4. Добавьте приоритет страниц.

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

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

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

Способ 2

Откройте форму редактирования правила, затем форму редактирования условия.

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

Генерация файла карты сайта

Возвращаемся в настройки карты сайта: Аспро → Модуль поисковой оптимизации SEO → Карты сайта. Перейдите в редактирование ранее созданной карты.

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

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

Щелкнув по ссылке, можно перейти в сгенерированный файл.

Описание курса

назадНастройки сайта для Модуля поисковой оптимизации SEO Создание облака теговвперед

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

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

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

Перейдите в форму редактирования правила, откройте вкладку «Теги». Затем нажмите кнопку «Добавить теги».

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

Доступно 3 варианта вывода тегов на сайта:

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

В Аспро: Премьер, Аспро: Максимум с версии 1.8.7 и Аспро: Лайтшоп с версии 1.1.0 появился список тегов по аналогии со списком посадочных страниц. Чтобы список тегов появился, после заполнения полей создания облака тегов, перед сохранением изменений поставьте галочку на пункте «Генерировать элементы облака».

Далее сформируется список тегов.

В настройках во вкладке «Теги» можно выбирать вариант «Генерировать элементы облака тегов».

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

В параметрах компонента активируйте поле «Отображать блок “Популярные категории”».

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

Если теги и в этом случае не выводятся, сбросьте кеш.

Ограничение на количество обрабатываемых тегов

В Аспро: Премьер, Аспро: Максимум с версии 2.0.7 и Аспро: Лайтшоп с версии 1.1.0 появилась возможность задавать ограничения на количество обрабатываемых тегов Модуля поисковой оптимизации SEO. Если ранее было ограничение максимум на 500 тегов в каталоге, то в обновлении вы можете задавать большее/меньшее количество элементов, которые будут обрабатываться функционалом.

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

Если оставить поле пустым, то ограничение будет стандартным — 500 тегов.

Содержание главы:

Описание курса

назадКарта сайта Формирование цепочки теговвперед

Формирование цепочки тегов

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

На странице категории отображаются теги бренда.

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

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

Затем создаем цепочку тегов.

  1. Вывод на сайте = Для условия.

  2. Основное условие = Выбираем формирование страниц по бренду.

  3. Формировать теги по условию = Выбираем формирование страниц по бренду и материалу.

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

  5. Шаблон вывода тегов.

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

Если теги не появились на странице, сбросьте кеш.

Описание курса

назадСоздание облака тегов Группировка тегов в Модуле поисковой оптимизации SEOвперед

Группировка тегов в Модуле поисковой оптимизации SEO

В Аспро: Премьер, Аспро: Максимум с версии 1.8.5 и Аспро: Лайтшоп с версии 1.1.0 появилась возможность группировать теги поисковой оптимизации SEO.

Теги без группировки выглядят следующим образом.

Теги с группировкой — отдельно по брендам и цене.

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

Теги выводятся по условиям. Задать их можно в настройках оптимизации умного фильтра для поисковых систем SEO. Переходим в Аспро → Модуль поисковой оптимизации SEO → Оптимизация умного фильтра для поисковых систем SEO.

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

Готово — теги с одинаковым условием будут выводиться в одной группе на одной строке.

В Аспро: Премьер, Аспро: Максимум с версии 1.8.7 и Аспро: Лайтшоп с версии 1.1.0 появилась возможность выводить названия группы тегов. Название группы подтягивается из названия условий группировки. Для активации этого функционала нужно проставить соответствующий параметр в компоненте каталога.

Описание курса

назадФормирование цепочки тегов Редактирование тегавперед

Редактирование тега

В Аспро: Премьер, Аспро: Максимум с версии 1.8.7 и Аспро: Лайтшоп с версии 1.1.0 появилась возможность редактирования конкретных тегов. Чтобы сделать это, в настройках Модуля поисковой оптимизации SEO откройте список элементов облака тегов и нажмите на «Гамбургер».

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

С версии Модуля поисковой оптимизации SEO 1.0.6 в модуль добавлены чекбоксы (квадратные области, в которые можно поставить галку) для массового удаления ненужных ЧПУ и тегов.

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

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

Описание курса

назадГруппировка тегов в Модуле поисковой оптимизации SEO Дополнительные настройки вывода списка теговвперед

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

В Аспро: Премьер, Аспро: Максимум с версии 1.8.7 и Аспро: Лайтшоп с версии 1.1.0 появились дополнительные возможности сортировки тегов. Способы сортировки можно выбрать в соответствующих пунктах в параметрах компонента каталога.

  1. Деактивированные элементы облака тегов можно не отображать.

  2. Можно выбрать способ сортировки элементов — по значению поля сортировки или по наименованию тегов.

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

Описание курса

назадРедактирование тега Тексты для поисковой оптимизации SEOвперед

Тексты для поисковой оптимизации SEO

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

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

Зачем использовать тексты для поисковой оптимизации SEO?

  • Для массового наполнения сайта контентом. Это в разы быстрее, чем прописывать тексты в каждом разделе, товаре и др.
  • Актуально тогда, когда у товаров одно назначение, а они отличаются одним или несколькими параметрами. Сложно описывать товары по-разному, когда отличий почти нет. В этом случае можно использовать один текст, но подменять значения свойств.
  • Чтобы массово уникализировать тексты для регионов. Если в решении есть обработка тегов региональности для описаний разделов и элементов, то будет поставляться нужный регион.

Старый текст в разделе «Диваны».

Новый текст для поисковой оптимизации SEO раздела «Диваны», заданный по шаблону.

Новый текст для поисковой оптимизации SEO раздела «Шкафы», заданный по шаблону.

Чтобы создать текст для поисковой оптимизации SEO, перейдите в Аспро (1) → Модуль поисковой оптимизации SEO (2) → Тексты для поисковой оптимизации SEO (3).

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

С версии модуля 1.0.13 появилась возможность заполнять SEO-тексты в формате HTML. Это поможет вам удобнее работать со структурой и внешним видом описания.

Создание текста для разделов инфоблока

Для создания текста для поисковой оптимизации SEO:

  1. Пропишите название, чтобы ориентироваться в общем списке.
  2. Выберите сайт.
  3. Задайте тип инфоблока.
  4. Выберите сам инфоблок.
  5. Отметьте разделы.
  6. Если нужно, поставьте галку в поле «Переписывать существующие тексты».
  7. Задайте описание.

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

Для составления описания значения свойств раздела доступны следующие функции:

  1. Склонение слов по падежам.
  2. Объединение свойств.
  3. Приведение к верхнему регистру.
  4. Приведение к верхнему регистру первого символа.
  5. Приведение к верхнему регистру первого символа каждого слова — доступно с версии Модуля поисковой оптимизации 1.0.7.
  6. Приведение к нижнему регистру.
  7. Транслитерация.
  8. Объединения с ограничением.
  9. Минимальное числовое значение.
  10. Максимальное числовое значение.
  11. Только уникальные значения.

Создание текста для элементов инфоблока

Для создания текстов для поисковой оптимизации SEO:

  1. Пропишите название, чтобы ориентироваться в общем списке.
  2. Выберите сайт.
  3. Задайте тип инфоблока.
  4. Выберите сам инфоблок.
  5. Отметьте разделы.
  6. Добавьте условия, по которым выбираете товары.
  7. Если нужно, поставьте галку в поле «Переписывать существующие тексты».
  8. Задайте описание для анонса.
  9. Задайте полное описание.

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

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

  • Название: {=this.Name}
  • Название в нижнем регистре: {=lower this.Name}
  • Символьный код: {=this.Code}
  • Текст анонса: {=this.PreviewText}
  • Детальное описание: {=this.DetailText}

Мы создали шаблон для товаров бренда NIKA. Свойства товаров подставляются в текст.

1.

2.

Примечание

В текст вы можете добавить свойство, нажав по соответствующей кнопки.

  • Для разделов: можно выбрать только свойства с типом «Строка».
  • Для элементов: можно выбрать только свойства с типом «HTML\Текст».

Какой тип у свойства мы можете посмотреть в его настройках. Для этого перейдите в Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.max). Тип указан в соответствующем столбце.

Описание курса

назадДополнительные настройки вывода списка тегов Контроль индексирования в поисковых системах SEOвперед

Контроль индексирования в поисковых системах SEO

Умный фильтр — стандартный функционал 1С-Битрикс. В него вы выводите свойства, по которым пользователи могут фильтровать товары. Такие страницы могут попадать в индекс. Например, страница раздела «Одежда», где в свойстве «Бренд» выбрано 3 поля. Такая страница попадет в индекс и будет доступна по соответствующему запросу. Но вряд ли пользователь введет такой поисковый запрос. Поэтому роботы начнут считать такую страницу «мусорной». А это может негативно сказаться на продвижении. Чтобы такая ситуация не возникала, вы можете скрыть страницы из индекса. В этом поможет функционал — контроль индексирования в поисковых системах SEO.

Специалисты поисковой оптимизации SEO рекомендуют:

  • Закрыть от индексации страницы фильтрации с пересечением фильтров больше 2-3.
  • Закрыть от индексации страницы с пересечением параметров одного и того же блока.

Чтобы закрыть страницы от индексирования, перейдите в Аспро (1) → Модуль поисковой оптимизации SEO (2) → Контроль индексирования в поисковых системах SEO (3).

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

Заполните поля:

  1. Сайт.
  2. Тип инфоблока.
  3. Инфоблок.
  4. Разделы.
  5. Шаблон ссылки — поле заполняется автоматически. По этому шаблону будут генерироваться ссылки разделов, которые выбраны в блоке (4).

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

Добавьте новое действие.

Нужно выбрать тип действия «Закрыть от индексации страницы фильтрации» (1). Затем выберите условие (2):

  • Если кол-во свойств — более;
  • Если кол-во значений в свойстве — более;
  • Если выбрано любое из свойств.

После выбора условия появится поле, чтобы вписать значение. Сохраним наш пример.

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

Теперь посмотрим код этой страницы. Она скрыта от индексации.

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

Описание курса

назадТексты для поисковой оптимизации SEO Интеграция с другими сервисамивперед

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

Описание курса

назадКонтроль индексирования в поисковых системах SEO Расширенная интеграция с Яндекс. Метрикойвперед

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

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

Благодаря расширенной интеграции с Яндекс.Метрикой вы сможете:

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

Функционал доступен в решениях:

Нужна помощь?

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

Содержание главы:

Описание курса

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

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

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

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

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

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

В этой главе мы рассмотрим настройку целей на примерах двух решений – Аспро: Корпоративный сайт современной компании и готового интернет-магазина Аспро: Оптимус. Для остальных решений алгоритм настройки сервиса аналогичен.

Настройки для Яндекс.Метрики находится в Центре управления Аспро в админке вашего решения (блок «Цели и счетчики»). Давайте рассмотрим их на примере решения Аспро: Корпоративный сайт современной компании.

В решении Аспро: Корпорация пункт настроек находится в настройки - настройки продукта - настройки модулей - Аспро: Корпорация - адаптивный сайт

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

В Центре управления для Аспро: Оптимус находятся дополнительные настройки для управления целями: покупки в 1 клик, быстрого и/или полного оформления заказа.

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

Содержание главы:

Описание курса

назадРасширенная интеграция с Яндекс. Метрикой Установка счетчиковвперед

Установка счетчиков

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

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

Сюда можно скопировать коды Яндекс.Метрики, пикселей Вконтакте и Facebook.

Установка счетчика Яндекс.Метрики

Первым делом необходимо создать счетчик в Яндекс.Метрике.

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

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

Нажмите кнопку «Создать счетчик».

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

Согласно установленным критериям в текстовом поле будет сформирован готовый код: [code]
;         if (w.opera == “[object Opera]”) {            d.addEventListener(“DOMContentLoaded”, f, false);        } else { f(); }    })(document, window, “yandex_metrika_callbacks”);

[/code]

Над полем с кодом нажмите кнопку «Скопировать код».

Наш счетчик появится в списке.

Теперь нужно добавить сгенерированный Яндекс.Метрикой код, который мы скопировали, на свой сайт.

В Центре управления в блоке «Цели и счетчики» ставим галочку у пункта «Использовать Яндекс.Метрику». В решении Аспро: Корпоративный сайт современной компании открываем файл со счетчиками. В новом окне переходим в режим редактирования исходного кода.

Вставляем сюда код и сохраняем изменения.

Для Аспро: Оптимус и Аспро: Маркет будет необходимо скопировать код в специальное поле настроек. Подробнее об этом читайте в документации.

Затем в том же блоке, вставляем ID счетчика в одноименное поле и нажимаем «Применить». Аналогичный код копируем в эту же строку в блоке настроек для Аспро: Оптимус или Аспро: Маркет.

ID счетчика можно найти в коде. В нашем примере это id44200209.

Также идентификатор можно посмотреть в личном кабинете на Яндекс.Метрике.

Он дублируется в карточке счетчика на сервисе.

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

Откройте окно отладки клавишей F12. Здесь следует перейти во вкладку «Console». Если счетчик установлен правильно, он начнет отправлять данные сразу после установки. Его ID отобразится на консоли браузера.

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

Теперь можно настраивать цели.

Описание курса

назадОбзор настроек для Яндекс.Метрики Настройка целей в Яндекс.Метрикевперед

Настройка целей в Яндекс.Метрике

Внимание! В рамках технической поддержки мы не консультируем по настройкам Яндекс.Метрики. Если вам нужна индивидуальная настройка или диагностика, напишите нам на почту: info@aspro.ru.

В поле «Использовать цели заполнения веб-форм» вы можете:

  • отключить отслеживание конверсии при заполнении посетителями веб-форм, выбрав вариант «Нет»;

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

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

Помимо отслеживания действий с веб-формами доступно использование целей для корзины и заказов: добавление товара в корзину, начало оформления заказа и успешное оформление заказа для решения Аспро: Корпоративный сайт современной компании.

Для интернет-магазинов вы можете настроить отслеживание целей покупки в 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 цели.

Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.

Цели остальных веб-форм настраиваются по аналогии.

Описание курса

назадСоздание общей цели для веб-форм Настройка цели корзины и оформления заказавперед

Настройка цели корзины и оформления заказа

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

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

Если у вас интернет-магазин , то появится несколько полей для добавления в корзину и оформления. Поставьте галки, чтобы появилось желтое окно. Мы рассматриваем на примере интернет-магазина Аспро:Next.

После активации опции примените изменения.

Рассмотрим на примере цели добавления заказа в корзину. Копируем идентификатор нужного действия: goal_basket_add.

В Яндекс.Метрике перейдите в настройку счетчика (1) → Цели (2) → Добавить цель (3).

В новом окне: указываем название цели, устанавливаем тип «JavaScript-событие» и вставляем скопированный ID.

Сохраняем изменения в списке целей.

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

В Яндекс.Метрике данные можно просмотреть в Отчеты → Стандартные отчеты (1) → Конверсии (2).

Внешний вид отчета:

Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.

Остальные цели, связанные с оформлением заказа настраиваются по аналогии.

Описание курса

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

Настройка целей для интернет-магазинов

Активация дополнительных целей решения позволяет отслеживать:

  • сколько раз было начато оформление заказа тем или иным способом
  • сколько операций оформления были завершены успешно. Мы рассмотрим это на примере Аспро: Next.

Подключите в модуле настроек новую цель, например, «Покупку в 1 клик». Из подсказки со списком идентификаторов скопируйте ID цели – goal_1click_begin.

В настройках счетчика на сервисе Яндекс добавляем цель: Настройки (1) → Цели (2) → Добавить цель (3).

Во всплывающем окне вводим данные: название – «Покупка в 1 клик», тип – JavaScript-событие, идентификатор цели – goal_1click_begin.

Сохраняем изменения в списке целей.

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

Посмотреть изменение данных можно в Яндекс.Метрике: Отчеты → Стандартные отчеты (1) → Конверсии (2).

Внешний вид отчета:

Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.

Прочие специфичные цели для готовых интернет-магазинов настраиваются по аналогии.

Описание курса

назадНастройка цели корзины и оформления заказа Интеграция с CRM-системамивперед

Интеграция с CRM-системами

Теперь автоматизировать работу вашего бизнеса станет еще проще. В решениях Аспро реализована простая интеграция с CRM-системами: Битрикс24, Аспро.Cloud. Для интеграции необходимы лицензия 1С-Битрикс: Стандарт и модуль «Веб-формы».

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

Настройка займет всего пару минут, а навыки программирования не потребуются.

Благодаря интеграции вы можете передавать в CRM все заполненные веб-формы:

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

Нужна помощь?

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

Содержание главы:

Описание курса

назадНастройка целей для интернет-магазинов Интеграция с Битрикс24вперед

Интеграция с Битрикс24

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

Для интеграции необходимы лицензия 1С-Битрикс: Стандарт и модуль «Веб-формы».

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

Благодаря интеграции с Битрикс24 вы можете передавать в CRM все заполненные веб-формы:

  • заказа звонка

  • запроса консультации

  • отправленного резюме

  • заданного вопроса

  • заказа услуги

  • заказа проекта

  • заказа продукта

  • сообщения директору

  • оформления заказа.

Настройка займет всего пару минут, а навыки программирования не потребуются.

Чтобы связать решение Аспро с Битрикс24, достаточно настроить веб-формы, с которых нужно переправлять данные в CRM. Рассмотрим алгоритм настройки на примере формы заказа обратного звонка в Аспро: Корпоративный сайт 2.0.

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

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/bitrix24/image5.712a70de9a.webp)

Перейдите на вкладку «CRM». Здесь мы создадим новый список для веб-форм, которые будут передавать данные в Битрикс24. Это достаточно сделать один раз — при настройке остальных форм созданный список будет отображаться в перечне автоматически.

В перечне «CRM» выберите пункт «настроить новый».

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/bitrix24/image4.c7dfe68dd5.webp)

В открывшемся окне укажите:

  • Название для нового списка (1) ;
  • Сервер CRM (2) ;

Параметры авторизации: логин и пароль**(3)**.

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/bitrix24/image3.7811459046.webp)

Проверьте, установлено ли соединение. Для этого нажмите «Настроить список».

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/bitrix24/image8.3ff97955e0.webp)

В настройках списка нажмите «Проверить соединение».

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/bitrix24/image10.f7e1b0e07d.webp)

Если соединение установлено, в колонке «Авторизация» отобразится «ОК».

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/bitrix24/image14.feb5fb4370.webp)

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

После того, как вы убедились в том, что соединение с CRM работает нормально, вернитесь на предыдущую страницу, где мы создавали список (нажмите кнопку «Назад» в меню браузера).

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/bitrix24/image7.79a34d5ff6.webp)

Определите способ отсылки данных с формы (1) – ручной или автоматический, и настройте связанные поля.

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

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

Связанные поля настраиваются следующим образом: в правой колонке (3) нужно выбрать, из какого поля формы будет отправлена запись в CRM, а в левой колонке (2) — какое поле CRM ее примет.

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/bitrix24/image2.f95b31e4f6.webp)

Сохраните изменения. Для проверки корректности настроек заполните и отправьте соответствующую форму из публичной части сайта. В нашем случае — это форма заказа звонка.

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/bitrix24/image9.1f9f191cdd.webp)

Если вы настроили отправку форм «вручную», то перед тем, как зайти в Битрикс24, просмотрите раздел «Результаты» в Рабочий стол → Сервисы → Веб-формы. Откройте список нужной формы.

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/bitrix24/image13.5dc7fc2896.webp)

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

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/bitrix24/image1.d7c38a80e1.webp)

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

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/bitrix24/image11.03f43508bb.webp)

Если вы автоматически отправляете информацию о заполненных формах в CRM, сразу перейдите в Битрикс24. Здесь в левом меню на вкладке «CRM» (1) появится новый лид (2).

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/bitrix24/image6.bf959cbc6f.webp)

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

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/bitrix24/image12.8dc39c07e5.webp)

Остальные веб-формы настраиваются аналогично.

Описание курса

назадИнтеграция с CRM-системами Интеграция с AmoCRMвперед

Интеграция с AmoCRM

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

В систему AmoCRM заявки приходят только с веб-форм. Заказы из интернет-магазина туда не придут.

Рассмотрим инструкцию по интеграции с сервисом на примере решения Аспро: Максимум. Для интеграции необходимы лицензия 1С-Битрикс: Стандарт и модуль «Веб-формы».

На вкладке AmoMarket (1) нажимаем кнопку «Создать интеграцию» (2).

В появившемся окне заполняем 4 обязательных поля:

  1. Адрес сайта, с которым хотим интегрироваться.
  2. Доступ.
  3. Название интеграции.
  4. Описание интеграции.

Остальные поля — по необходимости. Сохраняем данные (5).

Отлично. Теперь у вас есть созданная интеграция — осталось установить ее на решение. Для этого в карточке вашей интеграции есть секретный ключ (1) , ID интеграции**(2)** и код авторизации**(3)**. Они находятся во вкладке «Ключи и доступы».

Внимание. Код авторизации действителен 20 минут.

Шаг второй. Переходим в административную часть решения Аспро: Максимум. Проделываем путь: Аспро**(1)** → Аспро: Max (2) → Интеграция с CRM (3) → AmoCRM (4).

Чтобы интегрироваться, заполняем 4 обязательных поля:

  1. Домен в AmoCRM.
  2. Секретный ключ.
  3. ID интеграции.
  4. Код авторизации.

Обратите внимание! Нужно указывать домен 3-его уровня — без https:// и amocrm.ru. В нашем случае — это aspromax.

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

Описание курса

назадИнтеграция с Битрикс24 Интеграция с Аспро.Cloudвперед

Интеграция с Аспро.Cloud

В Аспро: Корпоративный сайт 3.0 и Аспро: Приорити 2.0 доступна интеграция с облачным сервисом Аспро.Cloud. Это облачная система управления проектами и финансами. С ее помощью можно автоматизировать процессы и оценивать рентабельность каждого этапа работы.

Интеграция с Аспро.Cloud будет работать только в редакциях 1С-Битрикс «Стандарт» и выше, поскольку для этого необходим модуль «Веб-формы».

Чтобы настроить интеграцию, перейдите в Аспро → Аспро: Allcorp3 (Priority2) → Интеграция с CRM → Аспро.Cloud.

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

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

После этого откройте появившуюся вкладку с вашим сайтом. В поле «Ваш домен в Аспро.Cloud» (1) укажите домен. В поле «Ключ для авторизации в API» (2) введите ключ.

Чтобы его получить, откройте Аспро.Cloud и зайдите в «Настройки портала».

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

В открывшемся окне укажите название сайта (1) и отметьте модули, к которым необходим доступ (2). Для передачи веб-форм и заказов в Аспро.Cloud поставьте галку в поле CRM (3) и «Пользовательские поля» (4). Сохраните изменения.

После этого на вкладке «Настройки API» появится ключ доступа.

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

После этого станут доступны еще опции. Теперь можно проверить авторизацию (1).

Включите интеграцию (2), чтобы формы и заказы приходили в CRM. Пункт «Использовать логирование» (3) позволяет собирать файлы с логами в папку /upload/logs/aspor.allcorp3/crm/YY-mm-dd/acloud_create_lead_request.log (исходящие запросы с сайта в crm) и upload/logs/aspor.allcorp3/crm/YY-mm-dd/acloud_create_lead_response.log (для входящих).

Выберите нужные опции и сохраните изменения.

Содержание главы:

Описание курса

назадИнтеграция с AmoCRM Настройка синхронизации форм с Аспро.Cloudвперед

Настройка синхронизации форм с Аспро.Cloud

Чтобы настроить формы обратной связи, проделайте путь Аспро → Аспро: Allcorp3 → Интеграция с CRM → Аспро.Cloud.

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

В поле «Название сделки» (2) вы можете задать произвольное название. Оно может подгрузиться автоматически из настроек формы. В версии 1.1.4. добавлены макросы для автозаполнения названия форм. Клик по макросу добавит его в конец строки.

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

На вкладке «Поля» задается соответствие полей CRM и формы. В одно поле CRM можно отправить несколько полей формы. Например, поля «Вопрос» и «Должность» можно отправить в поле «Описание».

При необходимости можно создать пользовательские поля. Чтобы это сделать, откройте Аспро.Cloud и зайдите в «Настройки портала».

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

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

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

Результат заполнения формы можно отправить в CRM и из самого элемента. Эта возможность доступна только для форм, у которых настроена интеграция с CRM.

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

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


Описание курса

назадИнтеграция с Аспро.Cloud Поддержка модуля SEO умного фильтравперед

Поддержка модуля SEO умного фильтра

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

В Аспро: Максимум, Аспро: Next, начиная с версии 1.2.0, Аспро: Корпоративный сайт 2.0, начиная с версии 1.1.0 и Аспро: Корпоративный сайт 3.0 появилась поддержка модуля «SEO умного фильтра: мета-теги, заголовки, карта сайта». Теперь вам не потребуется помощь программиста, чтобы интегрировать модуль с сайтом. Просто установите «SEO умного фильтра» и получите возможности для эффективного SEO-продвижения. Тестируйте модуль на своем проекте и улучшайте показатели продвижения сайта.

Обратите внимание, что поддерживается только компонент «sotbit:seo.meta». Если вам необходима интеграция компонента «sotbit:seo.meta.tags», потребуется дополнительная реализация индивидуально для вашего проекта.

В Аспро: Шины и диски 2.0 компонент «sotbit:seo.meta» корректно работает только для фильтра конкретного раздела. Так как на странице подбора шин, мотошин, грузовых шин, АКБ и дисков товары расположены в корне без разделов, компонент на таких страницах работать не будет. Если вы хотите использовать весь функционал SEO-умного фильтра, необходимо будет сделать интеграцию и дорабатывать модуль.

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

При работе с модулем воспользуйтесь обучающими материалами:

Описание курса

назадНастройка синхронизации форм с Аспро.Cloud Подключение Google reCAPTCHAвперед

Подключение Google reCAPTCHA

С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.

В Аспро: Корпоративный сайт 2.0, Аспро: Корпоративный сайт 3.0 и Аспро: Приорити 2.0 вы можете выбрать, какую капчу использовать на своем сайте: стандартную от 1С-Битрикс или Google reCAPTCHA. В решении Аспро: Корпоративный сайт 2.0, начиная с версии 1.2.5 , доступна Google reCaptcha v3.

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

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

Форма с Google reCaptcha v2.

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/google_captcha/image9.0c63380c13.webp)

Форма с Google reCaptcha v3.

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/google_captcha/image5.fa6562957c.webp)

Форма с Google reCaptcha v3, если пользователь не прошел проверку.

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/google_captcha/image3.a0e6f8d0ea.webp)

Форма и капча 1С-Битрикс.

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/google_captcha/image2.a4e8078252.webp)

В административной части сайта перейдите в Аспро → Аспро: Allcorp2 → Настройки.

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/google_captcha/image10.d2370f000a.webp)

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

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/google_captcha/image13.d1799b9d1e.webp)

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

  • В поле «Название» (1) укажите название сайта, его раздела или формы обратной связи, на которой устанавливаете капчу. Эта метка для вас, чтобы потом было проще ориентироваться в статистике по зарегистрированным на сервисе сайтах.
  • В «Типе reCAPTCHA»(2) выберите один из видов капчи.
  • В поле «Домены» (3) можно указать несколько доменов, по одному в строке. Вместе с доменом капча подключится и ко всем поддоменам.
  • Далее следует ознакомится с условиями использования reCAPTCHA. Для продолжения регистрации, необходимо их принять – установить соответствующую галку (4).
  • Также рекомендуется поставить галку у пункта «Отправлять владельцам оповещения»(5). Данная опция будет держать вас в курсе о проблемах сайта, связанных с трафиком.
  • Сохраните настройки (6).

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/google_captcha/image8.7040489b1c.webp)

Если название сайта на кириллице, добавьте второй домен в Punycode.

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

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/google_captcha/image7.828d5c01f8.webp)

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

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/google_captcha/image12.fc572bc57e.webp)

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

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

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/google_captcha/image6.e6f2269768.webp)

Блоки могут быть:

  • светлыми и темными;

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/google_captcha/image11.dfa3e8aaff.webp)

  • обычными, компактными и скрытыми.

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/google_captcha/image1.6b7e7197d2.webp)

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

В группе настроек Google reCAPTCHA v3 также можно задать маски исключения (1) и минимальную допустимую оценку пользователя (2).

Внимание! При верификации капчи сервис Google reCAPTCHA возвращает рейтинг человечности текущего пользователя — число от 0.0 (бот) до 1.0 (человек). Эта оценка неоднозначна и может меняться со временем. Так как при ее расчете анализируются собранные поведенческие характеристики пользователя и другие параметры на разных сайтах.

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

![](https://aspro.ru/upload/gp_webpoptimizer/webp/upload/Documetation/allcorp 2.0/google_captcha/image4.9a816eb26c.webp)

Поддержка модулей оплаты

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

Для этого мы реализовали поддержку модуля оплаты, которые нужно приобрести отдельно в 1С-Битрикс: Маркетплейс: «Интернет-эквайринг Тинькофф прием платежей». Подключайте печать чеков в платежном агрегаторе и принимайте безналичные платежи.

Алгоритм работы с модулями такой:

  1. вы приобретаете модули отдельно в Маркетплейсе 1С-Битрикс;
  2. устанавливаете необходимые модули на сайт;
  3. настраиваете модули через административную часть сайта.

О том, как подключить модули в Аспро: Корпоративный сайт 3.0, читайте в прикрепленных статьях.

Нужна помощь?

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

Содержание главы:

Описание курса

назадПодключение Google reCAPTCHA Поддержка модуля «Интернет-эквайринг Тинькофф приём платежей»вперед

Поддержка модуля «Интернет-эквайринг Тинькофф приём платежей»

Используйте модуль «Интернет-эквайринг Тинькофф прием платежей» для осуществления платежей на вашем сайте. Для настройки модуля вам нужно перейти в административную часть сайта: Аспро (1) → Аспро: Allcorp 3 (2) → Настройки (3).

Перейдите в раздел «Корзина» и в поле «Платежная система» выберите модуль «Интернет-эквайринг Тинькофф приём платежей».

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

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

Перейдите в корзину. Затем нажмите «Оформить заказ».

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

На странице успешного оформления заказа наведите на область и кликните на стрелку возле шестеренки. Выберите «Платежная форма Tinkoff Bank» (1), а затем «Редактировать параметры компонента» (2).

Во вкладке «Источник данных» вы можете:

  1. задать идентификатор терминала;
  2. поменять пароль для идентификатора терминала;
  3. задать язык;
  4. добавить электронный адрес, на который будут поступать htttp нотификации.

Описание курса

назадПоддержка модулей оплаты Настройка интеграции с ИнвойсБокс для приема платежейвперед

Настройка интеграции с ИнвойсБокс для приема платежей

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

По подключению системы Инвойсбокс мы записали подробный видеообзор:

Чтобы подключить систему ИнвойсБокс, в административной части сайта перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) и перейдите на вкладку «Корзина».

На вкладке «Корзина» найдите поле «Платежная система», выберите «Интернет-эквайринг ИнвойсБокс (прием платежей)» и нажмите «Применить».

Для настройки платежной системы выполните тестовый заказ. На странице успешного оформления заказа в режиме вкладки перейдите в настройки параметров компонента платежной системы ИнвойсБокс. Нажмите на стрелку рядом с шестеренкой (1), выберите «Аспро: Платежная платформа ИнвойсБокс» (2) и «Редактировать параметры компонента» (3).

В параметрах компонента доступны следующие поля:

  1. Идентификатор магазина.
  2. Региональный код магазина.
  3. Подпись безопасности — API ключ. Подпись, идентификатор и код получаются при заключении договора с «Инвойсбокс», поэтому заполнять эти поля обязательно.
  4. Номер заказа. Значение по умолчанию «={$_REQUEST[“RESULT_ID”]}» менять не нужно.
  5. Стоимость заказа. Значение по умолчанию «={$totalSumm}» менять не нужно.
  6. Код валюты. По умолчанию используются рубли. Этот код указывается в соответствии со стандартом ISO 4217: RUB — российский рубль, EUR — евро, USD — доллар США и т. д.
  7. Тестовый режим. Если включить настройку, то платежи не будут проходить через финансовую систему. Такую же настройку надо будет включить в личном кабинете «ИнвойсБокс».

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

Необходимые для заполнения данные вы сможете найти в личном кабинете ИнвойсБокс. Перейдите в настройки магазина. Здесь вам понадобятся идентификатор версии API (1), региональный код (2) и API ключ (3).

Нужна помощь?

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

Содержание главы:

Описание курса

назадПоддержка модуля «Интернет-эквайринг Тинькофф приём платежей» Настройка свойства наименования товара для оплаты ИнвойсБоксвперед

Настройка свойства наименования товара для оплаты ИнвойсБокс

В решении Аспро: Корпоративный сайт 3.0, начиная с версии 1.1.1, появилось отдельное свойство наименования товара для оплаты ИнвойсБокс.

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

Чтобы добавить свойство, в административной части сайта перейдите в Контент (1) → Каталог (aspro.allcorp3) (2) → Продукты (3) и перейдите в окно редактирования необходимого товара.

В настройках товара найдите поле «Наименование для документов». Если оно не отображается, перейдите по шестеренке в правом верхнем углу. В настройках формы редактирования, в доступных вкладках выберите «Элемент» (1), во вкладках напротив кликните «Товар» (2). Далее в доступных полях выберите «Наименование для документов» (3) и нажмите на стрелку (4), чтобы переместить поле в активные. Поставьте галку в поле «Установить данные настройки по умолчанию для всех пользователей» (5). Сохраните изменения.

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

Описание курса

назадНастройка интеграции с ИнвойсБокс для приема платежей Мобильная версиявперед

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

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

Содержание главы:

Описание курса

назадНастройка свойства наименования товара для оплаты ИнвойсБокс Мобильные баннерывперед

Мобильные баннеры

В Аспро: Приорити 2.0 есть 3 возможных варианта баннера для мобильной версии:

  • Без активной картинки — на узких экранах скрывается активная картинка, а заголовок и текст центрируются.
  • С полем снизу под заголовок и текст — остается фоновое изображение, активная картинка центрируется, а заголовок и текст баннера отображаются ниже в отдельном поле.
  • Отдельная картинка — в инфоблоке баннера создано новое свойство «Картинка для <768px», в которое можно загрузить изображение для мобильного баннера. Требования к изображению — разрешение 736х506 px. При таком типе не предусмотрен вывод заголовка и текста баннера.

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

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

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

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

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

Чтобы настроить мобильный баннер в административной части, нужно проделать путь: Аспро (1) → Аспро: Priority2 (2) → Настройки (3) → Мобильная версия (4).

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

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

Описание курса

назадМобильная версия Мобильная шапкавперед

Мобильная шапка

В Аспро: Приорити 2.0 вид мобильной шапки можно настраивать под требования проекта. Редактируйте цвет шапки под общий стиль сайта и отображайте нужные элементы.

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

Далее вы можете выбрать нужный цвет шапки (1) и расширить параметры настроек, нажав на кнопку «Состав шапки» (2).

В решении представлены три цвета шапки: белая, темная и цветная.

Белая шапка

Темная шапка

Цветная шапка

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

  1. Бургер мобильного меню 一 уберите или оставьте меню в шапке.

  2. Телефоны 一 активируйте или деактивируйте функцию «Заказать звонок».

  3. Поиск 一 подключайте или отключайте функцию поиска по сайту.

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

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

Если «Личный кабинет» (1) и «Корзина» (2) включены в общих настройках сайта, то они будут отображены в шапке.

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

Эти же настройки мобильной шапки можно произвести через административную часть сайта. Для этого нужно зайти в Аспро (1) → Аспро: Priority2 (2) → Настройки (3) → Мобильная версия (4).

Настройте мобильную шапку.

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

Шапка отображена всегда или при скролле вверх

Фиксированная шапка отключена

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

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

Описание курса

назадМобильные баннеры Мобильное менювперед

Мобильное меню

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

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

  • через публичную часть сайта,
  • через административную часть сайта.

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

В поле выберите те элементы, которые хотели бы видеть в мобильном меню.

Функция «Заказать звонок» позволяет запросить звонок при нажатии на номер телефона компании из меню.

Элементы, которые зависят от настроек сайта: «Регион» (1), «Личный кабинет» (2), «Сравнение товаров» и «Корзина» (3). Если один из этих элементов будет включен в настройках всего сайта, то он будет отображаться и в меню.

Эти же настройки мобильной шапки можно произвести через административную часть сайта. Для этого нужно зайти в Аспро (1) → Аспро: Priority2 (2) → Настройки (3) → Мобильная версия (4).

Приступайте к настройке меню.

После редактирования сохраните изменения.

Описание курса

назадМобильная шапка Нижняя панель с иконкамивперед

Нижняя панель с иконками

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

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

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

Для настройки нижней панели через административную часть, перейдите в Аспро (1) → Аспро: Priority2 (2) → Настройки (3) → Мобильная версия (4).

Поставьте галку у пункта «Нижняя панель с иконками»

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

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

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

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

  1. Тип блока. Представлены следующие типы: «Корзина», «Личный кабинет», «Поиск», «Регион», «Сравнение товаров» и «Тарифы».
  2. Картинка будет отображать иконку.
  3. Ссылка не должна начинаться со слеша «/».
  4. Пункт «Отображать текст» определяет, будет ли в панели текст у иконки или нет. Текст берется из названия элемента.

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

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

Описание курса

назадМобильное меню Компактный вид списка категорий в разделахвперед

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

В Аспро: Приорити 2.0 вы можете компактно отображать категории в разделах. С помощью этой функции пользователю будет удобнее взаимодействовать с сайтом и переходить между разделами.

Стандартное отображение категорий разделов

Компактное отображение категорий разделов

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

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

Чтобы настроить функцию через административную часть, перейдите в Аспро (1) → Аспро: Priority2 (2) → Настройки (3) → Мобильная версия (4).

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

После редактирования сохраните изменения.

Описание курса

назадНижняя панель с иконками Вид списка элементов в разделахвперед

Вид списка элементов в разделах

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

Компактный вид

Слайдер

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

Для настройки через административную часть сайта перейдите в Аспро (1) → Аспро: Priority2 (2) → Настройки (3) → Мобильная версия (4).

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

После настройки сохраните изменения.

Описание курса

назадКомпактный вид списка категорий в разделах Загрузка мобильного меню и меню в фиксированной шапке только при первом отображениивперед

Загрузка мобильного меню и меню в фиксированной шапке только при первом отображении

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

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

Активировать настройку можно через административную часть сайта. Для этого перейдите в Аспро (1) → Аспро: Priority2 (2) → Настройки (3) → Верхнее меню (4).

Поставьте галку в пункте «Загружать мобильное меню и меню в фиксированной шапке только при первом отображении» поставьте галку.

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

Описание курса

назадВид списка элементов в разделах Личный кабинетвперед

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

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

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

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

Содержание главы:

Описание курса

назадЗагрузка мобильного меню и меню в фиксированной шапке только при первом отображении Настройка разделов личного кабинетавперед

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

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

Настройка рассылок

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

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

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

Группа полей «Дополнительные настройки».

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

Настройка «Написать директору»

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

Документация по настройке Веб-форм.

Для инфоблоков:

Переключитесь на административную часть сайта и перейдите: Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Формы (aspro.priority2) (4) → Написать директору (5).

На вкладке «Инфоблок» вы можете:

  1. Задать активность формы.
  2. Прописать символьный код.
  3. Выбрать сайты, в которых будет размещена форма.
  4. Прописать название формы.

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

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

Для веб-форм:

Пройдите путь: Сервисы (1) → Веб-формы (2) → Настройки форм (3).

Найдите форму «Написать директору» и кликните на «Гамбургер». Затем нажмите «Изменить»

Перейдите в раздел «Параметры формы».

На вкладке «Свойства» вы можете:

  1. Задать название форме.
  2. Прописать символьный код.
  3. Выбрать сайты, в которых будет размещена форма.
  4. Задать последовательность для отображения формы.
  5. Отредактировать текст, который будет отображаться в пунктах меню.
  6. Изменить подпись на кнопке формы.
  7. Активировать или деактивировать использование CAPTCHA.

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

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

Во вкладке «Свойства» вы можете:

  1. Задать активность вопросу.
  2. Установить порядок отображения вопросов;
  3. Задать символьный идентификатор;
  4. Определить, будет ли вопрос обязательным для заполнения.

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

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

Описание курса

назадЛичный кабинет Установка логина в значении email адресавперед

Установка логина в значении email адреса

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

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

Логин задан отдельным полем:

Логин равен email:

Чтобы установить логин в значении email адреса через публичную часть, откройте виджет настроек и перейдите во вкладку «Личный кабинет». Активируйте или деактивируйте настройку.

Также вы можете настроить этот параметр через административную часть. Пройдите путь: Аспро (1) → Аспро: Priority2 (2) → Настройки (3) → Личный кабинет (4).

Активируйте или деактивируйте параметр «Логин равен email адресу».

Описание курса

назадНастройка разделов личного кабинета Установка ФИО в одном полевперед

Установка ФИО в одном поле

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

Для корректного обновления через форму изменения личных данных или метод ядра CUser::update вводите полное ФИО. Иначе, если указать только имя (например, «Иван»), оно запишется как фамилия, а имя и отчество останутся пустыми.

Фамилия Имя Отчество заданы одним полем:

Фамилия Имя Отчество заданы отдельными полями:

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

Также вы можете настроить этот параметр через административную часть. Пройдите путь: Аспро (1) → Аспро: Priority2 (2) → Настройки (3) → Личный кабинет (4).

Активируйте или деактивируйте параметр «Фамилия Имя Отчество в одном поле».

Описание курса

назадУстановка логина в значении email адреса SEO, маркетинг, рекламавперед

SEO, маркетинг, реклама

Нужна помощь?

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

Содержание главы:

Описание курса

назадУстановка ФИО в одном поле Маркетинговые попап-окнавперед

Маркетинговые попап-окна

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

Попап помогает конвертировать трафик в подписчиков и покупателей. Компания SUMO провела анализ 2 млрд всплывающих окон. Согласно ему, 10% лучших попап-окон показали конверсию в 9,3%. То есть 1 из каждых 10 посетителей сайта превращается в покупателя или подписчика.

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

Модуль предлагает 4 вида маркетинговых окон:

  1. Информационное всплывающее маркетинговое окно с текстом и кнопкой.
  2. Текстовый тип всплывающего маркетингового окна.
  3. Маркетинговое окно с веб-формой.
  4. Маркетинговое окно только с картинкой без текста.

Перейдите в Аспро (1) → Аспро: Маркетинговые окна (2). Здесь вы можете установить последние обновления и задать права доступа.

Содержание главы:

Описание курса

назадSEO, маркетинг, реклама Текстовое всплывающее маркетинговое окновперед

Текстовое всплывающее маркетинговое окно

Текстовый тип маркетингового окна можно использовать как попап-окно с предупреждением об использовании файлов cookie.

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

Иногда они используются не только для того, чтобы облегчить жизнь пользователям, но и для сбора статистики рекламодателями. Поэтому вступили в силу поправки в законе №152-ФЗ “О персональных данных”. В связи с этим, сайты обязаны запрашивать разрешение об использовании cookies и любых других данных с компьютера / смартфона.

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

Чтобы добавить, изменить или удалить маркетинговое окно такого типа, зайдите в административную часть сайта. Перейдите в Контент (1) → Реклама (2) → Маркетинговые окна (3) → Текстовые (4).

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

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

Во вкладке «Параметры»:

  1. Задайте начало и окончание активности окна.
  2. Пропишите название, которое будет заголовком попап-окна.
  3. Выберите тип попап-окна — текстовый.
  4. Выберите позицию окна.
  5. Обозначьте, скрывать заголовок или нет.
  6. Укажите дату для таймера окончания акции, на окне появляется обратный отсчет до окончания акции.
  7. Введите купон и описание купона для получения скидки.

  1. Укажите условия для страниц показа окна.
  2. Выберите действия пользователя. Параметр «Уход с сайта» отвечает за то, что браузер самостоятельно выбирает условие: обычно это выход курсора за пределы страницы.
  3. Задайте ограничение показа на определенных типах устройств: десктоп, смартфон или планшет. Вариант «Не установлено» покажет окно на всех устройствах.
  4. Напишите задержку появления окна в секундах — через какое время после перехода посетителя на страницу будет появляться окно.
  5. Введите периодичность показа окна в секундах для одного пользователя. Например, вы можете сделать так, чтобы маркетинговое окно всплывало раз в час для уникального пользователя. Тогда в условиях показа вставьте адрес страницы, на которой будет всплывать окно. Если хотите, чтобы окно появлялось на всех страницах, то поставьте в поле «/».
  6. Прекратите показ по установленному действию. Окно закроется на время, которое было задано в настройке периодичности показа окна. При выборе варианта «Закрытие» засчитывается любой способ закрытия окна: по крестику, после перехода по ссылке, по клику на экран за окном, по клавише ESC.

GET-параметры позволяют персонализировать показ окна под определенное условие. Например, показывать окно только тем, кто перешел с размеченной ссылки, например, с рекламы. На выбор дается 4 условия:

  • Содержит — показывает попап, если в ссылке встречается GET-параметр.
  • Равно — показывает попап, если ссылка полностью совпадает с GET-параметром.
  • Не содержит — показывает попап, если в ссылке не встречается GET-параметр.
  • Не равно — показывает попап, если ссылка полностью отличается от GET-параметра.

На вкладке «Кнопки» пропишите:

  1. Текст первой кнопки.
  2. Ссылку с первой кнопки.
  3. Тип перехода с первой кнопки: в новом или текущем окне.
  4. Класс первой кнопки (цвет).
  5. Текст второй кнопки.
  6. Ссылку с второй кнопки.
  7. Тип перехода со второй кнопки: в новом или текущем окне.
  8. Класс второй кнопки (цвет).

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

Чтобы попап-окно закрылось после нажатия кнопки, то не вставляйте ссылки. Например, вы используете текстовое окно для предупреждения об использовании файлов cookie и хотите, чтобы окно закрылось после нажатия кнопки «Принимаю». Также если вы добавляете ссылки, учтите, что есть действия для закрытия. Они настраиваются в поле «Прекращать показ по установленному действию», которое мы рассматривали ранее.

Во вкладке «Картинки и фон» появилась возможность задавать фоновое изображение окна (1), а также цвет фона (2), который можно указать в формате HTML, HEX или RGB.

В блоке «Описание» пропишите необходимую информацию всплывающего маркетингового окна. В визуальном редакторе вы можете изменить цвет текста для попап-окна. При этом цвет заголовка остается прежним. Поэтому, чтобы цвета сочетались, мы рекомендуем скрывать заголовок и добавлять его в описание. Напомним, что для этого достаточно поставить галку в поле «Скрывать заголовок» (во вкладке «Элемент»).

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

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

Описание курса

назадМаркетинговые попап-окна Маркетинговые окна с формой обратной связивперед

Маркетинговые окна с формой обратной связи

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

Чтобы добавить маркетинговое окно, зайдите в административную часть сайта. Перейдите в Контент (1) → Реклама (2) → Маркетинговые окна (3) → С веб-формой (4).

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

Во вкладке «Параметры»:

  1. Задайте начало и окончание активности окна.
  2. Пропишите название, которое будет заголовком попап-окна.
  3. Выберите тип попап-окна — с веб-формой.
  4. Выберите позицию.
  5. Укажите необходимую веб-форму.
  6. Обозначьте, скрывать заголовок или нет.
  7. Выберите, нужно ли затемнять сайт при открытом окне.
  8. Укажите дату для таймера окончания акции, на окне появляется обратный отсчет до окончания акции.
  9. Введите купон и описание купона для получения скидки.

  1. Укажите условия для страниц показа окна. В условиях можно указывать GET-параметры, которые мы разберем ниже.
  2. Выберите действия пользователя. Параметр «Уход с сайта» отвечает за то, что браузер самостоятельно выбирает условие: обычно это выход курсора за пределы страницы.
  3. Задайте ограничение показа на определенных типах устройств: десктоп, смартфон или планшет. Вариант «Не установлено» покажет окно на всех устройствах.
  4. Напишите задержку появления окна в секундах — через какое время после перехода посетителя на страницу будет появляться окно.
  5. Введите периодичность показа окна в секундах для одного пользователя. Например, вы можете сделать так, чтобы маркетинговое окно всплывало раз в час для уникального пользователя. Тогда в условиях показа вставьте адрес страницы, на которой будет всплывать окно. Если хотите, чтобы окно появлялось на всех страницах, то поставьте в поле «/».
  6. Прекратите показ по установленному действию. Окно закроется на время, которое было задано в настройке периодичности показа окна. При выборе варианта «Закрытие» засчитывается любой способ закрытия окна: по крестику, после перехода по ссылке, по клику на экран за окном, по клавише ESC.

GET-параметры позволяют персонализировать показ окна под определенное условие. Например, показывать окно только тем, кто перешел с размеченной ссылки, например, с рекламы. На выбор дается 4 условия:

  • Содержит — показывает попап, если в ссылке встречается GET-параметр.
  • Равно — показывает попап, если ссылка полностью совпадает с GET-параметром.
  • Не содержит — показывает попап, если в ссылке не встречается GET-параметр.
  • Не равно — Показывает попап, если ссылка полностью отличается от GET-параметра.

Во вкладке «Картинки и фон» загрузите активную картинку для окна (1). Здесь также можно задавать фоновое изображение окна (2), а также цвет фона (3), который можно указать в формате HTML, HEX или RGB.

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

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

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

Веб-форму вы ставите из тех, которые у вас уже есть. Как выбрать форму: Сервисы (1) → Веб-формы (2) → Настройка форм (3). О том, как настроить веб-формы читайте в документации.

Описание курса

назадТекстовое всплывающее маркетинговое окно Информационное маркетинговое попап-окно с картинкой, текстом и кнопкойвперед

Информационное маркетинговое попап-окно с картинкой, текстом и кнопкой

В информационном маркетинговом попап-окне вы можете отобразить картинку, текст и 2 кнопки.

Чтобы добавить, изменить или удалить маркетинговое окно такого типа, зайдите в административную часть сайта. Перейдите в Контент (1) → Реклама (2) → Маркетинговые окна (3) → Общие (4).

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

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

  1. Задайте начало и окончание активности окна.
  2. Пропишите название, которое будет заголовком попап-окна.
  3. Выберите тип попап-окна — общий.
  4. Выберите позицию попап-окна.
  5. Обозначьте, скрывать заголовок или нет.
  6. Задайте попап-окну необходимость обязательного подтверждения. Если на вашем сайте есть контент или товары 18+, то вы можете установить обязательное всплывающее окно для подтверждения возраста. При показе попапа сайт затемняется и становится недоступным для взаимодействия. На экране появляются две кнопки: согласия и отказа. При нажатии на первую кнопку окно закрывается, а на вторую — открывается другой попап с текстом, который нельзя закрыть, если не покинуть сайт.
  7. Добавьте сообщение при отказе после обязательного подтверждения.
  8. Настройка «Без затенения» не работает при включенном обязательном подтверждении. В этом случае затемнение будет всегда.
  9. Укажите дату для таймера окончания акции, на окне появляется обратный отсчет до окончания акции.
  10. Введите купон и описание купона для получения скидки.

  1. Укажите условия для страниц показа окна. В условиях можно указывать GET-параметры, которые мы разберем ниже.
  2. Выберите действия пользователя. Параметр «Уход с сайта» отвечает за то, чтобы браузер самостоятельно выбирал условие: обычно это выход курсора за пределы страницы.
  3. Задайте ограничение показа на определенных типах устройств: десктоп, смартфон или планшет. Вариант «Не установлено» покажет окно на всех устройствах.
  4. Напишите задержку появления окна в секундах — через какое время после перехода посетителя на страницу будет появляться окно.
  5. Введите периодичность показа окна в секундах для одного пользователя. Например, вы можете сделать так, чтобы маркетинговое окно всплывало раз в час для уникального пользователя. Тогда в условиях показа вставьте адрес страницы, на которой будет всплывать окно. Если хотите, чтобы окно появлялось на всех страницах, то поставьте в поле «/».
  6. Прекратите показ по установленному действию. Окно закроется на время, которое было задано в настройке периодичности показа окна. При выборе варианта «Закрытие» засчитывается любой способ закрытия окна: по крестику, после перехода по ссылке, по клику на экран за окном, по клавише ESC.

GET-параметры позволяют персонализировать показ окна под определенное условие. Например, показывать окно только тем, кто перешел с размеченной ссылки, например, с рекламы. На выбор дается 4 условия:

  • Содержит — показывает попап, если в ссылке встречается GET-параметр.
  • Равно — показывает попап, если ссылка полностью совпадает с GET-параметром.
  • Не содержит — показывает попап, если в ссылке не встречается GET-параметр.
  • Не равно — Показывает попап, если ссылка полностью отличается от GET-параметра.

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

На вкладке «Кнопки» пропишите:

  1. Текст первой кнопки. Если используется окно с обязательным подтверждением, первая кнопка будет являться кнопкой согласия. В таком случае ссылка не будет работать.
  2. Ссылку с первой кнопки.
  3. Тип перехода с первой кнопки: в новом или текущем окне.
  4. Класс первой кнопки (цвет).
  5. Текст второй кнопки. Если используется окно с обязательным подтверждением, вторая кнопка будет являться кнопкой отказа. В таком случае ссылка не будет работать.
  6. Ссылку со второй кнопки.
  7. Тип перехода со второй кнопки: в новом или текущем окне.
  8. Класс второй кнопки (цвет).

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

Чтобы попап-окно закрылось после нажатия кнопки, то не вставляйте ссылки. Например, вы используете текстовое окно для предупреждения об использовании файлов cookie и хотите, чтобы окно закрылось после нажатия кнопки «Принимаю». Также если вы добавляете ссылки, учтите, что есть действия для закрытия. Они настраиваются в поле «Прекращать показ по установленному действию», которое мы рассматривали ранее.

Во вкладке «Картинки и фон» загрузите активную картинку для окна (1). Здесь также можно задавать фоновое изображение окна (2) и цвет фона (3), который можно указать в формате HTML, HEX или RGB.

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

Здесь также можно вставить код формы Битрикс24 в режиме HTML, если вы не используете веб-формы.

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

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

Описание курса

назадМаркетинговые окна с формой обратной связи Тип попап-окна «Картинка»вперед

Тип попап-окна «Картинка»

Захватывайте внимание клиентов привлекательными картинками товаров магазина. В решении есть 4-й вид попап-окна — «Картинка», при котором отображается только изображение без текста. На него можно установить ссылку с типом перехода: в текущем или новом окне. При клике на картинку окно закрывается автоматически.

Чтобы добавить маркетинговое окно, зайдите в административную часть сайта. Перейдите в Контент (1) → Маркетинговые окна (2) → Маркетинговые окна (3) → Картинки (4).

Нажмите кнопку «Добавить элемент».

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

Во вкладке «Параметры»:

  1. Задайте начало и окончание активности окна.
  2. Пропишите название, которое будет заголовком попап-окна.
  3. Выберите тип попап-окна — «Картинка».
  4. Выберите позицию.
  5. Выберите, нужно ли затемнять сайт при открытом окне.
  6. Укажите дату для таймера окончания акции — на окне появляется обратный отсчет до окончания акции.
  7. Введите купон и описание купона для получения скидки.

  1. Укажите условия для страниц показа окна. В условиях можно указывать GET-параметры, которые мы разберем ниже.
  2. Выберите действия пользователя. Параметр «Уход с сайта» отвечает за то, что браузер самостоятельно выбирает условие: обычно это выход курсора за пределы страницы.
  3. Задайте ограничение показа на определенных типах устройств: десктоп, смартфон или планшет. Вариант «Не установлено» покажет окно на всех устройствах.
  4. Напишите задержку появления окна в секундах — через какое время после перехода посетителя на страницу будет появляться окно.
  5. Введите периодичность показа окна в секундах для одного пользователя. Например, вы можете сделать так, чтобы маркетинговое окно всплывало раз в час для уникального пользователя. Тогда в условиях показа вставьте адрес страницы, на которой будет всплывать окно. Если хотите, чтобы окно появлялось на всех страницах, то поставьте в поле «/».
  6. Прекратите показ по установленному действию. Окно закроется на время, которое было задано в настройке периодичности показа окна. При выборе варианта «Закрытие» засчитывается любой способ закрытия окна: по крестику, после перехода по ссылке, по клику на экран за окном, по клавише ESC.

GET-параметры позволяют персонализировать показ окна под определенное условие. Например, показывать окно только тем, кто перешел с размеченной ссылки, например, с рекламы. На выбор дается 4 условия:

  • Содержит — показывает попап, если в ссылке встречается GET-параметр.
  • Равно — показывает попап, если ссылка полностью совпадает с GET-параметром.
  • Не содержит — показывает попап, если в ссылке не встречается GET-параметр.
  • Не равно — Показывает попап, если ссылка полностью отличается от GET-параметра.

Во вкладке «Картинки и фон» загрузите активную картинку для окна (1). От размера картинки зависит размер попап-окна. Но для картинки есть ограничения: 850 px по ширине. А высота экрана с отступами по 20 px.

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

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

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

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

Описание курса

назадИнформационное маркетинговое попап-окно с картинкой, текстом и кнопкой Страница с ошибкой 404вперед

Страница с ошибкой 404

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

Такая страница нужна для того, чтобы:

  1. Показать пользователю, что он ошибся или ввел не тот адрес.
  2. Чтобы подстраховаться на тот случай, если вы где-то поменяли адрес или удалили раздел.
  3. Пользователь мог перейти на главную или другие разделы. А еще страницы 404 — полезны для SEO.

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

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

Установить специальный статус для страницы в браузере.

Выводить специальную страницу с сообщением о том, что страница не найдена

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

Описание курса

назадТип попап-окна «Картинка» Стикерывперед

Стикеры

Стикеры расположены на превью и карточке товара. Это маленькие яркие картинки-ярлыки, которые информируют пользователя, что товар обладает бонусами или преимуществами.

В решении Аспро: Приорити 2.0 есть возможность добавлять пользовательские стикеры на товары.

Список стикеров:

  • Хит
  • Новинка
  • Акция
  • Рекомендуем
  • Стикер с произвольной надписью для каждого товара

Добавление стикеров на карточку товара

В административной части сайта перейдите в Контент (1) → Каталог (aspro.priority2) (2) → Продукты (3) и перейдите в окно редактирования необходимого товара.

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

В поле «Текст с акцией» (1) введите текст произвольного стикера, а в поле «Хит продаж» (2) по необходимости выберите стандартный стикер. Сохраните изменения.

Теперь в карточке товара отображаются выбранные стандартные и произвольные стикеры.

Описание курса

назадСтраница с ошибкой 404 Требования к графическим материаламвперед

Требования к графическим материалам

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

Содержание главы:

Описание курса

назадСтикеры Логотипвперед

Логотип

Размер контейнера для логотипа в шапке сайта:148x50 px

Допустимые форматы изображений: svg, jpg, png, gif.

Описание курса

назадТребования к графическим материалам Рекламные баннерывперед

Рекламные баннеры

1. Сверху над шапкой
Ширина — 1920 px. Высота — не ограничена. Мы рекомендуем — 70 px.

2. Сверху под шапкой
Ширина — 1920 px. Высота — не ограничена. Мы рекомендуем — 100 px.

3. Боковой
Ширина — 272 px. Высота зависит от творческого решения дизайнера.

Низкий прямоугольник

Квадрат

Высокий прямоугольник

4. Над контентом

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

a. Ширина сайта — 1700px без боковой колонки
Ширина контейнера для баннера — 1700 px. Высота не ограничена. Мы рекомендуем 480 px

Ширина сайта — 1700px с боковой колонкой
Ширина контейнера для баннера — 1352 px
Высота не ограничена. Мы рекомендуем 390 px

б. Ширина сайта — 1500px без боковой колонки
Ширина контейнера для баннера — 1500 px.
Высота не ограничена. Мы рекомендуем 430 px

Ширина сайта — 1500px с боковой колонкой
Ширина контейнера для баннера — 1152 px
Высота не ограничена. Мы рекомендуем 350 px

в. Ширина сайта — 1348px без боковой колонки
Ширина контейнера для баннера — 1348 px.
Высота не ограничена. Мы рекомендуем 390 px

Ширина сайта — 1348px с боковой колонкой
Ширина контейнера для баннера - 1000 px
Высота не ограничена. Мы рекомендуем 310 px

------

5. Под контентом

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

a. Ширина сайта — 1700px без боковой колонки
Ширина контейнера для баннера — 1700 px.
Высота не ограничена. Мы рекомендуем 480 px

Ширина сайта — 1700px с боковой колонкой
Ширина контейнера для баннера - 1352 px
Высота не ограничена. Мы рекомендуем 390 px

б. Ширина сайта — 1500px без боковой колонки
Ширина контейнера для баннера — 1500 px.
Высота не ограничена. Мы рекомендуем 430 px

Ширина сайта — 1500px с боковой колонкой
Ширина контейнера для баннера — 1152 px
Высота не ограничена. Мы рекомендуем 350 px

в. Ширина сайта — 1348px без боковой колонки
Ширина контейнера для баннера — 1348 px.
Высота не ограничена. Мы рекомендуем 390 px

Ширина сайта — 1348px с боковой колонкой
Ширина контейнера для баннера — 1000 px
Высота не ограничена. Мы рекомендуем 310 px

------

6. Внизу страницы

Ширина — 1920px

Высота — По высоте не ограничен. Мы рекомендуем 120px

Описание курса

назадЛоготип Блоки на главной страницевперед

Блоки на главной странице

Описание курса

назадРекламные баннеры Большие баннерывперед

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

1.1 Главный баннер с наездом на шапку

Безопасные зоны у больших баннеров:

Размещение безопасной зоны — снизу и по центру баннера.

  • Высокий: 980x450
  • Обычный: 950x580
  • Низкий: 970x720

Высокий
Фон — 1920x936 px
Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 786 px.

Обычный
Фон — 1920x734 px
Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 584 px.

Низкий
Фон — 1920x600 px
Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 450 px.

1.2 Главный баннер с баннерами сбоку

Безопасные зоны у больших баннеров:

Размещение безопасной зоны — по центру баннера.

  • Высокий: 760x450
  • Обычный: 760x580
  • Низкий: 770x720

На всю ширину:
Высокий:
Фон — 1444x720 px. Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 720 px.
Дополнительные баннеры: 476x360 px

Обычный:
Фон — 1444x580 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 580 px.
Дополнительные баннеры: 476x290 px

Низкий:
Фон — 1444x450 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 450 px.
Дополнительные баннеры: 476x225 px

1700:
Высокий:
Фон — 1278x720 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 720 px.
Дополнительные баннеры: 422x360 px

Обычный:
Фон — 1278x580 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 580 px.
Дополнительные баннеры: 422x290 px

Низкий:
Фон — 1278x450 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 450 px.
Дополнительные баннеры: 422x225 px

1500:
Высокий:
Фон — 1128x720 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 720 px.
Дополнительные баннеры: 372x360 px

Обычный:
Фон — 1128x580 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 580 px.
Дополнительные баннеры: 372x290 px

Низкий:
Фон — 1128x450 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 450 px.
Дополнительные баннеры: 372x225 px

1348:
Высокий:
Фон — 1014x720 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 720 px.
Дополнительные баннеры: 334x360px

Обычный:
Фон — 1014x580 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 580 px.
Дополнительные баннеры: 334x290 px

Низкий:
Фон — 1014x450 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 450 px.
Дополнительные баннеры: 334x225 px

1.3 Главный баннер без наезда на шапку

Безопасные зоны у больших баннеров:

Размещение безопасной зоны — по центру баннера.

  • Высокий: 1000x450
  • Обычный: 970x580
  • Низкий: 980x720

Высокий
Фон — 1920x720 px
Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 720 px.

Обычный
Фон — 1920x580 px
Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 580 px.

Низкий
Фон — 1920x450 px
Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 450 px.

Описание курса

назадБлоки на главной странице Тизеры преимуществвперед

Тизеры преимуществ

Рекомендуемые размеры иконок в блоке — 40x40 px.

Описание курса

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

Баннеры с текстом

1. С текстом внутри

На всю ширину

Высокая картинка
2 элемента в строке: 960x640px
3 элемента в строке: 640x540px
4 элемента в строке: 480x542px

Низкая картинка
2 элемента в строке: 960x460px
3 элемента в строке: 640x384px
4 элемента в строке: 480x340px

Ширина сайта 1700 px

Высокая картинка
2 элемента в строке: 850x595px
3 элемента в строке: 566x476px
4 элемента в строке: 425x480px

Низкая картинка
2 элемента в строке: 850x408px
3 элемента в строке: 566x340px
4 элемента в строке: 425x301px

Ширина сайта 1500 px

Высокая картинка
2 элемента в строке: 750x525px
3 элемента в строке: 500x420px
4 элемента в строке: 375x424px

Низкая картинка
2 элемента в строке: 750x360px
3 элемента в строке: 500x300px
4 элемента в строке: 375x266px

Ширина сайта 1348 px

Высокая картинка
2 элемента в строке: 674x472px
3 элемента в строке: 450x378px
4 элемента в строке: 337x380px

Низкая картинка
2 элемента в строке: 674x323px
3 элемента в строке: 450x270px
4 элемента в строке: 337x240px

2. В произвольном порядке

На всю ширину

Высокая картинка
3, 4 картинки: 960x680px
1, 2, 5, 6 картинки: 480x680px

Низкая картинка
3, 4 картинки: 960x470px
1, 2, 5, 6 картинки: 480x470px

Ширина сайта 1700 px

Высокая картинка
3, 4 картинки: 850x604px
1, 2, 5, 6 картинки: 425x604px

Низкая картинка
3, 4 картинки: 850x416px
1, 2, 5, 6 картинки: 425x416px

Ширина сайта 1500 px

Высокая картинка
3, 4 картинки: 750x532px
1, 2, 5, 6 картинки: 375x532px

Низкая картинка
3, 4 картинки: 750x368px
1, 2, 5, 6 картинки: 375x368px

Ширина сайта 1348 px

Высокая картинка
3, 4 картинки: 674x478px
1, 2, 5, 6 картинки: 337x478px

Низкая картинка
3, 4 картинки: 674x330px
1, 2, 5, 6 картинки: 337x330px

Описание курса

назадТизеры преимуществ Блок о компаниивперед

Блок о компании

1. С большим баннером

Ширина сайта 1700 px
1700x512 px

Ширина сайта 1500 px
1500x512 px

Ширина сайта 1348 px
1348x512 px

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

Ширина сайта 1700 px
834x578 px

Ширина сайта 1500 px
734x510 px

Ширина сайта 1348 px
658x458 px

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

Ширина сайта 1700 px
1700x850 px

Ширина сайта 1500 px
1500x750 px

Ширина сайта 1348 px
1348x674 px

4. С текстом и плиткой

Ширина сайта 1700 px
417x417 px

Ширина сайта 1500 px
367x367 px

Ширина сайта 1348 px
330x330 px

Описание курса

назадБаннеры с текстом Формавперед

Форма

1. Форма на фоне

Оптимальный размер фона для формы: 1920x610px.

2. Картинка и форма

На всю ширину
960x640 px

Ширина сайта 1700 px
850x500 px

Ширина сайта 1500 px
750x500 px

Ширина сайта 1348 px
674x500 px

3. Компактно

С картинкой: размер картинки — 192x192 px.

Описание курса

назадБлок о компании Баннеры во внутренних разделахвперед

Баннеры во внутренних разделах

1. Баннер с затемнением

1920x800 px

2. Баннер с активной картинкой

Фон — 1920x725 px
Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 580 px.

3. Баннер по ширине сайта

Длина — 1920 px. По высоте не ограничен. Мы рекомендуем 730 px.

4. Баннер по ширине сайта

Ширина 1700 px
Длина — 1700 px. По высоте не ограничен. Мы рекомендуем 790 px.

Ширина 1500 px
Длина — 1500 px. По высоте не ограничен. Мы рекомендуем 700 px.

Ширина 1348 px
Длина — 1348 px. По высоте не ограничен. Мы рекомендуем 630 px.

5. Баннер по ширине контента

а. Без боковой колонки

Длина — 1200 px. По высоте не ограничен. Мы рекомендуем 586 px.

б. С боковой колонкой

Ширина 1700 px
Длина — 1388 px. По высоте не ограничен. Мы рекомендуем 677 px.

Ширина 1500 px
Длина — 1188 px. По высоте не ограничен. Мы рекомендуем 580 px.

Ширина 1348 px
Длина — 1036 px. По высоте не ограничен. Мы рекомендуем 505 px.

Описание курса

назадФорма Услугивперед

Услуги

Услуги. Шаблоны списков разделов, подразделов, элементов

1. Маленькие картинки (для главной и для внутренних)

Картинки: 120x120px
Иконки: 40x40px

2. Большие картинки (для главной и для внутренних)

На всю ширину
2 элемента в строке: 960x440px
3 элемента в строке: 640x440px
4 элемента в строке: 480x440px

Ширина сайта 1700 px без боковой колонки (для главной и для внутренних)
2 элемента в строке: 850x440px
3 элемента в строке: 566x440px
4 элемента в строке: 425x440px

Ширина сайта 1500 px без боковой колонки (для главной и для внутренних)
2 элемента в строке: 750x440px
3 элемента в строке: 500x440px
4 элемента в строке: 375x440px

Ширина сайта 1348 px без боковой колонки (для главной и для внутренних)
2 элемента в строке: 674x404px
3 элемента в строке: 449x404px
4 элемента в строке: 337x407px

3. Списком (для внутренних)

Большие картинки: 300x200px
Картинки: 120x120px
Иконки: 40x40px

Описание курса

назадБаннеры во внутренних разделах Разделы каталогавперед

Разделы каталога

1. Компактно (для главной и для внутренних)

Картинки: 60x60px
Иконки: 40x40px

2. Большие картинки (для главной и для внутренних)

На всю ширину
3 элемента в строке: 640x576px
4 элемента в строке: 480x480px

Ширина сайта 1700 px
3 элемента в строке (фактически 4): 566x510px
4 элемента в строке: 425x425px

Ширина сайта 1500 px
3 элемента в строке: 500x450px
4 элемента в строке: 375x375px

Ширина сайта 1348 px
3 элемента в строке: 449x404px
4 элемента в строке: 337x337px

3. Маленькие картинки (для главной и для внутренних)

Картинки:
120x120px

Иконки:
40x40px

4. Списком (для внутренних страниц)

Большие картинки:
300x200px

Картинки:
120x120px

Иконки:
40x40px

Содержание главы:

Описание курса

назадУслуги Элементы каталогавперед

Элементы каталога

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

А картинки в списке каталога преобразуются из анонсных изображений и подстраиваются под сетку: 3 или 4 в ряд.

Описание курса

назадРазделы каталога Контентные разделывперед

Контентные разделы

Описание курса

назадЭлементы каталога Проектывперед

Проекты

1) 1 в ряд (для главной)

На всю ширину — 1920x740 px
Ширина сайта 1700 px — 1700x512 px
Ширина сайта 1500 px — 1500x512 px
Ширина сайта 1348 px — 1348x458 px

2) Несколько в ряд (для главной)

На всю ширину
Широкая картинка: 960x512px
Обычная картинка: 480x512px

Ширина сайта 1700 px
Широкая картинка: 850x512px
Обычная картинка: 425x512px

Ширина сайта 1500 px
Широкая картинка: 750x512px
Обычная картинка: 375x512px

Ширина сайта 1348 px
Широкая картинка: 674x512px
Обычная картинка: 337x512px

3) С акцентом на первый проект (для главной)

На всю ширину — 1232x814 px (маленькая картинка 608x402 px)
Ширина сайта 1700 px — 1128x816 px (маленькая картинка 556x367 px)
Ширина сайта 1500 px — 995x656 px (маленькая картинка 490x322 px)
Ширина сайта 1348 px — 894x590 px (маленькая картинка 438x290 px)

4) Списком (для внутренних)

Размер картинок — 300x200 px

Описание курса

назадКонтентные разделы Акциивперед

Акции

1. С текстом внутри (для главной и для внутренних)

На всю ширину (только для главной)
3 элемента в строке: 640x440px
4 элемента в строке: 480x440px

Ширина сайта 1700 px
3 элемента в строке: 556x440px
4 элемента в строке: 425x440px

Ширина сайта 1500 px
3 элемента в строке: 500x440 px
4 элемента в строке: 375x440px

Ширина сайта 1348 px
3 элемента в строке: 449x404px
4 элемента в строке: 337x407px

2. С текстом внизу (для главной и для внутренних)

Ширина сайта 1700 px
3 элемента в строке: 566x374px
4 элемента в строке: 425x300px

Ширина сайта 1500 px
3 элемента в строке: 500x330px
4 элемента в строке: 375x330px

Ширина сайта 1348 px
3 элемента в строке: 450x300px
4 элемента в строке: 337x300px

3. Списком (для внутренних)

Большие картинки: 300x200px.

Описание курса

назадПроекты Новостивперед

Новости

1. С картинками (для главной и для внутренних)

Ширина сайта 1700 px без боковой колонки
3 элемента в строке: 566x374px
4 элемента в строке: 425x300px

Ширина сайта 1500 px без боковой колонки
3 элемента в строке: 500x330px
4 элемента в строке: 375x300px

Ширина сайта 1348 px без боковой колонки
3 элемента в строке: 449x300px
4 элемента в строке: 337x300px

2. С картинками при наведении (для главной и для внутренних)

Ширина сайта 1700 px без боковой колонки
3 элемента в строке: 566x440px
4 элемента в строке: 425x440px

Ширина сайта 1500 px без боковой колонки
3 элемента в строке: 500x440px
4 элемента в строке: 375x440px

Ширина сайта 1348 px без боковой колонки
3 элемента в строке: 449x440px
4 элемента в строке: 337x440px

3. Списком (для внутренних)

Размер картинок — 300x200 px

Описание курса

назадАкции Статьивперед

Статьи

1. С текстом внизу (для главной и для внутренних)

На всю ширину (только для главной)
3 элемента в строке: 640x422px
4 элемента в строке: 480x316px

Ширина сайта 1700 px без боковой колонки
3 элемента в строке: 566x374px
4 элемента в строке: 425x300px

Ширина сайта 1500 px без боковой колонки
3 элемента в строке: 500x330px
4 элемента в строке: 375x300px

Ширина сайта 1348 px без боковой колонки
3 элемента в строке: 449x300px
4 элемента в строке: 337x300px

2. Статьи разного вида отображения (для главной и для внутренних)

На всю ширину (только для главной)
3 элемента в строке: обложка 640x480px, картинка 640x272px, круг 240x240
4 элемента в строке: обложка 480x458px, картинка 480x272px, круг 240x240

Ширина сайта 1700 px без боковой колонки
3 элемента в строке: обложка 566x458px, картинка 566x272px, круг 240x240
4 элемента в строке: обложка 425x458px, картинка 425x272px, круг 240x240

Ширина сайта 1500 px без боковой колонки
3 элемента в строке: обложка 500x458px, картинка 500x272px, круг 240x240
4 элемента в строке: обложка 376x458px, картинка 376x272px, круг 240x240

Ширина сайта 1348 px без боковой колонки
3 элемента в строке: обложка 449x458px, картинка 449x272px, круг 240x240
4 элемента в строке: обложка 337x468px, картинка 480x252px, круг 240x240

3. Списком (для внутренних)

Размер картинок — 300x200 px.

Описание курса

назадНовости Сотрудникивперед

Сотрудники

1. С текстом внутри (для главной и для внутренних)

На всю ширину
3 элемента в строке: 640x512 px
4 элемента в строке: 464x512 px

Ширина сайта 1700 px
3 элемента в строке: 566x512 px
4 элемента в строке: 425x512 px

Ширина сайта 1500 px
3 элемента в строке: 500x512 px
4 элемента в строке: 375x512 px

Ширина сайта 1348 px
3 элемента в строке: 449x512 px
4 элемента в строке: 337x471 px

2. С текстом внизу (для главной)

На всю ширину
3 элемента в строке: 640x640 px
4 элемента в строке: 480x480 px

Ширина сайта 1700 px
3 элемента в строке: 567x567 px
4 элемента в строке: 426x426 px

Ширина сайта 1500 px
3 элемента в строке: 500x567 px
4 элемента в строке: 376x376 px

Ширина сайта 1348 px
3 элемента в строке: 449x449 px
4 элемента в строке: 337x376 px

Описание курса

назадСтатьи Историявперед

История

Размер картинок — 300x200 px.

Описание курса

назадСотрудники Партнеры, производителивперед

Партнеры, производители

Рекомендуемый размер логотипа бренда : не больше 150px в ширину и не больше 90px в высоту.

Размер картинок — 960x640 px.

Описание курса

назадИстория Контактывперед

Контакты

Ширина сайта 1700 px — 850х568 px
Ширина сайта 1500 px — 750х552 px
Ширина сайта 1348 px — 674х552 px

Описание курса

назадПартнеры, производители Маркетинговые окнавперед

Маркетинговые окна

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

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

Маркетинговое окно меняет размеры в зависимости от наполнения текстом. Картинка занимает 45% от ширины. Чем больше текста будет написано, тем больше станет окно. Если из-за большого количества текста оно увеличилось в высоту, место для картинки тоже увеличится, а картинка впишется в него.

Размеры картинки

Максимальная ширина окна — 850 px.

Ширина — зависит от количества текста. Мы рекомендуем ширину — 383 px (45% от 850 px).

Высота — зависит от количества текста. Чем больше текста, тем высота больше.

Описание курса

назадКонтакты Посадочные страницы в каталогевперед

Посадочные страницы в каталоге

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

Как подключить посадочные страницы в каталоге.

Большой баннер: 1700x956 px — размещается во вкладке «Подробно».

Анонсный баннер: 363x363 px — размещается во вкладке «Анонс».

Изображений в контенте необходимо ограничивать по ширине контента на сайте.

Описание курса

назадМаркетинговые окна

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

📞 +7 (906) 311-77-69 · ✉ hello@automata.sale · 💬 Telegram: @automatasale · 🌐 automata.sale

ИП Урядов Евгений Евгеньевич · ИНН 645112058391 · ОГРНИП 312645301900058
Работаем по России, Беларуси и Казахстану

Темы статьи:

#Аспро#1С-Битрикс#Документация

Работаю удалённо — цены и условия для вашего города:

ЕкатеринбургКазаньКраснодарКрасноярскМинскМоскваНижний НовгородНовосибирскСамараСанкт-ПетербургУфаВоронеж все регионы →

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

Курсы

Аспро: Приорити 2.0 — документация, часть 1 из 5: Установка решения

Документация решения «Аспро: Приорити 2.0», часть 1 из 5: Установка решения. Официальный курс базы знаний Аспро. Уроков в курсе: 326.

#Аспро · #1С-Битрикс · #Документация

Курсы

Аспро: Приорити 2.0 — документация, часть 2 из 5: Главная страница

Документация решения «Аспро: Приорити 2.0», часть 2 из 5: Главная страница. Официальный курс базы знаний Аспро. Всего 326 уроков, часть 2 из полного курса.

#Аспро · #1С-Битрикс · #Документация

Курсы

Аспро: Приорити 2.0 — документация, часть 3 из 5: Каталог

Документация решения «Аспро: Приорити 2.0», часть 3 из 5: Каталог. Официальный курс базы знаний Аспро. Всего 326 уроков, часть 3 из полного курса.

#Аспро · #1С-Битрикс · #Документация