Аспро: Максимум — документация, часть 6 из 7: SEO, маркетинг, реклама
Источник: официальный курс «Аспро: Максимум» из базы знаний Аспро. Решение: Аспро: Максимум. Справочная выгрузка сертифицированного партнёра Аспро, обновлено 19.09.2026.
Части курса: 1 · 2 · 3 · 4 · 5 · 6 · 7
Содержание
- SEO, маркетинг, реклама
- Триггерные рассылки
- Почтовые шаблоны
- Настройка ЧПУ
- Настройка SEO-описания
- Акции и скидки
- Мастер Кампаний от Яндекса
- Приоритетный источник вывода описания раздела: из инфоблока или Умного SEO
- Маркетинговые попап-окна
- Страница с ошибкой 404
- Интеграция с другими сервисами
- Интеграция с 1С
- Расширенная интеграция с Яндекс. Метрикой
- Интеграция с AmoCRM
- Поддержка модуля SEO умного фильтра
- Файлы для размещения счетчиков
- Интеграция с Битрикс24
- Настройка электронной коммерции Google через Google Tag Manager
- Создание аккаунта в Google Analytics
- Регистрация в сервисе Google Tag Manager и получение фрагмента кода для вставки
- Подключение Google Analytics 4 на сайте
- Создание основных тегов для передачи информации из интернет-магазина в систему аналитики Google
- Как создать тег All Pages. Конфигурация тегов
- Как создать тег AddToCart для отслеживания добавлений товаров в корзину
- Как создать тег removeFromCart для отслеживания удалений товаров из корзины
- Как создать тег view_item для отслеживания просмотров товара
- Как создать тег begin_checkout для отслеживания начала оформления заказа
- Как создать тег purchase для отслеживания оформления заказа
- Интеграция с Аспро.Cloud
- Интеграция сторонних модулей в решениях Аспро
- Интеграция с модулем «2в1 Накопительная система бонусов (кэшбэк) + Реферальная система»
- Требования к графическим материалам
SEO, маркетинг, реклама
Нужна помощь?
Поручите SEO-продвижение нашим экспертам — они поделятся опытом, расскажут о стратегиях продвижения и полезных инструментах. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
назадНастройка группировки в Аспро: Товары в торговые предложения SKU Триггерные рассылкивперед
Триггерные рассылки
Триггерная рассылка — это последовательность писем, которые отправляются при наступлении определенных событий. Это может быть брошенная корзина, отсутствие активности пользователя в течение какого-либо времени, успешно оформленный заказ.
Зачем нужны триггерные рассылки?
По данным компании SeeWhy, Удачные цепочки триггерных писем способны поднять конверсию интернет-магазина до 30%. Свыше 50% клиентов возвращаются на сайт, если им об этом ненавязчиво напомнить письмом. И часть этой аудитории даже становится покупателем.
У 1С-Битрикс есть встроенные шаблоны, однако вы можете воспользоваться шаблонами Аспро с другим оформлением. Самые важные письма уже включены в поставку — с готовым универсальным текстом, версткой, кнопками и ссылками. Это письма:
- с информацией о заказе;
- для забытой корзины, с промокодом на скидку и без него;
- запрос отзыва на Яндекс.Маркет;
- реактивация пользователей;
- сообщение об акциях и распродажах с привязкой к соответствующему разделу
Прежде всего триггерные рассылки необходимы для работы с клиентами. С их помощью вы можете:
- привлекать новых клиентов, сообщая им о специальных предложениях, акциях и скидках;
- увеличивать лояльность и степень вовлеченности уже существующей клиентской базы;
- осуществлять допродажи, crosssell и upsell механик;
- информировать об акциях и скидках после определенных действий. Например, после оформления заказа предложить аксессуары к покупке.
Триггерные рассылки создаются и редактируются в административной части в разделе Маркетинг → Триггерные рассылки → Список рассылок. На странице триггерных рассылок мы видим 4 столбца или вкладки:
- «Название». Здесь отображаются названия рассылок.
- «Состояние». Здесь отображаются статусы рассылок: запущена или оставлена.
- «Письма». Здесь можно отредактировать письмо или цепочку писем, которые будут отправлены в рассылке.
- «Статистика». Здесь можно отредактировать письма, посмотреть получателей рассылки и изучить статистику доставляемости писем.
Рассмотрим триггерные рассылки на примере решения Аспро: Максимум.

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

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

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

Подробнее об условии запуска рассылки. На примере:
- Мы выбрали условие «Давно не заходил на сайт».
- Назначили время запуска 01:30.
- Поставили галочку на «Обработать старые данные» — это значит, что рассылка дополнительно запустится еще и для пользователей, которые не выполняли действие больше указанного количества дней.
- Выставили срок с момента последний покупки «Не заходил более 30 дней»
- Указали достижение цели, которая будет отображаться в метрике — «Заход на сайт».
Не забудьте сохранить настройки кампании.
Примечание. Для некоторых условий указываются сроки в днях. Минимальное возможное значение — 1 день.

После того, как рассылка настроена, настройте индивидуальные для вашего сайта письма. Для настройки писем есть три способа:
- Выберите команду «Редактировать письма» на странице триггерных рассылок во вкладке «Письма».
- Выберите команду «Письма» на странице триггерных рассылок во вкладке «Статистика».
- Наведите на «Гамбургер» рядом с триггерной рассылкой и выберите команду «Письма».

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

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

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

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

2. Дизайн. В этой вкладке можно задать дизайн письма. На вкладке есть кликабельные слова: «Все письмо», «Хедер» или верхняя часть письма, «Центр» и «Футер» или нижняя часть письма.

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

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

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

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

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

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

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

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

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

Примечания
В письмах отображается 5 тизеров преимуществ. Они выводятся по индексу сортировки — первые 5 попадают в письмо. Для корректного отображения тизеры должны быть загружены в формате png. Как добавлять тизеры, читайте в документации.
В шапке письма отображается логотип сайта. Здесь действуют настройки, заданные для логотипа. Если логотип на сайте отображается с фоном базового цвета, то и в письме заливка сохранится.
Логотип, загруженный в png.

Логотип с фоновой заливкой.
Внимание! При подключении шаблона aspro_max_mail к шаблону оформления заказа отображение письма будет некорректным, так как в стандартном шаблоне от 1С-Битрикс установлена ширина 850 px. Чтобы отредактировать отображение при теме от Аспро, необходимо убрать значения «width» атрибутов.

Содержание главы:
назадТриггерные рассылки Пользовательские свойства для почтовых шаблоноввперед
Пользовательские свойства для почтовых шаблонов
С версии Аспро: Максимум 2.5.0 появилась возможность добавлять кастомные свойства заказа в почтовый шаблон для покупки в 1 клик. Таким образом, вы можете сделать письмо, которое полностью отвечает задачам бизнеса.
Для начала создайте свойство, как это описано в нашей базе знаний и добавьте его в форму покупки в 1 клик. Разберем на примере свойства «Город».

Для почтового шаблона понадобиться код свойства. Найти его можно по пути: Магазин (1) → Настройки (2) → Свойства заказа (3) → Список свойств (4).

Скопируйте код свойства из соответствующего столбца.

Затем нужно найти почтовый шаблон покупки в 1 клик. По умолчанию он называется: Новый быстрый заказ с сайта #SITE_NAME#. Для этого проделайте путь: Настройки (1) → Настройки продукта (2) → Почтовые и СМС события (3) → Почтовые шаблоны (4).

Добавьте в текстовое поле значение #FIELD_{код_свойства_заказа}#. Например, в нашем случае это будет «Город: #FIELD_CITY#».

Для проверки можете заполнить форму.

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

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

Чтобы логотип применялся, при редактировании почтового шаблона выберите в «Теме оформления» пункт [aspro_max_mail] Аспро: почтовый шаблон.

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

Если логотип для почтовых шаблонов не добавлялся, в письмо будет подтягиваться основной логотип сайта.
назадПользовательские свойства для почтовых шаблонов Настройка ЧПУвперед
Настройка ЧПУ
назадЛоготипы для почтовых шаблонов Настройка ЧПУ для каталогавперед
Настройка ЧПУ для каталога
Чтобы настроить ЧПУ для каталога в Аспро: Максимум, необходимо изменить параметры компонента каталога и синхронизировать их с параметрами инфоблока каталога.
Настройка параметров компонента каталога
1. Переключитесь в режим правки и зайдите в настройки любого компонента каталога.

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

-
ELEMENT_ID — если вы хотите, чтобы в ссылках отображался ID товара: /catalog/mebel/3031/ (ID товара)
-
ELEMENT_CODE — для отображения символьного кода товара: /catalog/mebel/raskladnoy_divan/ (код товара)
Настройка инфоблока каталога
1. В административной части сайта перейдите в настройки каталога товаров:
Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.max) → Каталог товаров

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

Здесь же вы можете задать дополнительные параметры для разделов, кликнув на кнопку с многоточием и выбрав нужные настройки ЧПУ.
Например:
SECTION_CODE — символьный код родительского раздела
SECTION_ID — ID родительского раздела
SECTION_CODE_PATH — путь из символьных кодов раздела.

Внимание! Если вы используете параметр SECTION_CODE или SECTION_CODE_PATH, убедитесь, что символьные коды разделов уникальны. При совпадении символьных кодов система не поймет, какой раздел ей открыть, и не отобразит данные.
Для этого перейдите на вкладку «Поля разделов» в настройках инфоблока и отметьте пункты «Если код задан, то проверять на уникальность» и «Транслитерировать из названия при добавлении раздела».

Эти же параметры выставляем на вкладке «Поля», если задаем символьный код элемента (ELEMENT_CODE).

К примеру, вы хотите, чтобы в ссылках на товары использовался символьный код. Тогда код в поле «Детальная информация» в компоненте каталога будет выглядеть так:
#SECTION_CODE_PATH#/#ELEMENT_CODE#/
А код в инфоблоке будет выглядеть так:
#SITE_DIR#catalog/#SECTION_CODE_PATH#/#ELEMENT_CODE#/
3. Сохраняем изменения и проверяем результат на сайте:

Настройка инфоблока торговых предложений
В административной части сайта перейдите в настройки каталога товаров:
Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.max) → Торговые предложения.

В поле URL страницы детального просмотра прописываем: #PRODUCT_URL#?oid=#ID#. Это нужно, чтобы ссылки на сайте отображались корректно.

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

- Перейдите в пункт «Управление адресами страниц» и найдите поле «Url раздела для умного фильтра».

По умолчанию код ЧПУ выглядит так:
#SECTION_CODE_PATH#/filter/#SMART_FILTER_PATH#/apply/
При желании вы можете отредактировать его, добавив дополнительные параметры — например, идентификатор или символьный код раздела. После этого сохраните изменения и проверьте результат на сайте.
назадНастройка ЧПУ для каталога Настройка SEO-описаниявперед
Настройка SEO-описания
SEO-описание используется для всего каталога, разделов каталога, контентных разделов или элементов категорий. Составляйте уникальные и полезные для клиента тексты, чтобы закрыть боли покупателя и показать преимущества товаров.
Содержание главы:
назадНастройка ЧПУ для умного фильтра Типы описаний вперед
Типы описаний
SEO-описание — это поля, которые всегда доступны для заполнения. Они могут использоваться для краткого или полного описания.
Рассмотрим поля на примере заполнения описания раздела. Чтобы перейти к редактированию, наведите на область в публичной части сайта и кликните на «Изменить раздел».

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

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

Чтобы настроить расположение SEO-описания, в административной части сайта перейдите в Аспро (1) → Аспро: Max (2) → Настройки (3) → Каталог (4).

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

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

Расположение описания после списка товаров.

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

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

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

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

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

Вы можете задать вывод из описания раздела. Здесь можно выбрать два варианта:
- Брать из описания раздела.
- Брать из SEO-описания UF_SECTION_DESCR.

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

назадНастройка SEO-описания Акции и скидкивперед
Акции и скидки
Скидки — дополнительная мотивация к покупке. В этой главе расскажем, как настраивать условия акции, купоны, таймер отсчета и другие инструменты.
Содержание главы:
назадТипы описаний Настройка отображения скидочной цены/старой ценывперед
Настройка отображения скидочной цены/старой цены
В Аспро: Максимум доступна возможность выгрузки скидок из 1С. Теперь можно вместо стандартного способа (указать цену и процент скидки) задать типы для действующих и старых цен, после чего настроить карточки товаров соответствующим образом: заполнить поля с ценами и отметить в Центре управления Аспро, какой тип цены следует воспринимать как старую цену. В публичной части цена установленного типа будет отображена зачеркнутой:
Внимание! Чтобы типы цен были доступны в интернет-магазине, необходима редакция 1С-Битрикс: Бизнес и выше.

Внимание! Совместное использование настроек скидок – через 1С и функционал скидок 1С-Битрикс – невозможно. Для того, чтобы старая и новая цена выводилась на карточке товара корректно, отключите действующие правила работы с корзиной.
Для отключения правил работы с корзиной, дающих скидку на товары, перейдите в административную часть сайта в Маркетинг → Товарный маркетинг → Правила работы с корзиной. Для более быстрой деактивации действующих правил выделите их все, установив галку в шапке таблицы**(1). Затем нажмите кнопку редактирования отмеченных записей(2)**.

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

Чтобы активировать функцию отображения старой цены, перейдите в модуль настроек решения Аспро → Аспро: Max → Настройки → Каталог.

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

Для удобства представления рекомендуем также отредактировать типы цен. Название одного из типов цен заменить на «Старая цена». Подробнее о настройке типов цен можно прочитать здесь или в видео.
назадАкции и скидки Правила работы с корзинойвперед
Правила работы с корзиной
Благодаря этому блоку настроек вы можете задавать правила работы с корзиной и проводить акции для тех покупателей, которые выполнят заданные условия: например, совершат покупку на определенную сумму или выберут какое-либо количество товара, на который будет действовать скидка.
Для того, чтобы задать новое правило, перейдите в блок «Правила работы с корзиной»:
Маркетинг → Товарный маркетинг → Правила работы с корзиной
Рассмотрим процесс создания правила на конкретном примере. Допустим, мы хотим добавить скидку 10% на покупку комплекта «Ванна + смеситель».
- Нажмите кнопку «Добавить правило».

- Откроется окно создания нового правила. На вкладке «Общие параметры» выберите сайт (1) , введите название акции**(2)** , задайте период активности (без ограничений или обозначьте интервал) (3).

- На вкладке «Действия и условия» задаются условия акции и действия, которые должен совершить пользователь, чтобы получить бонус/подарок/скидку.
Чтобы реализовать выбранную нами механику акции, делаем следующее:
«Добавить действие» — задаем действия, которые должны будут выполниться при соблюдении определенных условий.
Действие: применить скидку 10% к товарам, удовлетворяющим всем условиям.
Выбираем из выпадающих списков нужные параметры: «скидка» (1) , «10»(2) , «%» (3) , максимальную цену в рублях**(4)** , удовлетворение всем условиям**(5)**. Выбрать товар, на который действует скидка.

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

- Сохраняем изменения и проверяем результат на сайте.

назадНастройка отображения скидочной цены/старой цены Накопительные скидкивперед
Накопительные скидки
Накопительные скидки – это программа поощрения постоянных покупателей, в которой величина скидки или бонуса зависит от суммы совершенных покупок.
Вы можете задать свою программу накопительных скидок в блоке настроек маркетинга интернет-магазина:
Маркетинг (1) → Товарный маркетинг (2) → Предустановленный список маркетинговых акций (3).

Внимание! Функционал накопительных скидок доступен только в редакции 1С-Битрикс: Бизнес.
Чтобы добавить программу, найдите блок «Накопительные скидки» и нажмите на «Создать».

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

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

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

Сохраните изменения. Программа лояльности создана!
назадПравила работы с корзиной Отображение процента скидкивперед
Отображение процента скидки
В Аспро: Максимум вы можете отображать процент скидки в каталоге, табах на главной и на страницах со связанными товарами. Включайте эту настройку, чтобы увеличить продажи и заинтересованность пользователей к покупке акционного товара. Процент скидки отобразится в каталоге и табах на главной, только если активирован параметр «Показывать экономию»/ «Отображать экономию». На страницах со связанными товарами доступен один параметр — «Отображать процент экономии». Если он включен, то у товара будет отображаться выгода.
Процент скидки отображается исключительно при настройке правил работы с корзиной 1С-Битрикс и недоступен для «скидок старой цены».
Процент скидки в карточке товара.

Процент скидки в табах на главной.

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

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

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

Чтобы включить процент экономии в табах на главной, перейдите в параметры компонента. Для этого в режиме правки наведите на область блоков Хит/ Советуем/ Новинка/ Акция и нажмите на шестеренку.

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

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

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

назадНакопительные скидки Предсказания в карточке товара вперед
Предсказания в карточке товара
Пользователи любят скидки. Владельцы сайтов понимают, что прямые скидки на товары отражаются на прибыли. Чтобы окупить акцию, нужно продать в разы больше, чем обычно. Поэтому скидки по определенным сценариям, помогают сохранить интерес пользователей. В то же время задают условия, чтобы владелец проекта не ушел в минус.
В Аспро: Максимум доступны предсказания для детальной карточки товара и быстрого просмотра. Когда пользователь формирует заказ на определенную сумму, на кнопке добавления товара появляется скидочный стикер. При наведении на кнопку с ним отображается уведомление, что при заказе на определенную сумму ко всей корзине применяется скидка. Как только пользователь добавит позиции на заданную сумму к заказу в корзине прибавится скидка.
Пример. Мы создали скидку 1 000 р. при покупке товаров от 15 000 р. Где предсказание отражается, когда в корзине товаров от 5 000 р. Предсказание уведомляет пользователя о выгодном предложении.
Добавили товар на сумму 9 899 р. Цена заказа больше 5 000 р, но меньше 15 000 р. Поэтому на детальной странице и быстром просмотре на кнопке теперь отображается предсказание.

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

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

Когда сумма заказа равна или выше установленной цены для предоставления бонуса, то в корзине применяется скидка. Отображается общая экономия и выгода по каждой позиции. Также у товара отображается процент скидки, который рассчитывается по формуле: скидка на заказ / общая сумма * 100%.

Чтобы установить предсказание, в административной части сайта перейдите в Маркетинг → Товарный маркетинг→ Предустановленный список маркетинговых акций. Кликните кнопку «Создать» в блоке «Оформи заказ на «n» рублей, получи скидку».

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

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

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

Скидка установлена.

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

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

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

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

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

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

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

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

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

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

Измените опцию «всем условиям» на «любому из условий». Выберите условие «Раздел» или «Товар».

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

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

В этом же пункте можно настроить отображение блока с подарками на карточке товара, к которому они привязаны — например, количество элементов в соответствующем блоке, текст заголовка, возможность скрыть заголовок и т. д.
назадПредсказания в карточке товара Настройка купонов и промокодоввперед
Настройка купонов и промокодов
Купон — разновидность скидки. Его отличие от скидки заключается в том, что он может быть сгенерирован в любой момент и представляет собой уникальную последовательность символов. Правом на получение скидки по купону обладает покупатель, которому каким-либо образом был сообщен этот уникальный купон (промокод).
Чтобы ввести код купона, клиенту необходимо выбрать товар и перейти в корзину.

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

В открывшемся окне введите:
- Правило корзины. Категория товаров, на которые действуют скидки акции, либо они являются новинкой, хитом продаж магазина (1) ;
- Название купона — можно задать свое название или сгенерировать автоматически (2) ;
- Тип купона (3) ;
- Период активности купона заполняется при необходимости (4).

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

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

Чтобы установить таймер обратного отсчета, переключитесь на административный раздел и перейдите в Маркетинг → Товарный маркетинг → Правила работы с корзиной. Чтобы добавить акцию, нажмите на «Добавить правило»(1). Чтобы отредактировать созданное условие, в строке с названием нажмите на «Гамбургер», затем на «Изменить» (2).

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

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

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

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

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

Содержание главы:
назадНастройка купонов и промокодов Таймер обратного отсчета для торговых предложенийвперед
Таймер обратного отсчета для торговых предложений
В Аспро: Максимум вы можете отображать таймер обратного отсчета акции для каждого торгового предложения отдельно.

Чтобы установить таймер обратного отсчета, переключитесь на административный раздел и перейдите в Маркетинг → Товарный маркетинг → Правила работы с корзиной. Чтобы добавить акцию, нажмите на «Добавить правило»(1). Чтобы отредактировать созданное условие, в строке с названием нажмите на «Гамбургер», затем на «Изменить» (2).

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

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

Рассмотрим на примере — установим скидку на женскую футболку размера «S» и «М», а на размер «L» будет действовать обычная цена.
Заполните первую строку:
- скидку — тип акции;
- 10 — размер скидки;
- % — величина скидки;
- 0 — максимальная величина, в нашем примере она не задана;
- все условия;
- выполнены.

Теперь кликните на «Добавить условия», чтобы привязать торговые предложения.
Создадим две группы условий. В первой укажем нужный товар (женская футболка), а во второй — укажем нужные торговые предложения (размер «S» или «M»).
Привяжем нужный товар в первом условии.

Затем выберите группу условий.

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

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

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

В итоге для размера «S» и «M» таймер срока действия скидки отобразится, а на размер «L» — нет.

6-минутная видеоинструкция по работе с торговыми предложениями на примере Аспро: Next:
назадТаймер обратного отсчета для акций Стикерывперед
Стикеры
Стикеры расположены на превью и карточке товара. Это маленькие яркие картинки-ярлыки, которые информируют пользователя, что товар обладает бонусами или преимуществами.
Список стикеров:
- Хит
- Советуем
- Новинка
- Акция
- Стикер с произвольной надписью для каждого товара

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

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

Значения свойств стикера:
- XML_ID — идентификатор, по которому система идентифицирует стикер.
- Значение — название стикера Отображается на детальной странице товара, в списке товаров, блоках «Ранее вы смотрели» и «Персональные рекомендации».
- Сорт. — определяет положение стикера относительно остальных.
- Умолч. — при активации делает стикер автоматиески активным для товара сразу после создания/загрузки товара без дополнительной настройки
Добавление стикеров на карточку товара
В публичной части сайта в режиме правки войдите в редактирование карточки товара. В блоке «Наши предложения» можно активировать/деактивировать созданные стикеры на карточке товара.

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

Стикер c произвольным текстом.

Видеоинструкция
Содержание главы:
назадТаймер обратного отсчета для торговых предложений Настройка автоподстановки стикеров «Акция» и «Новинка» (Автоматизация стикеров)вперед
Настройка автоподстановки стикеров «Акция» и «Новинка» (Автоматизация стикеров)
С версии 2.2.0, в решении доступна автоподстановка стикеров для акционных и новых товаров. Это позволит упростить работу с сайтом.
Если товар привязан к акции из инфоблока «Акции» или наоборот, акция привязана к товару, то у такого товара автоматически появится стикер. Также можно настроить автоподстановку стикеров для только что добавленной продукции.

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

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

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

Как привязать товар к акции
Чтобы привязать товар к акции проделайте путь: Контент → Контент (aspro.max) → Акции.

Выберите акцию из уже существующих (1) или создайте новую по соответствующей кнопке (2).

Добавьте конкретный товар (1) или связанные по фильтру (2).

Метатеги
Метатеги – это один из важнейших инструментов продвижения сайта в поисковых cистемах . Чем выше рейтинг сайта у крупнейших поисковых систем Google и Яндекс, тем выше сайт находится в выдаче по определенным запросам и тем раньше его заметит пользователь.
Механика продвижения сайтов в поисковых системах – тема отдельного курса. В рамках документации по использованию решений Аспро мы рассмотрим три основных метатега и расскажем, как их настроить для разделов каталога и карточек товаров, или услуг для линейки наших типовых решений
Основные метатеги — это title, keywords, description и h1.

- Title (1) – отображает содержимое как заголовок сайта на вкладке браузера и в поисковой выдаче
- Description (2) – отображает содержимое как описание страницы в поисковой выдаче
- Keywords (3) – используются поисковиками для определения релевантности страницы, т.е. ее соответствия заданным условиям поиска.
Вы можете прописать для каждого раздела каталога и даже для каждой отдельной страницы или карточки товара уникальные метатеги. Процесс легко автоматизировать, используя шаблоны.
Настройка метатегов
В административном режиме перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог. Переключитесь на вкладку «SEO».

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

Рассмотрим подробнее, какую информацию рекомендуется вносить в шаблоны.
Настройки для разделов
-
Шаблон META TITLE – формирует заголовок для страницы раздела.
Формула: код «Название текущего раздела» + текстовый заголовок.
Пример: {=this.Name} купить в интернет-магазине Челябинска. В результате для раздела «Дрели и перфораторы» title получится «Дрели и перфораторы купить в интернет-магазине Челябинска», а для раздела «Женская одежда» – «Женская одежда купить в интернет-магазине Челябинска». Рекомендуем использовать название раздела. -
Шаблон META KEYWORDS – формирует набор ключевых фраз для поисковиков.
Формула: код «Название текущего раздела».
Пример: {=this.Name}. В результате ключевые слова подтянутся из настроек каждого раздела. -
Шаблон META DESCRIPTION – формирует описание страницы в выдаче поисковика.
Формула: код «Название текущего раздела» + текстовое описание.
Пример: {=this.Name} по низким ценам с доставкой в Челябинске. В результате для раздела «Дрели и перфораторы» description получится «Дрели и перфораторы по низким ценам с доставкой в Челябинске». -
Заголовок раздела – формирует основной заголовок на странице. Рекомендуем оставить название раздела.
Формула: код «Название текущего раздела».
Пример: {=this.Name}.

Настройки для элементов
-
Шаблон META TITLE – формирует заголовок для карточек товаров.
Формула: код «Название текущего элемента» + ключевая фраза.
Пример: {=this.Name} + купить недорого в Челябинске. В результате для товара «Дрель монтажная Bosch Professional GBM» title карточки получится «Дрель монтажная Bosch Professional GBM купить недорого в Челябинске». -
Шаблон META KEYWORDS – формирует набор ключевых фраз для карточки товара.
Формула: код «Название родителя» + код из списка Свойства – «Бренд», «Модель», «Тип» или другое + ключевые слова.
Пример: {=parent.Name} {=this.property.BRAND} купить, интернет-магазин, недорого, Челябинск. В результате для товара «Дрель монтажная Bosch Professional GBM» keywords получатся «Дрели и перфораторы Bosch купить в интернет-магазине Челябинск». -
Шаблон META DESCRIPTION – формирует описание для карточки товара.
Формула: код «Текст анонса текущего элемента» + информация о товаре, отраженная на странице. Если информации нет, то можете записать ключевые слова о содержимом страницы, например, фото, видео, отзывы о товаре, наличие и т.д.
Пример: {=this.PreviewText} фото, видео, отзывы о товаре, наличие, доставка. В результате для товара «Дрель монтажная Bosch Professional GBM» description получится «Дрель монтажная Bosch Professional GBM фото, видео, отзывы о товаре, наличие, доставка». -
Заголовок товара – формирует основной заголовок на странице. Рекомендуем оставить название товара.
Формула: код «Название текущего элемента».
Пример: {=this.Name}.

Настройки для изображений разделов
-
Шаблон ALT – формирует описание картинок.
Формула: фото + код «Название текущего раздела».
Пример: Фото {=this.Name}. В результате для раздела «Дрели и перфораторы» alt у картинок получится «Фото Дрели и перфораторы». -
Шаблон TITLE – формирует заголовок картинок.
Формула: Фото + код «Название текущего раздела».
Пример: Фото {=this.Name}. -
Шаблон имени файла – заполнять необязательно
Настройки для детальных картинок разделов
-
Шаблон ALT
Формула: код «Название текущего раздела».
Пример: {=this.Name} -
Шаблон TITLE
Формула: код «Название текущего раздела».
Пример: {=this.Name}. -
Шаблон имени файла – заполнять необязательно.

Настройки для детальных картинок элементов
-
Шаблон ALT
Формула: код «Название текущего элемента» + ключевая фраза.
Пример: {=this.Name} фото в интернет-магазине Наш магазин. В результате для товара «Дрель монтажная Bosch Professional GBM» alt у детальных картинок получится «Дрель монтажная Bosch Professional GBM фото в интернет-магазине Наш магазин» -
Шаблон TITLE
Формула: код «Название текущего элемента» + ключевая фраза.
Пример: {=this.Name} фото в интернет-магазине Наш магазин.

Настройки для картинок анонса элементов заполнять не обязательно.
назадНастройка автоподстановки стикеров «Акция» и «Новинка» (Автоматизация стикеров) Мастер Кампаний от Яндексавперед
Мастер Кампаний от Яндекса
В Аспро: Максимум, начиная с версии 1.8.11, добавлен виджет Мастера Кампаний от Яндекса для настройки рекламы. В этом уроке расскажем, как им пользоваться.
Инструмент подойдет всем, кто хочет запустить рекламу интернет-магазина. Так как настройка осуществляется через Мастера Кампаний, не нужно разбираться в тонкостях работы с Директом. Достаточно просто вставить ссылку на сайт.
Чтобы приступить к созданию рекламы, перейдите в административную часть интернет-магазина. Проделайте путь Аспро (1) → Аспро: Max (2) → Мастер Кампаний (3).

Так вы попадете на отдельную страницу, где можно приступить к настройке.
Если вы еще не зарегистрированы в Яндекс Директе, то сделайте это. Если у вас уже есть аккаунт, то можете авторизоваться. Но учтите, что в интерфейсе будут отображаться только новые кампании.
В документации Яндекса можно узнать подробнее, как создать рекламную кампанию с помощью Мастера.
назадМетатеги Приоритетный источник вывода описания раздела: из инфоблока или Умного SEOвперед
Приоритетный источник вывода описания раздела: из инфоблока или Умного SEO
В Аспро: Максимум доступна опция «Приоритетный источник вывода описания раздела», которая позволяет выбирать, какое описание раздела использовать — из инфоблока, модуля «SEO умного фильтра» или Умного SEO. Начиная с версии 1.4.0, добавили функционал выбора приоритетных источников для вывода SEO-описания.
На своем проекте вы заполняли описания разделов в настройках решения, также прописывали тексты для Умного SEO. С помощью настройки вы можете выбрать приоритет вывода текста. Например, выбрать приоритет показа из Умного SEO. В этом случае:
- описание раздела загрузится из Умного SEO, если оно там заполнено.
- когда описание раздела не прописано в модуле, то оно загрузится из инфоблока.
- если описание нигде не прописано, то текст не отобразится.
Если не выбран приоритетный источник, то выведутся все доступные тексты.
Перейдите в настройки сайта, чтобы выбрать вариант подмены описания. Для этого в административной части сайта перейдите в: Аспро → Аспро: Max → Настройки → Каталог.

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

Сохраните настройки.
назадМастер Кампаний от Яндекса Маркетинговые попап-окнавперед
Маркетинговые попап-окна
Попап-окно — эффективный маркетинговый инструмент. Но только при грамотном использовании. Вы можете проинформировать посетителя о скидках, предложить подписаться на рассылку или пригласить на бесплатное мероприятие.
Попап помогает конвертировать трафик в подписчиков и покупателей. Компания SUMO провела анализ 2 млрд всплывающих окон. Согласно ему, 10% лучших попап-окон показали конверсию в 9,3%. То есть 1 из каждых 10 посетителей сайта превращается в покупателя или подписчика.
В решении Аспро: Максимум доступно 4 вида маркетинговых окон:
- Информационное всплывающее маркетинговое окно с текстом и кнопкой (1.1.0).
- Текстовый тип всплывающего маркетингового окна (1.2.0).
- Маркетинговое окно с веб-формой (1.4.7).
- Маркетинговое окно только с картинкой без текста (2.3.0).

С версии Аспро: Максимум 2.4.0 маркетинговые окна стали модулем, для которого будут поступать отдельные обновления. Для проектов в режиме многосайтовости это означает, что теперь можно работать в рамках одного попап-окна через указание домена для нескольких сайтов.
Перейдите в Аспро (1) → Аспро: Маркетинговые окна (2). Здесь вы можете установить последние обновления и задать права доступа.

Содержание главы:
назадПриоритетный источник вывода описания раздела: из инфоблока или Умного SEO Текстовый тип маркетингового окнавперед
Текстовый тип маркетингового окна
Начиная с версии решения 1.2.0, появился текстовый тип маркетингового окна. Его можно использовать как попап-окно с предупреждением об использовании файлов cookie.
Cookie — это текстовые файлы, в которых хранится информация о предыдущих действиях клиентов на сайтах. Прежде всего они нужны для удобства и комфорта пользователей. Сайты используют его для того, чтобы сохранять информацию о логине и пароле, местоположении, переходах по сайту и личные предпочтения по товарам и услугам.
Иногда они используются не только для того, чтобы облегчить жизнь пользователям, но и для сбора статистики рекламодателями. Поэтому вступили в силу поправки в законе №152-ФЗ «О персональных данных». В связи с этим, сайты обязаны запрашивать разрешение об использовании cookies и любых других данных с компьютера / смартфона.
Если вы спрашиваете у своих клиентов, можно ли использовать сookie, значит вы добросовестная компания и используете данные посетителей по назначению, а не продаете их рекламным агентствам. Такое всплывающее окно вызовет доверие у ваших покупателей.
.73cb1217e3.webp)
Чтобы добавить текстовое маркетинговое окно, зайдите в административную часть сайта. Перейдите в Контент (1) → Маркетинговые окна (2) → Маркетинговые окна (3) → Текстовые (4).

В папке «Текстовые» нажмите на кнопку «Добавить элемент».
.3d36205e24.webp)
Чтобы форма редактирования соответствовала виду в документации, сбросьте настройки формы редактирования по шестеренке в правом верхнем углу.

Начиная с версии Аспро: Максимум 1.2.0. появилась возможность выбирать тип маркетингового окна: общее или текстовое. В текстовом типе окна вы можете скрыть заголовок и выбрать позицию: снизу по центру, снизу слева или снизу справа. А с версии 2.3.0 появилось еще больше позиций.
Во вкладке «Параметры»:
- Задайте начало и окончание активности окна.
- Пропишите название, которое будет заголовком попап-окна.
- Выберите тип попап-окна — текстовый.
- Выберите позицию окна. С версии 2.3.0 добавились новые позиции.
- Обозначьте, скрывать заголовок или нет — доступно с версии 2.3.0.
- Укажите дату для таймера окончания акции — доступно с версии 2.3.0, на окне появляется обратный отсчет до окончания акции.
- Введите купон и описание купона для получения скидки — доступно с версии 2.3.0.

-
Укажите условия для страниц показа окна. С обновления 2.4.0 в условиях можно указывать GET-параметры, которые мы разберем ниже.
-
Выберите действия пользователя. С обновления 2.4.0 появился парметр «Уход с сайта». Браузер самостоятельно выбирает условие: обычно это выход курсора за пределы страницы.
-
Задайте ограничение показа на определенных типах устройств: десктоп, смартфон или планшет. Вариант «Не установлено» покажет окно на всех устройствах. Настройка доступна с версии 2.3.0.
-
Напишите задержку появления окна в секундах — через какое время после перехода посетителя на страницу будет появляться окно.
-
Введите периодичность показа окна в секундах для одного пользователя. Например, вы можете сделать так, чтобы маркетинговое окно всплывало раз в час для уникального пользователя. Тогда в условиях показа вставьте адрес страницы, на которой будет всплывать окно. Если хотите, чтобы окно появлялось на всех страницах, то поставьте в поле «/».
-
Прекратите показ по установленному действию — доступно с версии 2.3.0. Окно закроется на время, которое было задано в настройке периодичности показа окна. При выборе варианта «Закрытие» засчитывается любой способ закрытия окна: по крестику, после перехода по ссылке, по клику на экран за окном, по клавише ESC.

GET-параметры позволяют персонализировать показ окна под определенное условие. Например, показывать окно только тем, кто перешел с размеченной ссылки, например, с рекламы. На выбор дается 4 условия:
1. Содержит — показывает попап, если в ссылке встречается GET-параметр.
2. Равно — показывает попап, если ссылка полностью совпадает с GET-параметром.
3. Не содержит — показывает попап, если в ссылке не встречается GET-параметр.
4. Не равно — Показывает попап, если ссылка полностью отличается от GET-параметра.
На вкладке «Кнопки» пропишите:
- Текст первой кнопки.
- Ссылку с первой кнопки.
- Тип перехода с первой кнопки: в новом или текущем окне — доступно с версии 2.3.0.
- Класс первой кнопки (цвет).
- Текст второй кнопки.
- Ссылку с второй кнопки.
- Тип перехода со второй кнопки: в новом или текущем окне — доступно с версии 2.3.0.
- Класс второй кнопки (цвет).
Если хотите, чтобы одна или обе кнопки не отображались в маркетинговом окне, не заполняйте соответствующие поля.

Чтобы попап-окно закрылось после нажатия кнопки, то не вставляйте ссылки. Например, вы используете текстовое окно для предупреждения об использовании файлов cookie и хотите, чтобы окно закрылось после нажатия кнопки «Принимаю». Также если вы добавляете ссылки, учтите, что в версии 2.3.0 появились действия для закрытия. Они настраиваются в поле «Прекращать показ по установленному действию», которое мы рассматривали ранее.
Начиная с версии 2.3.0, на вкладке «Картинки и фон» появилась возможность задавать фоновое изображение окна (1), а также цвет фона (2), который можно указать в формате HTML, HEX или RGB.

В блоке «Описание» пропишите необходимую информацию всплывающего маркетингового окна. В визуальном редакторе вы можете изменить цвет текста для попап-окна. При этом цвет заголовка остается прежним. Поэтому, чтобы цвета сочетались, мы рекомендуем скрывать заголовок и добавлять его в описание. Напомним, что для этого достаточно поставить галку в поле «Скрывать заголовок» (во вкладке «Элемент»).

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

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

назадМаркетинговые попап-окна Маркетинговое окно с веб-формойвперед
Маркетинговое окно с веб-формой
Начиная с версии решения Аспро: Максимум 1.4.7, появился новый тип маркетингового окна с формой обратной связи.
Его можно использовать как попап-окно для закрытой распродажи, уведомление о предстоящем мероприятии и сбор отзывов от довольных клиентов.
Чтобы добавить маркетинговое окно, зайдите в административную часть сайта. Перейдите в Контент (1) → Реклама (2) → Маркетинговые окна (3) → С веб-формой (4).

Нажмите кнопку «Добавить элемент».

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

Во вкладке «Элемент»:
- Задайте начало и окончание активности окна.
- Пропишите название, которое будет заголовком попап-окна.
- Выберите тип попап-окна — с веб-формой.
- Выберите позицию.
- Укажите необходимую веб-форму.
- Обозначьте, скрывать заголовок или нет — доступно с версии 2.3.0.
- Выберите, нужно ли затемнять сайт при открытом окне — доступно с версии 2.3.0.
- Укажите дату для таймера окончания акции — доступно с версии 2.3.0, на окне появляется обратный отсчет до окончания акции.
- Введите купон и описание купона для получения скидки — доступно с версии 2.3.0.

-
Укажите условия для страниц показа окна. С обновления 2.4.0 в условиях можно указывать GET-параметры, которые мы разберем ниже.
-
Выберите действия пользователя. С обновления 2.4.0 появился парметр «Уход с сайта». Браузер самостоятельно выбирает условие: обычно это выход курсора за пределы страницы.
-
Задайте ограничение показа на определенных типах устройств: десктоп, смартфон или планшет. Вариант «Не установлено» покажет окно на всех устройствах. Настройка доступна с версии 2.3.0.
-
Напишите задержку появления окна в секундах — через какое время после перехода посетителя на страницу будет появляться окно.
-
Введите периодичность показа окна в секундах для одного пользователя. Например, вы можете сделать так, чтобы маркетинговое окно всплывало раз в час для уникального пользователя. Тогда в условиях показа вставьте адрес страницы, на которой будет всплывать окно. Если хотите, чтобы окно появлялось на всех страницах, то поставьте в поле «/».
-
Прекратите показ по установленному действию — доступно с версии 2.3.0. Окно закроется на время, которое было задано в настройке периодичности показа окна. При выборе варианта «Закрытие» засчитывается любой способ закрытия окна: по крестику, после перехода по ссылке, по клику на экран за окном, по клавише ESC.

GET-параметры позволяют персонализировать показ окна под определенное условие. Например, показывать окно только тем, кто перешел с размеченной ссылки, например, с рекламы. На выбор дается 4 условия:
1. Содержит — показывает попап, если в ссылке встречается GET-параметр.
2. Равно — показывает попап, если ссылка полностью совпадает с GET-параметром.
3. Не содержит — показывает попап, если в ссылке не встречается GET-параметр.
4. Не равно — Показывает попап, если ссылка полностью отличается от GET-параметра.
Во вкладке «Картинки и фон» загрузите активную картинку для окна (1). Начиная с версии 2.3.0, в решении появилась возможность задавать фоновое изображение окна (2), а также цвет фона (3), который можно указать в формате HTML, HEX или RGB.

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

Ограничение по регионам нужно для того, чтобы маркетинговое окно всплывало только для заданных городов. К примеру, если вы проводите акцию только для нескольких регионов, исключайте другие. Для этого в поле «Регион» выберите регионы, в которых должно всплывать окно. Сохраните настройки. Чтобы действовало ограничение по регионам, активируйте поле «Применять региональный фильтр». Для этого в административной части перейдите в Аспро → Аспро: Max → Настройки. Выберите раздел «Регионы» и поставьте галку в поле «Применять региональный фильтр». Сохраните изменения.

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

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

Чтобы добавить маркетинговое окно, зайдите в административную часть сайта. Перейдите в Контент (1) → Маркетинговые окна (2) → Маркетинговые окна (3) → Общие (4).

Нажмите на «Добавить элемент».

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

Во вкладке «Элемент»:
- Задайте начало и окончание активности окна.
- Пропишите название, которое будет заголовком попап-окна.
- Выберите тип попап-окна — общий.
- Выберите позицию попап-окна. С версии 2.3.0 появились новые позиции.
- Обозначьте, скрывать заголовок или нет — доступно с версии 2.3.0.
- Задайте попап-окну необходимость обязательного подтверждения — доступно с версии 2.3.0. Если на вашем сайте есть контент или товары 18+, то вы можете установить обязательное всплывающее окно для подтверждения возраста. При показе попапа сайт затемняется и становится недоступным для взаимодействия. На экране появляются две кнопки: согласия и отказа. При нажатии на первую кнопку окно закрывается, а на вторую — открывается другой попап с текстом, который нельзя закрыть, если не покинуть сайт.
- Добавьте сообщение при отказе после обязательного подтверждения.
- Настройка «Без затенения» не работает при включенном обязательном подтверждении. В этом случае затемнение будет всегда.
- Укажите дату для таймера окончания акции — доступно с версии 2.3.0, на окне появляется обратный отсчет до окончания акции.
- Введите купон и описание купона для получения скидки — доступно с версии 2.3.0.

-
Укажите условия для страниц показа окна. С обновления 2.4.0 в условиях можно указывать GET-параметры, которые мы разберем ниже.
-
Выберите действия пользователя. С обновления 2.4.0 появился парметр «Уход с сайта». Браузер самостоятельно выбирает условие: обычно это выход курсора за пределы страницы.
-
Задайте ограничение показа на определенных типах устройств: десктоп, смартфон или планшет. Вариант «Не установлено» покажет окно на всех устройствах. Настройка доступна с версии 2.3.0.
-
Напишите задержку появления окна в секундах — через какое время после перехода посетителя на страницу будет появляться окно.
-
Введите периодичность показа окна в секундах для одного пользователя. Например, вы можете сделать так, чтобы маркетинговое окно всплывало раз в час для уникального пользователя. Тогда в условиях показа вставьте адрес страницы, на которой будет всплывать окно. Если хотите, чтобы окно появлялось на всех страницах, то поставьте в поле «/».
-
Прекратите показ по установленному действию — доступно с версии 2.3.0. Окно закроется на время, которое было задано в настройке периодичности показа окна. При выборе варианта «Закрытие» засчитывается любой способ закрытия окна: по крестику, после перехода по ссылке, по клику на экран за окном, по клавише ESC.

GET-параметры позволяют персонализировать показ окна под определенное условие. Например, показывать окно только тем, кто перешел с размеченной ссылки, например, с рекламы. На выбор дается 4 условия:
1. Содержит — показывает попап, если в ссылке встречается GET-параметр.
2. Равно — показывает попап, если ссылка полностью совпадает с GET-параметром.
3. Не содержит — показывает попап, если в ссылке не встречается GET-параметр.
4. Не равно — Показывает попап, если ссылка полностью отличается от GET-параметра.
Пример, как выглядит попап-окно с обязательным подтверждением.

На вкладке «Кнопки» пропишите:
- Текст первой кнопки. Если используется окно с обязательным подтверждением, первая кнопка будет являться кнопкой согласия. В таком случае ссылка не будет работать.
- Ссылку с первой кнопки.
- Тип перехода с первой кнопки: в новом или текущем окне — доступно с версии 2.3.0.
- Класс первой кнопки (цвет).
- Текст второй кнопки. Если используется окно с обязательным подтверждением, вторая кнопка будет являться кнопкой отказа. В таком случае ссылка не будет работать.
- Ссылку со второй кнопки.
- Тип перехода со второй кнопки: в новом или текущем окне — доступно с версии 2.3.0.
- Класс второй кнопки (цвет).
Если хотите, чтобы одна или обе кнопки не отображались в маркетинговом окне, не заполняйте соответствующие поля.

Чтобы попап-окно закрылось после нажатия кнопки, то не вставляйте ссылки. Например, вы используете текстовое окно для предупреждения об использовании файлов cookie и хотите, чтобы окно закрылось после нажатия кнопки «Принимаю». Также если вы добавляете ссылки, учтите, что в версии 2.3.0 появились действия для закрытия. Они настраиваются в поле «Прекращать показ по установленному действию», которое мы рассматривали ранее.
Во вкладке «Картинки и фон» загрузите активную картинку для окна (1). Начиная с версии 2.3.0, в решении появилась возможность задавать фоновое изображение окна (2) и цвет фона (3), который можно указать в формате HTML, HEX или RGB.

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

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

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

назадМаркетинговое окно с веб-формой Тип попап-окна «Картинка»вперед
Тип попап-окна «Картинка»
Захватывайте внимание клиентов привлекательными картинками товаров магазина. С версии Аспро: Максимум 2.3.0 появился 4-ый вид попап-окна — «Картинка», при котором отображается только изображение без текста. На него можно установить ссылку с типом перехода: в текущем или новом окне. При клике на картинку окно закрывается автоматически.

Чтобы добавить маркетинговое окно, зайдите в административную часть сайта. Перейдите в Контент (1) → Маркетинговые окна (2) → Маркетинговые окна (3) → Картинки (4).

Нажмите кнопку «Добавить элемент».

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

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

- Укажите условия для страниц показа окна. С обновления 2.4.0 в условиях можно указывать GET-параметры, которые мы разберем ниже.
- Выберите действия пользователя. С обновления 2.4.0 появился парметр «Уход с сайта». Браузер самостоятельно выбирает условие: обычно это выход курсора за пределы страницы.
- Задайте ограничение показа на определенных типах устройств: десктоп, смартфон или планшет. Вариант «Не установлено» покажет окно на всех устройствах.
- Напишите задержку появления окна в секундах — через какое время после перехода посетителя на страницу будет появляться окно.
- Введите периодичность показа окна в секундах для одного пользователя. Например, вы можете сделать так, чтобы маркетинговое окно всплывало раз в час для уникального пользователя. Тогда в условиях показа вставьте адрес страницы, на которой будет всплывать окно. Если хотите, чтобы окно появлялось на всех страницах, то поставьте в поле «/».
- Прекратите показ по установленному действию. Окно закроется на время, которое было задано в настройке периодичности показа окна. При выборе варианта «Закрытие» засчитывается любой способ закрытия окна: по крестику, после перехода по ссылке, по клику на экран за окном, по клавише ESC.

GET-параметры позволяют персонализировать показ окна под определенное условие. Например, показывать окно только тем, кто перешел с размеченной ссылки, например, с рекламы. На выбор дается 4 условия:
1. Содержит — показывает попап, если в ссылке встречается GET-параметр.
2. Равно — показывает попап, если ссылка полностью совпадает с GET-параметром.
3. Не содержит — показывает попап, если в ссылке не встречается GET-параметр.
4. Не равно — Показывает попап, если ссылка полностью отличается от GET-параметра.
Во вкладке «Картинки и фон» загрузите активную картинку для окна (1). От размера картинки зависит размер попап-окна. Но для картинки есть ограничения: 850 px по ширине. А высота экрана с отступами по 20 px.
Введите ссылку, по которой пользователь будет переходить с картинки (2), и задайте тип перехода: в новом или текущем окне (3).

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

Ограничение по регионам нужно для того, чтобы маркетинговое окно всплывало только для заданных городов. К примеру, если вы проводите акцию только для нескольких регионов, исключайте другие. Для этого в поле «Регион» выберите регионы, в которых должно всплывать окно. Сохраните настройки. Чтобы действовало ограничение по регионам, активируйте поле «Применять региональный фильтр». Для этого в административной части перейдите в Аспро → Аспро: Max → Настройки. Выберите раздел «Регионы» и поставьте галку в поле «Применять региональный фильтр». Сохраните изменения.

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

назадТип попап-окна «Картинка» Интеграция с другими сервисамивперед
Интеграция с другими сервисами
В этой главе рассматривается интеграция решения с внешними сервисами: программами складского учета (на примере с 1С), CRM (Битрикс24), облаком 1С-Битрикс, социальными сервисами, Яндекс.Маркет и другими.
Если вы хотите внедрить в решение пользовательский скрипт (например, пиксели ВКонтакте и Facebook), воспользуйтесь включаемой областью в подвале сайта. Счетчики систем аналитики рекомендуется копировать в специальные поля в Центре управления Аспро. В этом случае вам будет доступна расширенная интеграция с Яндекс.Метрикой и системами электронной коммерции.
Содержание главы:
-
Настройка электронной коммерции Google через Google Tag Manager
-
Регистрация в сервисе Google Tag Manager и получение фрагмента кода для вставки
-
Создание основных тегов для передачи информации из интернет-магазина в систему аналитики Google
-
Интеграция с модулем «2в1 Накопительная система бонусов (кэшбэк) + Реферальная система»
назадСтраница с ошибкой 404 Интеграция с 1Свперед
Интеграция с 1С
Настройка интеграции с 1С — это нестандартная настройка. Поддержка интеграции с 1С — это функционал 1С-Битрикс. Как разработчики, мы лишь поддерживаем этот функционал на наших готовых решениях. В случае возникновения вопросов по настройке, вам помогут в техподдержке 1С-Битрикс. По самостоятельной настройке вы можете обратиться к документации 1С-Битрикс. Если вы хотите заказать услугу по интеграции с 1С, напишите нашим менеджерам на почту — info@aspro.ru или заполните форму
Нужна помощь?
Поручите настройку интеграции нашим разработчикам — они учтут все нюансы работы, чтобы минимизировать сбои и ошибки. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
назадИнтеграция с другими сервисами Выгрузка товаров в инфоблок решениявперед
Выгрузка товаров в инфоблок решения
При некорректной выгрузке из 1С может возникнуть целый ряд проблем: не получается открыть товар со страницы поисковой выдачи (происходит перезагрузка страницы вместо перехода на карточку товара), появляются неверные или пустые ссылки в карте сайта, а также в экспорте/импорте инфоблоков или в Яндекс.Маркет. Для того, чтобы избежать их, необходимо выгрузить базу товаров в инфоблок решения.
Настройка интеграции с 1С — это нестандартная настройка. Поддержка интеграции с 1С — это функционал 1С-Битрикс. Как разработчики, мы лишь поддерживаем этот функционал на наших готовых решениях. В случае возникновения вопросов по настройке, вам помогут в техподдержке 1С-Битрикс. По самостоятельной настройке вы можете обратиться к документации 1С-Битрикс. Если вы хотите заказать услугу по интеграции с 1С, напишите нашим менеджерам на почту — info@aspro.ru.
-
Включите отображение кода загрузки из внешних источников для инфоблоков.
Настройки → Настройки продукта → Настройки модулей → Информационные блоки -
Отметьте флажком пункт «Показывать код загрузки из внешних источников» и нажмите кнопку «Сохранить».

-
Настраиваем параметры импорта каталога. Для этого переходим в настройки интеграции с 1С:
Магазин → Настройки → Интеграция с 1С -
Выбираем тип инфоблока «Каталог». В нашем случае код типа инфоблока выглядит так: [aspro_mshop_catalog] Каталог. Этот код нам понадобится в дальнейшем, поэтому копируем его в отдельный текстовый документ.
-
Устанавливаем флажки «Загружать торговые предложения (характеристики) в отдельный инфоблок» и «Транслитерировать символьный код из названия при добавлении элемента или раздела». Нажимаем на кнопку «Сохранить».

- В блоке «Расширенные настройки» (откроется при клике на ссылку) отмечаем пункт «Использовать настройки инфоблока для обработки изображений».

Настраиваем выгрузку данных из 1С и определяем идентификатор каталога.
- Открываем конфигурацию 1С:УТ 11 «Администрирование – Синхронизация данных». Устанавливаем флажок «Обмен данными с сайтом».

-
Создаем новый узел обмена («Узлы обмена с сайтами»), выбираем режим обмена «Выгрузка товаров». В поле «Адрес сайта» указываем ссылку вида: http://вашсайт/bitrix/admin/1c_exchange.php
-
Находим идентификатор каталога на вкладке «Выгрузка товаров». Копируем в буфер обмена и запускаем обмен данными (кнопка «Выполнить обмен данными» с зеленой стрелкой в верхней части окна).

-
Возвращаемся в административную часть сайта:
Контент → Инфоблоки → Типы инфоблоков → Каталоги -
Открываем нужный каталог. В поле «Внешний код» указываем тип каталога из настроек параметров импорта (его мы скопировали в п. 2). Вставляем идентификатор каталога из 1С.

Если в 1С в «Номенклатуре» или «Группах номенклатуры» названия дублируются, необходимо выполнить следующее:
-
Заходим в настройки инфоблока каталога:
Контент → Инфоблоки → Типы инфоблоков → Каталоги → Каталог товаров 1С -
На вкладках «Поля» или «Поля разделов» убираем флажок с пункта «Если код задан, то проверять на уникальность».

- Синхронизируем настройки параметров компонента каталога и настройки инфоблока. Для этого открываем параметры компонента каталога в публичной части сайта.

- Переходим в пункт меню «Управление адресами страниц». Копируем метки, обведенные красной рамкой. Их нужно будет сверить с метками в настройках инфоблока административной части сайта.
/catalog/
#SECTION_CODE_PATH#/
#SECTION_CODE_PATH#/#ELEMENT_CODE#/

- Сверяем метки в настройках инфоблока в административной части:
Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог
#SITE_DIR#catalog/#SECTION_CODE_PATH#/ – совпадает с настройками параметров компонента каталога в публичной части, поэтому не изменяем.
#SITE_DIR#catalog/#SECTION_CODE_PATH#/#ELEMENT_CODE#/ – также совпадает с настройками параметров компонентов, не изменяем.

- Если значения не совпали, подставьте нужные значения: catalog и соответствующие метки, затем сохраните изменения.
назадИнтеграция с 1С Список служебных свойств каталога вперед
Список служебных свойств каталога
Служебные свойства – это свойства, отвечающие за корректную работу решения. Существуют по умолчанию в инфоблоке каталога. Они могут выгружаться из 1С, заполняться автоматически или вручную.
Неслужебные свойства имеют символьный код вида PROP_123. Вы можете их удалить при необходимости. Все остальные свойства являются служебными. Мы настоятельно не рекомендуем удалять служебные свойства, так как это приведет к ошибкам в работе решения.
Если вы производите выгрузку из 1С в новый инфоблок, эти свойства должны быть созданы или перенесены из стандартного инфоблока каталога решения.
Могут выгружаться из 1С:
- Видео (код из Youtube)
- Картинки
- Файлы.
Заполняются автоматически при создании и редактировании товара:
- Минимальная цена
- Максимальная цена
- В наличии.
Создаются и заполняются вручную:
- Наши предложения
- Услуги
- Аксессуары
- Похожие товары.
Свойство «Бренд» также может быть выгружено из 1С, но для этого потребуется дополнительная настройка. Подробнее об этом читайте здесь.
назадВыгрузка товаров в инфоблок решения Расширенная интеграция с Яндекс. Метрикойвперед
Расширенная интеграция с Яндекс. Метрикой
Теперь настроить систему аналитики для сайта на решении Аспро еще легче и проще, потому что мы реализовали расширенную интеграцию Яндекс.Метрикой. Раньше, чтобы настроить цели, нашим пользователям приходилось обращаться к программисту. Теперь вы можете сделать это сами – за несколько минут и без вмешательства в код решения.
Благодаря расширенной интеграции с Яндекс.Метрикой вы сможете:
- Видеть, как взаимодействуют с вашим сайтом посетители. На каких страницах задерживаются надолго и оставляют заявку, а какие «проскакивают», потому что им не интересно
- Отслеживать эффективность рекламных кампаний. Какой канал приносит лиды и покупателей, а какой напрасно тратит деньги? Во сколько обходится заявка с Яндекс.Директа или Вконтакте? Какая кнопка в рассылке привела к покупке?
- Понимать, где слабые места вашего сайта и как увеличить конверсию в покупки и продажи.
Содержание главы:
назадСписок служебных свойств каталога Обзор настроек для Яндекс.Метрикивперед
Обзор настроек для Яндекс.Метрики
Отслеживать активность пользователей, показатели конверсии и эффективность рекламы стало проще и удобнее. Вам не придется редактировать код решения или привлекать программиста – самые важные цели вынесены в модуль настроек. Все, что нужно сделать – выбрать нужный уровень детализации аналитики и настроить цели на стороне Яндекс.Метрики.
В этой главе мы рассмотрим настройку целей на примере Аспро: Максимум.
Перейдите в Аспро (1) → Аспро: Max (2) → Настройки (3) → Обязательные настройки для быстрого запуска (4).

Как видно из скриншота, есть возможность отредактировать файл со счетчиками.

А также подключить цели Яндекс.Метрики.

После подключения целей Яндекс.Метрики в настройках для Аспро: Максимум вы сможете выбрать тип цели общую или отдельную. Увидеть дополнительные настройки для управления целями: корзины, покупки в 1 клик, быстрого и/или полного оформления заказа. А также включить отладку кода.

В следующих уроках мы подробно рассмотрим, как устанавливать счетчики систем аналитики на сайт и расскажем о настройке целей для Яндекс.Метрики.
Содержание главы:
назадРасширенная интеграция с Яндекс. Метрикой Настройка целей в Яндекс.Метрикевперед
Настройка целей в Яндекс.Метрике
Внимание! В рамках технической поддержки мы не консультируем по настройкам Яндекс.Метрики. Если вам нужна индивидуальная настройка или диагностика, напишите нам на почту: info@aspro.ru.
В поле «Использовать цели заполнения веб-форм» вы можете:
-
отключить отслеживание конверсии при заполнении посетителями веб-форм, выбрав вариант «Нет»;
-
задать отслеживание действий со всеми веб-формами сайта (заказать проект, продукт, услугу, отправить резюме, задать вопрос и т.д.) без дополнительной информации о том, какие именно из них какую долю приносят в конверсии – вариант «Общая цель»;
-
задать отслеживание действий по конкретным веб-формам для учета их доли в конверсии – «Отдельная цель».

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

Скопируйте идентификатор цели из подсказки: goal_webform_success.
В Яндекс.Метрике перейдите в карточку счетчика. Далее, Цели (1) → Добавить цель (2).

В попап-окне введите название цели (1). Выберите тип условия «JavaScript-событие» (2). В поле «Идентификатор цели» введите ранее скопированную из подсказки строку (3). Добавьте цель.

В списке целей нашего счетчика появилась новая запись. Сохраните изменения соответствующей кнопкой.

Проверьте работоспособность цели — заполните любую веб-форму и отследите появление данных в Яндекс.Метрике.
Результат нашей настройки доступен для просмотра в меню Отчеты (1) → Популярные отчеты (2) → Конверсии (3).

Внешний вид отчета:
Также работу цели можно проверить через консоль. В публичной части сайта нажмите клавишу F12, перейдите на вкладку консоли. Затем найдите строку с отметкой «Reach goal», c кодом счетчика и id цели.

назадНастройка целей в Яндекс.Метрике Создание отдельной цели для веб-формывперед
Создание отдельной цели для веб-формы
В Центре управления Аспро отслеживание отдельной цели включается одноименной опцией в поле «Использовать цели заполнения веб-форм» в блоке настроек целей и счетчиков. Опция позволяет фиксировать действия пользователей, связанные с разными веб-формами, и определять, какие из них приносят больше конверсии.
Активация опции открывает желтое поле с перечнем идентификаторов для целей.

После выбора опции не забудьте применить изменения.
Цели конфигурируются по шаблону goal_webform_success_#ID_инфоблока_формы#. Вместо #ID_инфоблока_формы# нужно подставить ID формы, которую хотите отслеживать детально.
Идентификаторы можно просмотреть в Административной части сайта, вкладка «Контент», ветка «Формы».
Для интернет-магазинов путь: Сервисы (1) → Веб-формы (2) → Настройка формы (3).

В таблице ID указаны в одноименном столбце.
Выберем форму «Заказать проект». Для этого копируем идентификатор: goal_webform_success_7 из подсказки.
На сервисе Яндекс.Метрика перейдите в цели (1) → Добавить цель (2).

Введите название цели, установите тип условия «JavaScript-событие» и вставьте скопированный ID.

В списке целей появилась новая запись. Сохраните изменения.

Закажите проект на сайте и просмотрите изменение данных в Яндекс.Метрике: Отчеты (1) → Популярные (2) → Конверсии (3).

Внешний вид отчета:

Результат действий проверяем через консоль. Вызываем окно отладки клавишей F12, переходим на вкладку консоли. Ищем строку с отметкой «Reach goal», кодом счетчика и id цели.

Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.
Цели остальных веб-форм настраиваются по аналогии.
назадСоздание общей цели для веб-форм Настройка цели корзины и оформления заказавперед
Настройка цели корзины и оформления заказа
Для отслеживания действий посетителей с корзиной и заказами создан отдельный пункт настроек «Использовать цели корзины».

После активации опции примените изменения.
Рассмотрим на примере цели добавления заказа в корзину. Копируем идентификатор нужного действия: goal_basket_add.
В Яндекс.Метрике перейдите в Цели (1) → Добавить цель (2).

В новом окне: указываем название цели, устанавливаем тип «JavaScript-событие» и вставляем скопированный ID.

Сохраняем изменения в списке целей.

Для проверки работоспособности целей перейдем в публичную часть сайта и добавим какой-нибудь товар в корзину. Нажмем клавишу F12 и во вкладке консоли проверим появление записи о достижении цели с id счетчика и цели.

В Яндекс.Метрике данные можно просмотреть в Отчеты (1) → Популярные (2) → Конверсии (3).

Внешний вид отчета:

Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.
Остальные цели, связанные с оформлением заказа настраиваются по аналогии.
назадСоздание отдельной цели для веб-формы Настройка целей для интернет-магазиноввперед
Настройка целей для интернет-магазинов
Активация дополнительных целей решения позволяет отслеживать:
-
сколько раз было начато оформление заказа тем или иным способом
-
сколько операций оформления были завершены успешно.
Подключите в модуле настроек новую цель, например, «Покупку в 1 клик». Из подсказки со списком идентификаторов скопируйте ID цели – goal_1click_begin.

В Яндекс.Метрике добавляем цель: Цели (1) → Добавить цель (2).

Во всплывающем окне вводим данные: название – «Покупка в 1 клик», тип – JavaScript-событие, идентификатор цели – goal_1click_begin.

Сохраняем изменения в списке целей.

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

В Яндекс.Метрике данные можно просмотреть в Отчеты (1) → Популярные (2) → Конверсии (3).

Внешний вид отчета:

Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.
Прочие специфичные цели для готовых интернет-магазинов настраиваются по аналогии.
назадНастройка цели корзины и оформления заказа Интеграция с AmoCRMвперед
Интеграция с AmoCRM
AmoCRM — полный набор инструментов для раскрытия потенциала отдела продаж и повышения его эффективности. В системе вы можете фиксировать заявки, объединять все каналы коммуникации с клиентом и анализировать результаты работы. А чтобы вы не потеряли ни одну заявку с вашего сайта, мы реализовали простую и легкую интеграцию решений Аспро для интернет-магазинов с CRM-системой.
В систему AmoCRM заявки приходят только с веб-форм. Заказы из интернет-магазина туда не придут.
Рассмотрим инструкцию по интеграции с сервисом на примере решения Аспро: Максимум. Для интеграции необходимы лицензия 1С-Битрикс: Стандарт и модуль «Веб-формы».
На вкладке AmoMarket (1) нажимаем кнопку «Создать интеграцию» (2).

В появившемся окне заполняем 4 обязательных поля:
- Адрес сайта, с которым хотим интегрироваться.
- Доступ.
- Название интеграции.
- Описание интеграции.
Остальные поля — по необходимости. Сохраняем данные (5).

Отлично. Теперь у вас есть созданная интеграция — осталось установить ее на решение. Для этого в карточке вашей интеграции есть секретный ключ (1) , ID интеграции**(2)** и код авторизации**(3)**. Они находятся во вкладке «Ключи и доступы».

Внимание. Код авторизации действителен 20 минут.
Шаг второй. Переходим в административную часть решения Аспро: Максимум. Проделываем путь: Аспро**(1)** → Аспро: Max (2) → Интеграция с CRM (3) → AmoCRM (4).

Чтобы интегрироваться, заполняем 4 обязательных поля:
- Домен в AmoCRM.
- Секретный ключ.
- ID интеграции.
- Код авторизации.

Обратите внимание! Нужно указывать домен 3-его уровня — без https:// и amocrm.ru. В нашем случае — это aspromax.

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

назадНастройка целей для интернет-магазинов Поддержка модуля 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-умного фильтра, необходимо будет сделать интеграцию и дорабатывать модуль.
Модуль позволяет изменить мета-теги, описания и заголовки на страницах умного фильтра, а также исключить из индексации определенные страницы фильтра. Используйте возможности инструмента на максимум, чтобы увеличить количество органического и рекламного трафика, а как следствие — конверсию вашего проекта.
При работе с модулем воспользуйтесь обучающими материалами:
назадИнтеграция с AmoCRM Файлы для размещения счетчиковвперед
Файлы для размещения счетчиков
Различные сервисы требуют размещения счетчиков в структуре сайта. Это нужно для корректной работы, так как они передают или получают данные. Примеры сервисов: Яндекс.Метрика, ВКонтакте, Facebook.
В решении Аспро: Максимум доступно несколько файлов для размещения таких счетчиков. Выбирайте файл в зависимости от требований сервиса.
Основной файл расположен по пути / include/invis-counter.php. Отредактировать файл можно также в настройках решения Аспро → Аспро: Max → Настройки. Перейдите в категорию «Обязательные настройки для быстрого запуска» (1) и добавьте файл со счетчиками (2).
В файл можно добавить все счетчики независимо от рекомендаций по их размещению (файл или тег).

Группа файлов, позволяющая подключить счетчики через футер, расположена по пути /include/footer_include.

Рассмотрим подробнее каждый файл:
under_footer_custom.php — подключается после открывающегося тега footer;
bottom_footer_custom.php — подключается после закрывающегося тега footer;
top_footer_custom.php — подключается внутри тега footer.
Логика решения подключается в файле top_footer.php, учитывайте это в зависимости от того, необходима отработка вашего кода до или после логики решения.
Следующая группа файлов расположена по пути /include/header_include.

Разберем назначение каждого файла:
body_top_custom.php — подключается после открывающегося тега body;
head_custom.php — подключается внутри тега head;
under_wrapper1_custom.php — подключается перед тегом div с классом wrapper1;
top_wrapper1_custom.php — подключается после открывающегося тега div с классом wrapper1;
top_wraps_custom.php — подключается после открывающегося тега div с классом wraps.
На примере сервиса «Яндекс.Метрика» покажем, как разместить счетчик.
Счетчик необходимо подключать в область header. Перейдем в нужную /include/header_include.
Внимание! Все изменения необходимо вносить только в файлы, которые содержат custom в названии. При внесении изменений в основные файлы может быть нарушена корректная работа сайта.
В структуре найдите файл head_custom.php (1), откройте меню действий через бургер (2) и выберите пункт «Редактировать как PHP» (3).
По умолчанию файл пустой. В область редактирования поместите скопированный код (1). Сохраните изменения (2).

назадПоддержка модуля SEO умного фильтра Интеграция с Битрикс24вперед
Интеграция с Битрикс24
Битрикс24 — это полный комплект инструментов для организации работы компании. В нем вы можете хранить всю информацию о ваших клиентах и заказах, объединять все каналы коммуникации с ними и анализировать результаты работы. А чтобы вы не потеряли ни одну заявку с вашего сайта, мы реализовали простую и легкую интеграцию решений Аспро для интернет-магазинов с CRM-системой.
Внимание! Функционал доступен только на редакциях, начиная с 1С-Битрикс: Стандарт.
Благодаря интеграции с Битрикс24 вы можете переносить:
- в раздел CRM «Сделки» — заказы;
- в раздел CRM «Лиды» — данные с веб-форм «Задать вопрос», «Заказать проект», «Обратная связь», «Нашли дешевле», «Заказать звонок», «Товар под заказ» («Заявка на товар»), «Заказать услугу», «Сообщение сотруднику», «Вопросы и ответы» – в «Лиды».
Настройка передачи данных в «Сделки» и «Лиды» занимает всего пару минут и не требует навыков программирования.
Нужна помощь?
Поручите настройку интеграции нашим разработчикам — они учтут все нюансы работы, чтобы минимизировать сбои и ошибки. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
назадФайлы для размещения счетчиков Передача заказов в раздел «Сделки»вперед
Передача заказов в раздел «Сделки»
Рассмотрим алгоритм настройки передачи заказов с интернет-магазина в Битрикс24 на примере решения Аспро: Next. Откройте в админке Рабочий стол → Магазин → CRM.

Здесь вам будет предложено настроить интеграцию с Битрикс24 по действующей учетной записи или создать новую — «Получить CRM в Битрикс24 (бесплатно)». Если у вас еще нет учетной записи, создайте ее и возвращайтесь к этой инструкции.
Если у вас уже есть учетная запись, нажмите «Настроить интеграцию с CRM». Ниже появится форма:

В ней нужно указать адрес сайта CRM (2) , тип используемого протокола – http или https (1) , логин (3) и пароль администратора CRM (4). Эти сведения можно взять из письма, которое высылается на электронный ящик, указанный при регистрации на Битрикс24.

В процессе настройки интеграции автоматически создается пользователь с особыми правами, из-под которого CRM будет обращаться к интернет-магазину. Вы можете сами создать этого пользователя – снимите галку «Автоматически создать пользователя и настроить права доступа (рекомендуется)» (5). В появившейся форме введите его логин (6) и пароль **(7).

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

1С-Битрикс перенаправит вас на страницу CRM с формой настройки параметров соединения. Адрес интернет-магазина, логин пользователя и префикс названия сделок подставятся автоматически. Остается только указать название интернет-магазина и перейти к следующему шагу с помощью кнопки «Далее».

На третьем шаге укажите параметры первого импорта данных:
- Период времени, за который следует импортировать сведения;
- Вероятность успешного завершения сделок из первичного импорта;
- ФИО сотрудника, который ответственный за сделки, импортированные из интернет-магазина;
- Тип импортированных сделок – открытые или закрытые.

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

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

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

После нажатия кнопки «Далее» появится информация об успешной синхронизации. Нажмите «Завершить».

Связь Битрикс24 с вашим интернет-магазином настроена! В решении об этом свидетельствует список интеграций (в Рабочий стол → Магазин → CRM).

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

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

В меню слева кликните «Интеграция», затем по иконке «1С-Битрикс».

Импортированные данные в Битрикс24 вы можете найти в CRM → Сделки. Здесь же будут автоматически появляться все новые заявки с сайта.

назадИнтеграция с Битрикс24 Настройка связи веб-форм с разделом «Лиды»вперед
Настройка связи веб-форм с разделом «Лиды»
Настроить передачу с заполненных веб-форм с сайта в раздел «Лиды» Битрикс24 можно всего за несколько минут. Инструкции общие для всех интернет-магазинов Аспро, рассмотрим на примере Аспро: Next.
Все веб-формы настраиваются по единому алгоритму. Для примера рассмотрим форму заказа обратного звонка.
Перейдите в Рабочий стол → Сервисы → Веб-формы → Настройка форм. У нужной формы вызовите меню кнопки «Гамбургер» и нажмите «Изменить».

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

В открывшемся окне укажите:
- Название для списка в админке**(1);**
- Адрес сайта CRM**(2);**
- Логин (3) и пароль администратора CRM **(4).

Эти сведения можно взять из письма, которое высылается на электронный ящик, указанный при регистрации на Битрикс24.

Сохраните изменения (5). После этого в настройках связи с CRM определите способ отсылки данных с формы (1) – ручной или автоматический, и настройте связанные поля.
Ручной способ: рекомендуется использовать для снижения нагрузки на сайт. При таком способе отправлять данные в Битрикс24 нужно будет вручную. Как это сделать, написано ниже.
Автоматический способ: отправка данных в Битрикс24 будет автоматически осуществляться сразу после того, как пользователь заполнит и отправит веб-форму на вашем сайте.
Связанные поля настраиваются так: в правой колонке (3) нужно выбрать, из какого поля формы сайта будет отправлена запись в CRM, а в левой колонке**(2)** — какое поле CRM ее примет.

Сохраните настройки после изменений.
Для проверки корректности настроек заполните и отправьте соответствующую форму из публичной части сайта. В нашем случае — это форма заказа звонка.

Если вы настроили отправку форм «вручную», то перед тем, как зайти в Битрикс24, перейдите в Рабочий стол → Сервисы → Веб-формы → Результаты. Откройте список нужной формы.

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

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

Если вы выбрали автоматический способ передачи информации о заполненных формах в CRM, сразу перейдите в Битрикс24. Здесь в CRM → Лиды появится новая запись. Кликните на название, чтобы узнать подробности.

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

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

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

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

Если соединение установлено, в колонке «Авторизация» отобразится «ОК».

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

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

назадПередача заказов в раздел «Сделки» Настройка электронной коммерции Google через Google Tag Managerвперед
Настройка электронной коммерции Google через Google Tag Manager
В рамках технической поддержки мы не консультируем по настройкам Google Analytics. Если вам нужна индивидуальная настройка или диагностика, напишите нам на почту: info@aspro.ru.
С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.
Google Tag Manager – это бесплатный инструмент от компании Google, с помощью которого вы сможете создавать, обновлять и отслеживать теги на вашем сайте без внесения изменений через код решения. Тег – это фрагмент кода, который позволяет отслеживать поведение посетителей на сайте, анализировать эффективность источников трафика и др. В Google Tag Manager теги помещаются в контейнер. На сайте размещается один фрагмент кода — код контейнера, а теги добавляются и изменяются в настройках Google Tag Manager.
Благодаря этому с настройкой полноценной системы аналитики справится маркетолог или менеджер, без привлечения программиста. В этом уроке мы рассмотрим, как связать ваши аккаунты в сервисах Google, и объясним общий принцип работы этих инструментов.
Установка и настройка диспетчера тегов в официальной документации Google.
Рекомендуем пройти курс Google — «Основы Диспетчера тегов Google».
Нужна помощь?
Поручите настройку интеграции нашим разработчикам — они учтут все нюансы работы, чтобы минимизировать сбои и ошибки. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
-
Регистрация в сервисе Google Tag Manager и получение фрагмента кода для вставки
-
Создание основных тегов для передачи информации из интернет-магазина в систему аналитики Google
назадНастройка связи веб-форм с разделом «Лиды» Создание аккаунта в Google Analyticsвперед
Создание аккаунта в Google Analytics
С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.
Чтобы подключить Google Analytics или Google Tag Manager на сайте в решении Аспро, вам прежде всего понадобится аккаунт в Google. Если вы пользуетесь сервисами Google (почтой или браузером), то скорее всего у вас уже есть аккаунт. Если же нет, то регистрация займет всего пару минут.
Авторизуйтесь под своим Google-аккаунтом. Перейдите в Google Analytics. Нажмите кнопку «Создать аккаунт».

Заполните поле «Название аккаунта» и нажмите кнопку «Далее».

На следующем шаге заполните название сайта, часовой пояс и валюту. Затем нажмите «Далее».

Выберите сферу деятельности компании, ее размер и укажите, как вы собираетесь использовать Google Аналитику. Нажмите «Создать».

После этого появится соглашение об условиях использования Google Analytics. Ознакомьтесь с условиями, поставьте галку и нажмите «Принимаю».

Создание потока
Нажмите кнопку «Веб».

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

назадНастройка электронной коммерции Google через Google Tag Manager Регистрация в сервисе Google Tag Manager и получение фрагмента кода для вставки вперед
Регистрация в сервисе Google Tag Manager и получение фрагмента кода для вставки
С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.
Перейдите по ссылке и нажмите на кнопку «Start for free».

Авторизуйтесь под своим Google-аккаунтом, если необходимо, и нажмите «Создать аккаунт».

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

Ознакомьтесь с условиями использования Google Менеджера тегов, поставьте галку (1) и нажмите «Да» (2).

Скопируйте код из верхнего поля.

Окно с кодом можно вызвать повторно здесь.

В административной части вашего сайта проделайте путь Аспро (1) → Аспро: Max (2) → Настройки (3).

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

Вставьте код из Google Tag Manager в открывшееся окно.

Сохраните изменения.
назадСоздание аккаунта в Google Analytics Подключение Google Analytics 4 на сайтевперед
Подключение Google Analytics 4 на сайте
С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.
Начиная с Аспро: Максимум 1.8.4 можно подключить Google Аналитика 4. Для этого зайдите в административную часть сайта и проделайте путь Аспро (1) → Аспро: Max (2) → Настройки (3).

На вкладке «Обязательные настройки для быстрого запуска» поставьте галку возле пункта «Использовать электронную коммерцию google».

В выпадающем меню «Версия Google Analytics» выберите «Google Аналитика 4».

Сохраните изменения.
Содержание главы:
назадРегистрация в сервисе Google Tag Manager и получение фрагмента кода для вставки Подключение тега Googleвперед
Подключение тега Google
С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.
В Google Analytics 4 можно подключить общий тег Google. Этот тег будет автоматически собирать и передавать данные в сервис, чтобы вы смогли оценивать эффективность сайта и объявлений.
С помощью тега Google вы сможете получить общую информацию о посещениях. Но события и цели не будут работать — для них потребуется Google Tag Manager.
Чтобы добавить тег, в Google Analytics перейдите в «Потоки данных» и выберите поток вашего сайта.

Далее выберите «Просмотр инструкций тега».

Скопируйте код тега.

В административной части вашего сайта перейдите в Аспро (1) → Аспро: Max (2) → Настройки (3) → Обязательные настройки для быстрого запуска (4).

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

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

Проверить работу тега Google можно в отчете реального времени.

Узнать дополнительную информацию и способы проверки активности тега можно в документации Google.
назадПодключение Google Analytics 4 на сайте Создание основных тегов для передачи информации из интернет-магазина в систему аналитики Googleвперед
Создание основных тегов для передачи информации из интернет-магазина в систему аналитики Google
С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.
Теперь нам необходимо настроить Google Tag Manager таким образом, чтобы данные о посещениях и посетителях сайта передавались в Google Analytics. Для этого нам предстоит работать с тегами и триггерами.
Прежде чем это делать, давайте познакомимся с базовыми терминами и определениями, которые понадобятся нам в дальнейшем для работы.
-
Тег — это основная и главная единица в диспетчере. Фактически это фрагмент JS-кода, который совершает какие-либо операции в рамках сбора статистики. Чтобы тег срабатывал корректно, ему требуется настроенный триггер.
-
Триггер — это активатор, запускающий в работу код из тега. Примеры триггеров: нажатие кнопки, заполнение полей, отправка формы или просто переход на страницу. Триггеры более тонко настраиваются при помощи переменных.
-
Переменные — это частные условия в триггере. Например, идентификаторы и классы веб-элементов.
Далее рассмотрим как создавать основные теги для передачи информации из интернет-магазина в систему аналитики Google:
- Тег «Товар добавлен в корзину».
- Тег «Товар удален из корзины».
- Тег «Просмотр страниц».
- Тег «Этап оформления заказа».
- Тег «Успешное оформление заказа».
Содержание главы:
-
Как создать тег AddToCart для отслеживания добавлений товаров в корзину
-
Как создать тег removeFromCart для отслеживания удалений товаров из корзины
-
Как создать тег view_item для отслеживания просмотров товара
-
Как создать тег begin_checkout для отслеживания начала оформления заказа
назадПодключение тега Google Как создать тег All Pages. Конфигурация теговвперед
Как создать тег All Pages. Конфигурация тегов
С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.
Не все события Google Analytics регистрируются автоматически. Для некоторых нужно создать теги. Для этого откройте Google Tag Manager и выберите ваш аккаунт.

Перейдите на вкладку «Теги» и нажмите «Создать».

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

В появившемся меню выберите «Тег Google».

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

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

И скопируйте идентификатор потока данных.

Вернитесь в Google Tag Manager и вставьте идентификатор в соответствующее поле.

Затем нажмите на область «Триггеры».

И выберите триггер All Pages.

В итоге должен получиться тег такого вида:

Сохраните изменения.
назадСоздание основных тегов для передачи информации из интернет-магазина в систему аналитики Google Как создать тег AddToCart для отслеживания добавлений товаров в корзинувперед
Как создать тег AddToCart для отслеживания добавлений товаров в корзину
С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.
Тег AddToCart в Google Analytics 4 используется, чтобы отслеживать пользователей, которые добавляют товары в корзину.
Откройте Google Tag Manager и выберите ваш аккаунт.

Шаг 1. Создание переменных
Необходимо создать 3 переменные. Отметим, что имена переменных уровня данных отличаются от имен самих переменных. Перечислим их:
- Item price — value.
- Item currency — currency.
- Ecommerce Items — ecommerce.items.
Перейдите во вкладку «Переменные» и нажмите кнопку «Создать».

Выберите тип «Переменная уровня данных».

Создайте переменную Ecommerce Items с именем переменной уровня данных ecommerce.items.

Аналогично этому создайте переменную Item Currency с именем переменной уровня данных currency.

Также создайте переменную Item price с именем переменной уровня данных value.

Шаг 2. Создание триггера
Перейдите на вкладку «Триггеры» и нажмите «Создать».

В качестве названия укажите add_to_card. Нажмите на область «Настройка триггера».

Выберите «Специальное событие».

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

Шаг 3. Создание тега
Перейдите на вкладку «Теги» и нажмите «Создать».

Укажите любое произвольное название тега. Нажмите на область «Конфигурация тега».

Выберите тип тега «Google Аналитика: событие GA4».

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

Название события — add_to_card.

Разверните вкладку «Параметры события» (1), создайте три строки с помощью кнопки «Добавить строку» (2) и укажите значения (3):
- Название параметра items Значение {{Ecommerce Items}}.
- Название параметра value Значение {{Item price}}.
- Название параметра currency Значение {{Item currency}}.

Теперь добавьте триггер. Для этого нажмите на область «Триггеры».

И выберите заранее созданный триггер.

Итоговый вид тега. Не забудьте сохранить изменения.

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

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

В административной части сайта пропишите название тега. Для этого перейдите в Аспро → Аспро: Max → Настройки → Обязательные настройки для быстрого запуска. Найдите блок «Электронная коммерция Google». В строке «Метка события “Товар добавлен в корзину” в google tag manager» измените название тега на addToCart. Сохраните настройки.

назадКак создать тег All Pages. Конфигурация тегов Как создать тег removeFromCart для отслеживания удалений товаров из корзинывперед
Как создать тег removeFromCart для отслеживания удалений товаров из корзины
С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.
Тег removeFromCart собирает статистические данные о товарах, которые сначала добавили в корзину, а затем удалили из нее. Каждый раз, когда любой пользователь удаляет товары, прибавляется счетчик в этом теге.
Откройте Google Tag Manager и выберите ваш аккаунт.

Шаг 1. Создание переменных
Необходимо создать 3 переменные. Отметим, что имена переменных уровня данных отличаются от имен самих переменных. Перечислим их:
- Item price — value.
- Item currency — currency.
- Ecommerce Items — ecommerce.items.
Перейдите во вкладку «Переменные» и нажмите кнопку «Создать».

Выберите тип «Переменная уровня данных».

Создайте переменную Ecommerce Items с именем переменной уровня данных ecommerce.items.

Аналогично этому создайте переменную Item Currency с именем переменной уровня данных currency.

Также создайте переменную Item price с именем переменной уровня данных value.

Шаг 2. Создание триггера
В левой панели выберите раздел «Триггеры» и нажмите «Создать», чтобы начать добавление нового триггера.

Задайте название триггера в левом верхнем углу.

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

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

Шаг 3. Создание тега
Перейдите на вкладку «Теги» и нажмите «Создать».

Укажите любое произвольное название тега. Нажмите на область «Конфигурация тега».

Выберите тип тега «Google Аналитика: событие GA4».

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

Название события — remove_from_cart.

Разверните вкладку «Параметры события» (1), создайте три строки с помощью кнопки «Добавить строку» (2) и укажите значения (3):
- Название параметра items Значение {{ecommerce items}}.
- Название параметра value Значение {{Item price}}.
- Название параметра currency Значение {{Item currency}}.

Теперь добавьте триггер. Для этого нажмите на область «Триггеры».

И выберите заранее созданный триггер.

Итоговый результат должен быть следующим:

Сохраните тег и нажмите кнопку «Отправить».

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

Чтобы проверить работу тега, откройте в разных вкладках браузера ваш магазин и аккаунт на Google Analytics. Добавьте товар в корзину, а затем удалите. Посмотрите изменение статистики по добавлениям в корзину в GA. Перейдите в режим реального времени во вкладку «События». Если все настройки верные, вы увидите изменение статистики.

В административной части сайта пропишите название тега. Для этого перейдите в Аспро → Аспро: Max → Настройки → Обязательные настройки для быстрого запуска. Найдите блок «Электронная коммерция Google». В строке «Метка события “Товар удален из корзины” в google tag manager» измените название тега на removeFromCart. Сохраните настройки.

назадКак создать тег AddToCart для отслеживания добавлений товаров в корзину Как создать тег view_item для отслеживания просмотров товаравперед
Как создать тег view_item для отслеживания просмотров товара
С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.
Тег view_item в Google Analytics 4 используется, чтобы отслеживать просмотры товаров в каталоге.
Откройте Google Tag Manager и выберите ваш аккаунт.

Шаг 1: Создание переменных
Необходимо создать 3 переменные. Отметим, что имена переменных уровня данных отличаются от имен самих переменных. Перечислим их:
- Item price — value.
- Item currency — currency.
- Ecommerce Items — items.
Перейдите во вкладку «Переменные» и нажмите кнопку «Создать».

Выберите тип «Переменная уровня данных».

Создайте переменную Ecommerce Items с именем переменной уровня данных ecommerce.items.

Аналогично этому создайте переменную Item Currency с именем переменной уровня данных currency.

Также создайте переменную Item price с именем переменной уровня данных value.

Шаг 2: Создание триггера
В левой панели выберите раздел «Триггеры» и нажмите «Создать», чтобы начать добавление нового триггера.

Задайте название триггера в левом верхнем углу.

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

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

Шаг 3: Создание тега
Перейдите на вкладку «Теги» и нажмите «Создать».

Укажите любое произвольное название тега. Нажмите на область «Конфигурация тега».

Выберите тип тега «Google Аналитика: событие GA4».

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

Название события — view_item.

Разверните вкладку «Параметры события» (1), создайте три строки с помощью кнопки «Добавить строку» (2) и укажите значения (3):
- Название параметра items Значение {{ecommerce items}}.
- Название параметра value Значение {{Item price}}.
- Название параметра currency Значение {{Item currency}}.

Теперь добавьте триггер. Для этого нажмите на область «Триггеры».

И выберите заранее созданный триггер.

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

назадКак создать тег removeFromCart для отслеживания удалений товаров из корзины Как создать тег begin_checkout для отслеживания начала оформления заказавперед
Как создать тег begin_checkout для отслеживания начала оформления заказа
С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.
Тег begin_checkout в Google Analytics 4 используется, чтобы отслеживать начало оформления заказа на сайте.
Откройте Google Tag Manager и выберите ваш аккаунт.

Шаг 1. Создание переменных
Необходимо создать 3 переменные. Отметим, что имена переменных уровня данных отличаются от имен самих переменных. Перечислим их:
- Item price — value.
- Item currency — currency.
- Ecommerce Items — items.
Перейдите во вкладку «Переменные» и нажмите кнопку «Создать».

Выберите тип «Переменная уровня данных».

Создайте переменную Ecommerce Items с именем переменной уровня данных ecommerce.items.

Аналогично этому создайте переменную Item currency с именем переменной уровня данных currency.

Также создайте переменную Item price с именем переменной уровня данных value.

Шаг 2. Создание триггера
В левой панели выберите раздел «Триггеры» и нажмите «Создать», чтобы начать добавление нового триггера.

Задайте название триггера в левом верхнем углу.

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

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

Шаг 3. Создание тега
Перейдите на вкладку «Теги» и нажмите «Создать».

Укажите любое произвольное название тега. Нажмите на область «Конфигурация тега».

Выберите тип тега «Google Аналитика: событие GA4».

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

Название события — begin_checkout.

Разверните вкладку «Параметры события» (1), создайте три строки с помощью кнопки «Добавить строку» (2) и укажите значения (3):
- Название параметра items Значение {{ecommerce items}}.
- Название параметра value Значение {{Item price}}.
- Название параметра currency Значение {{Item currency}}.

Теперь добавьте триггер. Для этого нажмите на область «Триггеры».

И выберите заранее созданный триггер.

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

В административной части сайта пропишите название тега. Для этого перейдите в Аспро → Аспро: Max → Настройки → Обязательные настройки для быстрого запуска. Найдите блок «Электронная коммерция Google». В строке «Метка события “Этап оформления заказа” в google tag manager» измените название тега на begin_checkout. Сохраните настройки.

назадКак создать тег view_item для отслеживания просмотров товара Как создать тег purchase для отслеживания оформления заказавперед
Как создать тег purchase для отслеживания оформления заказа
С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.
Тег purchase собирает статистические данные по транзакциям: объем продаж определенных товаров, суммы покупок, местоположение плательщиков. С помощью отчетов по электронной торговле можно сегментировать и анализировать данные, а также выявлять взаимосвязи между маркетинговыми кампаниями, привлечением пользователей и совершенными транзакциями.
Тег будет собирать данные при оформлении полного заказа и при покупке в 1 клик.
Откройте Google Tag Manager и выберите ваш аккаунт.

Шаг 1. Создание переменных
Создайте 7 переменных с типом «Переменная уровня данных»: Ecommerce Shipping, Ecommerce Tax, Ecommerce Transaction ID, Ecommerce Value, Ecommerce Affiliation, Ecommerce Currency и Ecommerce Items.
Важно подчеркнуть, что имена переменных уровня данных отличаются от имен самих переменных. Перечислим их:
- Ecommerce Shipping — ecommerce.shipping.
- Ecommerce Tax — ecommerce.tax.
- Ecommerce Transaction ID — ecommerce.transaction_id.
- Ecommerce Value — ecommerce.value.
- Ecommerce Affiliation — ecommerce.affiliation.
- Ecommerce Currency — ecommerce.currency.
- Ecommerce Items — ecommerce.items.
Перейдите во вкладку «Переменные» и нажмите кнопку «Создать».

Выберите тип «Переменная уровня данных».

Создайте переменную Ecommerce Shipping с именем переменной уровня данных ecommerce.shipping.

Аналогично этому алгоритму создайте оставшиеся 6 переменных.
Шаг 2. Создание триггера
В левой панели выберите раздел «Триггеры» и нажмите «Создать», чтобы начать добавление нового триггера.

Задайте название триггера в левом верхнем углу.

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

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

Сохраните изменения.
Шаг 3. Создание тега
Перейдите на вкладку «Теги» и нажмите «Создать».

Укажите любое произвольное название тега. Нажмите на область «Конфигурация тега».

Выберите тип тега «Google Аналитика: событие GA4».

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

Название события — purchase.

Разверните вкладку «Параметры события» (1), создайте семь строк с помощью кнопки «Добавить строку» (2) и укажите значения (3):
- Название параметра shipping Значение {{Ecommerce Shipping}}.
- Название параметра tax Значение {{Ecommerce Tax}}.
- Название параметра transaction_id Значение {{Ecommerce Transaction Id}}.
- Название параметра value Значение {{Ecommerce Value}}.
- Название параметра affiliation Значение {{Ecommerce Affiliation}}.
- Название параметра currency Значение {{Ecommerce Currency}}.
- Название параметра items Значение {{Ecommerce Items}}.

Теперь добавьте триггер. Для этого нажмите на область «Триггеры».

И выберите заранее созданный триггер.

Итоговый результат должен быть следующим:

Сохраните тег и нажмите кнопку «Отправить».

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

Чтобы проверить работу тега, откройте в разных вкладках браузера ваш магазин и аккаунт на Google Analytics. Сделайте заказ на сайте через полное оформление или через форму покупки в 1 клик. Посмотрите изменение статистики в GA. Перейдите в Отчеты → Взаимодействие → Конверсии. Выберите актуальную дату. Если все настройки верные, вы увидите изменение статистики.

Данные по статистике могут обновляться с задержкой.
В административной части сайта пропишите название тега. Для этого перейдите в Аспро → Аспро: Max → Настройки → Обязательные настройки для быстрого запуска. Найдите блок «Электронная коммерция Google». В строке «Метка события “Успешное оформления заказа” в google tag manager» измените название тега на purchase. Сохраните изменения.

назадКак создать тег begin_checkout для отслеживания начала оформления заказа Интеграция с Аспро.Cloudвперед
Интеграция с Аспро.Cloud
Начиная с версии Аспро: Максимум 1.8.8, доступна интеграция с облачным сервисом Аспро.Cloud. Это облачная система управления проектами и финансами. С ее помощью можно автоматизировать процессы и оценивать рентабельность каждого этапа работы. Чтобы настроить интеграцию, проделайте путь Аспро → Аспро: Max → Интеграция с CRM → Аспро.Cloud.

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

После этого откройте появившуюся вкладку с вашим сайтом. В поле «Ваш домен в Аспро.Cloud» (1) укажите домен. В поле «Ключ для авторизации в API» (2) введите ключ.

Чтобы получить ключ для авторизации, откройте Аспро.Cloud и зайдите в «Настройки портала».

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

В открывшемся окне укажите название сайта (1) и отметьте модули, к которым необходим доступ (2). Для передачи веб-форм и заказов в Аспро.Cloud поставьте галку в полях CRM (3) и «Пользовательские поля» (4). Сохраните изменения.

После этого на вкладке «Настройки API» появится ключ доступа.

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

После этого станут доступны еще опции. Включите интеграцию (1), чтобы формы и заказы приходили в CRM. Пункт «Использовать логирование» (2) позволяет собирать файлы с логами в папку /upload/logs/aspro.max/crm/YY-mm/acloud.log.

Выберите нужные опции и сохраните изменения.
Нужна помощь?
Поручите настройку интеграции нашим разработчикам — они учтут все нюансы работы, чтобы минимизировать сбои и ошибки. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
назадКак создать тег purchase для отслеживания оформления заказа Настройка синхронизации форм с Аспро.Cloudвперед
Настройка синхронизации форм с Аспро.Cloud
Чтобы настроить формы обратной связи, перейдите на вкладку «Формы». Здесь вы можете включить автоматическую отправку результатов в CRM (1). Если настройка не включена, синхронизацию нужно будет проводить вручную на вкладке «Результаты».
В поле «Название сделки» (2) вы можете задать произвольное название. Оно может подгрузиться автоматически из настроек формы. В версии 1.8.9. добавились макросы для автозаполнения названия форм. Клик по макросу добавит его в конец строки.
В пункте «Веб-формы» (3) выбирается форма, для которой вы осуществляете настройку. Для каждой формы настройки проводятся отдельно. Эта настройка не взаимоисключающая, то есть если вы настроили несколько форм, работать будут все.

На вкладке «Поля» задается соответствие полей CRM и формы. В одно поле CRM можно отправить несколько полей формы. Например, поля «Вопрос» и «Должность» можно отправить в поле «Описание».

При необходимости можно создать пользовательские поля. Чтобы это сделать, откройте Аспро.Cloud и зайдите в «Настройки портала».

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

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

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

Результат заполнения формы можно отправить в CRM и из самого элемента. Эта возможность доступна только для форм, у которых настроена интеграция с CRM.

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

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



назадИнтеграция с Аспро.Cloud Настройка синхронизации заказов с Аспро.Cloudвперед
Настройка синхронизации заказов с Аспро.Cloud
Чтобы настроить синхронизацию заказов, перейдите на вкладку «Заказы». Здесь вы можете включить автоматическую отправку результатов в CRM (1). Если настройка не включена, синхронизацию нужно будет проводить вручную на вкладке «Результаты».
В поле «Название сделки» (2) вы можете задать произвольное название. Также оно может подгрузиться автоматически из настроек формы. Начиная с версии 1.8.9. в поле доступны макросы для быстрого заполнения названия сделки. Клик по макросу добавит его в конец строки.
В пункте «Тип плательщика» (3) выбирается тип плательщика, для которой вы осуществляете настройку. Для каждой формы настройки проводятся отдельно. Эта настройка не взаимоисключающая, то есть если вы настроили несколько типов плательщика, работать будут все.

На вкладке «Поля» задается соответствие полей CRM и заказа. В одно поле CRM можно отправить несколько полей заказа. Например, поля «Адрес доставки», «Номер заказа» и «Товары» можно отправить в поле «Описание».

При необходимости можно создать пользовательские поля. Чтобы это сделать, откройте Аспро.Cloud и зайдите в «Настройки портала».

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

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

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

Заказ можно отправить в CRM и из самого элемента. Функционал доступен только для заказов, в которых настроен тип плательщика.

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

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


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

В зависимости от модуля установка может отличаться. Каким-то модулям требуется только код инициализации, каким-то еще код установки. Разберем на примере установки Marquiz.
Если на сайте установлен Google Tag Manager, установку можно произвести с его помощью. Подробнее о настройке читайте в этой главе.
Для установки Marquiz в виде попап-окна нужен только код инициализации.

Скопируйте его и перейдите в административную часть сайта. Здесь проделайте путь Аспро → Название решения → Настройки.

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

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

Квиз отобразился на сайте.

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

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

Откройте вкладку «Подробно» и режиме редактирования html вставьте код в нужное место.

Сохраните изменения. Теперь квиз отображается на странице.

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

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

Квиз отобразился.

назадНастройка синхронизации заказов с Аспро.Cloud Интеграция с модулем «2в1 Накопительная система бонусов (кэшбэк) + Реферальная система»вперед
Интеграция с модулем «2в1 Накопительная система бонусов (кэшбэк) + Реферальная система»
В версии 1.8.10 в Аспро: Максимум появилась интеграция с модулем «2в1 Накопительная система бонусов (кэшбэк) + Реферальная система» от LogicTim. С помощью этого модуля ваши пользователи смогут копить бонусы и тратить их на покупки.
Внимание! Аспро не несет ответственность за работоспособность сторонних модулей. При возникновении проблем с модулем, свяжитесь с его разработчиками.
Каталог без интеграции с модулем:

Каталог со включенной интеграцией с модулем — количество бонусов отображается под ценой:

После установки модуля интеграцию с ним нужно включить в настройках решения. Переходим в «Аспро» — «Аспро: Max» — «Корзина». В опции «Бонусная система» активируем интеграцию.

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

В файловой системе сайта страница «Бонусы» находится в папке /personal/bonus/. Если такой адрес уже есть в файловой системе вашего сайта, обратитесь к специалистам нашей техподдержки, чтобы добавить нужную страницу.
Количество бонусов у пользователей также будет отображаться в следующих местах:
- на главной;
- в блоке товаров;
- в блоке «Товар дня»;
- в списке товаров;
- в блоке «Ранее вы смотрели»;
- в карточке товара;
- в связанных товарах;
- в блоке «Рекомендуем»;
- в разделе услуг (не распространяется на привязанные к товарам услуги);
- на детальной странице услуги;
- в корзине;
- для каждого товара без привязанных услуг;
- в блоке «Итого»;
- при оформлении заказа.
назадИнтеграция сторонних модулей в решениях Аспро Требования к графическим материаламвперед
Требования к графическим материалам
В этой главе рассмотрим требования к графическим материалам, которые понадобятся для запуска интернет-магазина на основе Аспро: Максимум. К ним относятся баннеры на главной странице, плавающие баннеры, тизеры, картинки для акций и другие изображения. Расположение и размер каждого графического материала в интернет-магазине зависит от выбранного шаблона в виджете настроек.
Нужна помощь?
Доверьте создание изображений нашим дизайнерам — они учтут все технические нюансы и разработают безупречный баннер. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
назадИнтеграция с модулем «2в1 Накопительная система бонусов (кэшбэк) + Реферальная система» Логотипвперед
Логотип
Логотип размещается в шапке сайта. Виджет настроек предлагает 29 шаблонов стандартной шапки и 3 варианта фиксированной шапки.

Требования к логотипу
Тип шапки | **Размер контейнера для логотипа
на панели меню сайта **
---|---
№ 1, 2, 3, 4, 5, 7, 8, 9, 10, 19, 20, 28 | 190 x 82 px
№ 12, 13 | 190 x 92 px
№ 21, 22, 23, 28 | 190 x 86 px
№ 25, 26, 27 | 179 x 110 px
№ 14, 15, 16, 17, 18 | 190 x 100 px
№ 24 | 190 x 88 px
№ 11 | 190 x 66 px
№ 6 | 179 x 94 px
Высота логотипа должна быть минимум на 36 px меньше, чем высота контейнера. Допустимо использование изображения как равного по ширине с контейнером, так и меньше его. Если длина и ширина логотипа превышает обозначенные значения, картинка будет соприкасаться с меню и верхним блоком.
Допустимые форматы изображений: svg, jpg, png, gif.
назадТребования к графическим материалам Главная страницавперед
Главная страница
В этой главе мы рассмотрим требования к размеру и формату изображений, которые находятся на главной странице решения. К ним относятся баннеры, тизеры преимуществ, бренды, разделы каталога и картинки для блока «Истории».
Следуйте нашим рекомендациям, чтобы изображения корректно отображались и качественно выглядели.
Содержание главы:
назадЛоготип Основной и маленькие баннерывперед
Основной и маленькие баннеры
Главный баннер
В своих решениях мы рекомендуем использовать составные баннеры. В статье рассказываем принцип их работы и почему мы работаем именно с ними.
На основном баннере можно разместить неограниченное количество слайдов, которые будут автоматически меняться через установленные промежутки времени.

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

Баннер может состоять из одной картинки — фона или из двух картинок — фона и активной картинки. При использовании одной картинки «Фоновой» — баннер будет обрезаться, адаптируясь под разрешения экрана.
Вы также можете загрузить видео на главный баннер. Оптимальный размер видео 一 1024 х 576 рх, но он может варьироваться в зависимости от содержания видео или типа баннера. Если видео загружено из файла, рекомендуем не превышать объем 10 мб.
Если вам требуется адаптивное отображение баннера в мобильной версии, вы можете использовать дополнительную картинку. Подробнее в статье.
Фоновое изображение
Занимает все поле баннера. Допустимые форматы изображений для бэкграунда: jpg, png, gif.
Активная картинка
Активная картинка будет накладываться на фон с середины во всех типах основного баннера, кроме варианта № 10. В этом случае активная картинка будет накладываться на фон по центру. Вы можете занять активной картинкой все свободное пространство до правого края фонового изображения или какую-то его часть. Рекомендуемый формат изображений для активной картинки — png.
Маленькие баннеры рядом с основным
Маленькие баннеры могут располагаться справа, слева или снизу от основного баннера. Положение зависит от выбранного типа большого баннера.

Рекомендуемый формат изображений для маленьких баннеров: jpg, png, gif. Размер выставляется в зависимости от установленного размера разрешения экрана.
Требования к основному и маленьким баннерам
Тип 1
Размер фона:
- при разрешении экрана 1700 px — 1700 х 500 px;
- при 1500 px — 1500 x 500 px;
- при 1348 px — 1348 x 500 px;
- при 1200 px — 1200 x 500 px.
Размер фона с боковой колонкой:
- при разрешении экрана 1700 px — 1364 x 500 px;
- при 1500 px — 1210 x 500 px;
- при 1348 px — 1071 x 500 px;
- при 1200 px — 958 x 500 px.
Размер активной картинки:
Максимальная ширина (в зависимости от выбранной ширины сайта) — 850 px. Оптимальная высота — 470 px.
Размер маленьких баннеров снизу от основного:
- при разрешении экрана 1700 px — 553 х 220 px;
- при 1500 px — 486 x 220 px;
- при 1348 px — 435 x 220 px;
- при 1200 px — 386 x 220 px.
Размер маленьких баннеров снизу с боковой колонкой:
- при разрешении экрана 1700 px — 441 х 220 px;
- при 1500 px — 389 x 220 px;
- при 1348 px — 343 x 220 px;
- при 1200 px — 305 x 220 px.
Безопасная зона — часть изображения, видимая при любом разрешении экрана. В эту зону необходимо размешать информативную часть баннера или главные элементы изображения.
**Безопасная зона большого баннера
970 x 500 px

Безопасная зона маленьких баннеров
1 — 220x220px;
2 — 220x220px;
3 — 300x220px.

Тип 2
Размер фона:
- при разрешении экрана 1700 px — 1270 х 500 px;
- при 1500 px — 1120 x 500 px;
- при 1348 px — 1006 x 500 px;
- при 1200 px — 895 x 500 px.
Размер активной картинки:
Максимальная ширина (в зависимости от выбранной ширины сайта) — 635 px. Оптимальная высота — 470 px.
Размер маленьких баннеров снизу от основного:
- при разрешении экрана 1700 px — 553 х 220 px;
- при 1500 px — 486 x 220 px;
- при 1348 px — 435 x 220 px;
- при 1200 px — 386 x 220 px.
Размер маленьких баннеров справа от основного:
- при разрешении экрана 1700 px — 410 х 240 px;
- при 1500 px — 360 x 240 px;
- при 1348 px — 322 x 240 px;
- при 1200 px — 285 x 240 px.
**Безопасная зона большого баннера
720 x 500 px

Безопасная зона маленьких баннеров
1 — 240x240px;
2 — 240x240px;
3 — 220x220px;
4 — 220x220px;
5 — 297x220px.

Тип 3
Размер фона:
- при разрешении экрана 1700 px — 977 x 500 px;
- при 1500 px — 861 x 500 px;
- при 1348 px — 773 x 500 px;
- при 1200 px — 687 x 500 px.
Размер активной картинки:
Максимальная ширина (в зависимости от выбранной ширины сайта) — 488 px. Оптимальная высота — 470 px.
Размер маленьких баннеров по бокам от основного:
- при разрешении экрана 1700 px — 341 х 240 px;
- при 1500 px — 300 x 240 px;
- при 1348 px — 267 x 240 px;
- при 1200 px — 236 x 240 px.
**Безопасная зона большого баннера
550 x 500 px

Безопасная зона маленьких баннеров
1-4 — 190x240px;
5 — 220x220px;
6 — 220x220px;
7 — 300x220px.

Тип 4
Размер фона:
- при разрешении экрана 1700 px — 1700 x 300 px;
- при 1500 px — 1500 x 300 px;
- при 1348 px — 1348 x 300 px;
- при 1200 px — 1200 x 300 px.
Размер баннера с боковой колонкой:
- при разрешении экрана 1700 px — 1364 x 300 px;
- при 1500 px — 1210 x 300 px;
- при 1348 px — 1071 x 300 px;
- при 1200 px — 958 x 300 px.
Размер активной картинки:
Максимальная ширина (в зависимости от выбранной ширины сайта) — 682 px. Оптимальная высота — 270 px.
Размер маленьких баннеров снизу от основного:
- при разрешении экрана 1700 px — 553 х 220 px;
- при 1500 px — 486 x 220 px;
- при 1348 px — 435 x 220 px;
- при 1200 px — 386 x 220 px.
Размер маленьких баннеров снизу с боковой колонкой:
- при разрешении экрана 1700 px — 441 х 220 px;
- при 1500 px — 389 x 220 px;
- при 1348 px — 343 x 220 px;
- при 1200 px — 305 x 220 px.
**Безопасная зона большого баннера
970 x 300 px

Безопасная зона маленьких баннеров
1 — 220x220px;
2 — 220x220px;
3 — 300x220px.

Тип 5
Размер фона — 1920 x 500 px.
Размер активной картинки:
Максимальная ширина — 960 px. Оптимальная высота — 470 px.
Размер маленьких баннеров снизу от основного:
- первый — 480 х 275 px;
- второй — 480 х 275 px;
- третий — 960 x 275 px.
**Безопасная зона большого баннера
1020 x 495 px

Безопасная зона маленьких баннеров
1 — 275x275px;
2 — 275x275px;
3 — 520x275px.

Тип 6
Размер фона — 1920 x 630 px.
Размер активной картинки:
Максимальная ширина — 960 px. Оптимальная высота — 470 px.
Размер маленьких баннеров снизу от основного:
- первый — 480 х 275 px;
- второй — 480 х 275 px;
- третий — 960 x 275 px.
**Безопасная зона большого баннера
1020 x 495 px

Безопасная зона маленьких баннеров
1 — 275x275px;
2 — 275x275px;
3 — 520x275px.

Тип 7
Размер фона — 1440 x 550 px.
Размер активной картинки:
Максимальная ширина — 720 px. Оптимальная высота — 500 px.
Размер маленького баннера справа от основного — 480 х 275 px.
Размер маленьких баннеров снизу от основного:
- первый — 480 х 275 px;
- второй — 480 х 275 px;
- третий — 960 x 275 px.
**Безопасная зона большого баннера
770 x 550 px

Безопасная зона маленьких баннеров
1-4 — 275x275px;
5 — 520x275px.

Тип 8
Размер фона — 960 x 550 px.
Размер активной картинки:
Максимальная ширина — 480 px. Оптимальная высота — 500 px.
Размер маленьких баннеров по бокам от основного — 480 х 275 px.
Размер маленьких баннеров снизу от основного:
- первый — 480 х 275 px;
- второй — 480 х 275 px;
- третий — 960 x 275 px.
**Безопасная зона большого баннера
710 x 550 px

Безопасная зона маленьких баннеров
1-6 — 275x275px;
7 — 520x275px.

Тип 9
Размер фона — 960 x 550 px.
Размер активной картинки:
Максимальная ширина — 720 px. Оптимальная высота — 500 px.
Размер маленьких баннеров справа от основного:
- первый — 960 x 275 px;
- второй — 480 х 275 px;
- третий — 480 х 275 px.
Размер маленьких баннеров снизу от основного:
- первый — 480 х 275 px;
- второй — 480 х 275 px;
- третий — 960 x 275 px.
**Безопасная зона большого баннера
710 x 550 px

Безопасная зона маленьких баннеров
1 — 950x190px;
2 — 475x190px;
3 — 475x190px;
4 — 275x275px;
5 — 275x275px;
6 — 520x275px.

Тип 10
Размер фона — 960 x 622 px.
Размер активной картинки:
Максимальная ширина — 960 px. Оптимальная высота — 500 px.
Безопасная зона:
530 x 610 px**

назадГлавная страница Размеры картинок для блока «Истории»вперед
Размеры картинок для блока «Истории»
Истории — новый тренд сайтов. Суть историй на сайте такая же, как в Instagram*. Рассказывайте о новинках, показывайте новые поступления, давайте полезные советы и многое другое.
1 тип отображения разделов блока на главной — прямоугольные истории, картинки анонса.

Размер истории при разной ширине сайта:
- 1200 px — 165 x 240 px.
- 1348 px — 165 x 240 px.
- 1500 px — 187 x 271 px.
- 1700 px — 216 x 313 px.
2 тип — круглые истории, картинки анонса.

Размер истории при разной ширине сайта:
- 1200 px — 108 x 108 px.
- 1348 px — 126 x 126 px.
- 1500 px — 145 x 145 px.
- 1700 px — 170 x 170 px.
При клике на раздел с историями открывается попап-окно. Размер картинки — 485 x 860 px.

Как настраивать истории, читайте в документации.
*Instagram — принадлежит компании Meta, которую признали экстремистской, запрещён на территории РФ.
назадОсновной и маленькие баннеры Размеры картинок для блока «Образы»вперед
Размеры картинок для блока «Образы»
Используйте все возможности оформления своих предложений для клиента. Образы — отличный вариант показать все преимущества товара. Составляйте лукбуки, делайте обзор новинок и привлекайте внимание к деталям.
1. Слайдер по разделам. Тип 1.
В зависимости от творческого решения здесь можно размещать как квадратные, так и прямоугольные картинки. Пример на демоверсии решения:

а. Квадратные. Размер картинок при разной ширине сайта:
- 1200 px — 400 x 400 px.
- 1348 px — 456 x 456 px.
- 1500 px — 500 x 500 px.
- 1700 px — 500 x 500 px.
Безопасные зоны для изображений при разной ширине сайта:
- 1200 px — 286 x 400 px.
- 1348 px — 327 x 456 px.
- 1500 px — 358 x 500 px.
- 1700 px — 358 x 500 px.

б. Прямоугольные. Размер картинок при разной ширине сайта:
- 1200 px — 358 x 500 px.
- 1348 px — 358 x 500 px.
- 1500 px — 358 x 500 px.
- 1700 px — 358 x 500 px.
2. Тип 2.

Размер картинок при разной ширине сайта:
- 1200 pх — 376 x 380 px.
- 1348 px — 313 x 431 px.
- 1500 px — 351 x 484 px.
- 1700 px — 401 x 552 px.
3. Тип 3.

Размер картинок при разной ширине сайта:
- 1200 px — 238 x 328 px.
- 1348 px — 275 x 379 px.
- 1500 px — 313 x 431 px.
- 1700 px — 363 x 500 px.
4. Тип 4.

Размер картинок при разной ширине сайта:
- 1200 px — 376 x 380 px.
- 1348 px — 313 x 431 px.
- 1500 px — 351 x 484 px.
- 1700 px — 401 x 552 px.
5. Детальная страница образа
Поле для размещения картинки квадратное — 500 x 500 px. Сама картинка может быть больше, так как при клике на нее открывается попап-окно с изображением актуального размера.

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

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

Требования к баннерам с текстом
Рекомендуемый формат изображений для баннеров: jpg, png, gif. Размер выставляется в зависимости от установленного размера разрешения экрана. Безопасная зона для баннеров с текстом имеет форму квадрата.
Без боковой колонки
Тип «2 в ряд»
-
При разрешении экрана 1700 px — 834 x 545 px. Безопасная зона 545 х 545 px.
-
При 1500 — 734 x 480 px. Безопасная зона 480 х 480 px.
-
При 1348 — 658 x 430 px. Безопасная зона 430 х 430 px.
-
При 1200 — 584 x 320 px. Безопасная зона 320 х 320 px.
Тип «3 в ряд»
-
При разрешении экрана 1700 px — 548 x 548 px. Безопасная зона 548 x 548 px.
-
При 1500 px — 480 x 480 px. Безопасная зона 480 x 480 px.
-
При 1348 px — 430 x 430 px. Безопасная зона 430 x 430 px.
-
При 1200 px — 380 x 380 px. Безопасная зона 380 x 380 px.
Тип «4 в ряд»
-
При разрешении экрана 1700 px — 401 x 552 px. Безопасная зона 401 х 401 px.
-
При 1500 px — 351 x 483 px. Безопасная зона 351 х 351 px.
-
При 1348 px — 313 x 431 px. Безопасная зона 313 х 313 px.
-
При 1200 px — 276 x 380 px. Безопасная зона 276 х 276 px.
Тип «4 в ряд с текстом внутри»
-
При разрешении экрана 1700 px — 401 x 552 px. Безопасная зона 401 х 401 px.
-
При 1500 px — 351 x 483 px. Безопасная зона 351 х 351 px.
-
При 1348 px — 313 x 431 px. Безопасная зона 313 х 313 px.
-
При 1200 px — 276 x 380 px. Безопасная зона 276 х 276 px.
Тип «В произвольном порядке»
1. При разрешении экрана 1700 px:
- длинный баннер — 834 x 401 px. Безопасная зона 401 х 401 px;
- квадратный баннер — 401 x 401 px.
2. При 1500 px:
- длинный баннер — 734 x 351 px. Безопасная зона 351 х 351 px;
- квадратный баннер — 351 x 351 px.
3. При 1348 px:
- длинный баннер — 658 x 313 px. Безопасная зона 313 x 313 px;
- квадратный баннер — 313 x 313 px.
4. При 1200 px:
- длинный баннер — 584 x 277 px. Безопасная зона 277 x 277 px;
- квадратный баннер — 277 x 277 px.
С боковой колонкой
Тип «2 в ряд»
-
При разрешении экрана 1700 px — 666 x 436 px. Безопасная зона 436 х 436 px.
-
При 1500 px — 589 x 385 px. Безопасная зона 385 х 385 px.
-
При 1348 px — 519 x 340 px. Безопасная зона 340 х 340 px.
-
При 1200 px — 463 x 303 px. Безопасная зона 303 х 303 px.
Тип «3 в ряд»
-
При разрешении экрана 1700 px — 435 x 435 px.
-
При 1500 px — 384 x 384 px.
-
При 1348 px — 337 x 337 px.
-
При 1200 px — 299 x 299 px.
Тип «4 в ряд»
-
При разрешении экрана 1700 px — 317 x 437 px. Безопасная зона 317 х 317 px.
-
При 1500 px — 278 x 384 px. Безопасная зона 278 х 278 px.
-
При 1348 px — 243 x 336 px. Безопасная зона 243 х 243 px.
-
При 1200 px — 215 x 297 px. Безопасная зона 215 х 215 px.
Тип «4 в ряд с текстом внутри»
-
При разрешении экрана 1700 px — 317 x 437 px. Безопасная зона 317 х 317 px.
-
При 1500 px — 278 x 384 px. Безопасная зона 278 х 278 px.
-
При 1348 px — 243 x 336 px. Безопасная зона 243 х 243 px.
-
При 1200 px — 215 x 297 px. Безопасная зона 215 х 215 px.
Тип «В произвольном порядке»
1. При разрешении экрана 1700 px:
- длинный баннер — 666 x 317 px. Безопасная зона 317 х 317 px;
- квадратный баннер — 317 x 317 px.
2. При 1500 px:
- длинный баннер — 589 x 280 px. Безопасная зона 280 х 280 px;
- квадратный баннер — 280 x 280 px.
3. При 1348 px:
- длинный баннер — 519 x 247 px. Безопасная зона 247 x 247 px;
- квадратный баннер — 247 x 247 px.
4. При 1200 px:
- длинный баннер — 463 x 220 px. Безопасная зона 220 x 220 px;
- квадратный баннер — 220 x 220 px.
назадРазмеры картинок для блока «Образы» Баннеры с фономвперед
Баннеры с фоном
Баннеры с фоном привлекают посетителей и позволяют сразу с главной страницы перейти к покупкам. В этом уроке рассмотрим требования к графическим материалам баннеров с фоном. Требования будут менять в зависимости от вида отображения баннеров.
4 в 2 ряда с текстом внутри и слева

| Ширина сайта | Размер изображений |
|---|---|
| 1700 px | 500 x 360 px |
1500 px | 440 x 360 px
1348 px | 396 x 360 px
1200 px | 350 x 360 px
Рекомендуем добавлять картинки в формате PNG с прозрачностью. Сверху и снизу в картинке лучше сделать отступы по 40-50 px от объекта. Расстояние зависит от ширины сайта. Исходя из решений дизайнера и объекта на картинке, вы можете добавить или убрать отступы по бокам.

4 в ряд с текстом сверху

| Ширина сайта | Размер изображений |
|---|---|
| 1700 рх | |
| 482 x 413 px |
1500 рх
| 422 x 360 px
1348 рх | 376 x 322 px
1200 рх | 330 x 283 px
Рекомендуем добавлять картинки в формате PNG с прозрачностью. Сверху и снизу в картинке лучше сделать отступы по 40-50px от объекта. Расстояние зависит от ширины сайта. Исходя из решений дизайнера и объекта на картинке, вы можете добавить или убрать отступы по бокам.

3 в ряд комбинированный

| Ширина сайта | Размер изображений |
|---|---|
| 1700 рх | 500x494px |
1500 рх | 440x453px
1348 рх | 395x322px
1200 рх | 351x391px
Рекомендуем добавлять картинки в формате PNG с прозрачностью. Сверху и снизу в картинке лучше сделать отступы по 50-60px от объекта. Расстояние зависит от ширины сайта. Исходя из решений дизайнера и объекта на картинке, вы можете добавить или убрать отступы по бокам.

4 элемента в ряд с текстом внизу

| Ширина сайта | Размер изображений | Отступ сверху |
|---|---|---|
| 1700 рх | 401 х 264 рх | 45-50 рх |
| 1500 рх | 351 х 231 рх | 40-45 рх |
| 1348 рх | 313 х 206 рх | 35-40 рх |
| 1200 рх | 276 х 182 рх | 30-35 рх |
Рекомендуем добавлять картинки в формате PNG с прозрачностью. Сверху в картинке лучше сделать отступ от объекта, в зависимости от ширины сайта. Исходя из решений дизайнера и объекта на картинке, вы можете добавить или убрать отступы по бокам.

назадРазмеры баннеров с текстом Баннеры картинкамивперед
Баннеры картинками
Баннеры картинками на главной странице — небольшие кликабельные статичные изображения. Они дают быстрый доступ к нужным страницам. Не придется тратить время на поиски товара на сайте.
В решении представлено 5 типов отображения баннеров с картинками.
1 ряд на всю ширину
1920 x 180 px

Размер безопасной зоны: 976 х 180 px.

2 в ряд на всю ширину
960 x 280 px

Размер безопасной зоны: 690 x 360 px.

2 в ряд
| Ширина сайта | Требования к изображениям |
|---|---|
| 1700 px | 834 x 351 px |
| 1500 px | 734 x 309 px |
| 1348 px | 658 x 276 px |
| 1200 px | 584 x 245 px |

3 в ряд
| Ширина сайта | Требования к изображениям |
|---|---|
| 1700 px | 545 x 229 px |
| 1500 px | 478 x 201 px |
| 1348 px | 428 x 180 px |
1200 px | 378 x 159 px

Картинка с текстом
110 х 110 рх

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

Требования к тизерам преимуществ: файл svg, png, jpg, gif с разрешением 40 x 40 px.
назадБаннеры картинками Разделы каталогавперед
Разделы каталога
Виджет настроек предлагает 12 типов разделов каталога. Можно выбрать разделы с картинками или с иконками, с текстом или с подразделами. Иконки и картинки в популярных категориях позволяют осуществлять быстрый переход к разделам каталога.
Требования к картинкам разделов каталога: файл png, jpg, gif с разрешением 90 x 90 px.
Требования к иконкам разделов каталога: файл svg, png, jpg, gif с разрешением 40 x 40 px.
Требования к круглым картинкам в разделе каталога без боковой колонки: файл png, jpg c разрешением 150 х 150 px.
Требования к круглым картинкам в разделе каталога с боковой колонкой: файл png, jpg
1. Ширина сайта — 1700 px. Файл png, jpg c разрешением 150 х 150 px.
2. Ширина сайта — 1500 px. Файл png, jpg c разрешением 150 х 150 px.
3. Ширина сайта — 1348 px. Файл png, jpg c разрешением 133 х 133 px.
4. Ширина сайта — 1200 px. Файл png, jpg c разрешением 114 х 114 px.
назадТизеры преимуществ Бренды на главнойвперед
Бренды на главной
Виджет настроек предлагает 4 варианта отображения брендов. Можно расположить бренды в виде слайдера с заголовком, слайдера без заголовка, в 2 ряда с текстом слева или в 2 ряда без текста. При клике на логотип вы попадаете в список товаров определенного бренда.

Рекомендуемый размер логотипа бренда: не больше 150 px в ширину и не больше 80 px в высоту.
назадРазделы каталога Раздел «Бренды»вперед
Раздел «Бренды»
Раздел «Бренды» необходим для того, чтобы покупатель видел все торговые марки, которые представляет ваш интернет-магазин.

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

Логотипы отображаются не только в разделе «Бренды», но и на главной странице, и в карточке товара, и на странице бренда. Картинку логотипа следует загрузить в одном размере. Она автоматически адаптируется под отображение на каждой странице.
Рекомендуемый размер логотипа бренда: не больше 150 px в ширину и не больше 80 px в высоту.
назадБренды на главной Каталог и детальные страницы товароввперед
Каталог и детальные страницы товаров
В общем списке категорий каталога рекомендуемый размер для изображений разделов — 120 x 120 px.

Для картинки в детальной карточке товара минимальный рекомендуемый размер — от 451х451 px.

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

Чтобы посмотреть рекомендации, на странице товара нажмите клавишу «F12». Откроется код сайта. Блок может быть расположен справа, слева, снизу или откроется в отдельном окне.

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

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

А картинки в списке каталога преобразуются из анонсных изображений и подстраиваются под сетку: 3 или 4 в ряд.

На демо-сайте размеры подготовленных картинок — 700 x 700 px.
Рекомендуем высоту картинок делать не больше 900 px. Потому что когда откроется попап с увеличенной картинкой, изображение большего размера не поместится в экран и уменьшится.

Внимание! В решении реализован ресайз изображений. Это нужно учитывать при загрузке картинок. Например, чтобы картинки отлично выглядели на экранах с ретиной, то нужно загружать картинки в 2 раза большие по размеру. При этом в настройках ресайза добавить свои условия. Все зависит от конкретного случая.
Содержание главы:
назадРаздел «Бренды» Баннеры в списке товароввперед
Баннеры в списке товаров
Баннер в списке товаров используется для поддержания внимания пользователя на сайте и вывода всей необходимой информации. Например, о специальном предложении, акции или предстоящем мероприятии.

В зависимости от страницы/раздела баннер может быть 2 видов: по ширине сайта и по ширине контента. Отличаются они тем, что в одном виде учитывается боковая колонка, а в другом не учитывается.
1. С боковой колонкой
Ширина сайта:
- 1200px — 958x140px.
- 1348px — 1070x140px.
- 1500px — 1210x140px.
- 1700px — 1356x140px.
2. Без боковой колонки
Ширина сайта:
- 1200px — 1200x140px.
- 1348px — 1348x140px.
- 1500px — 1500x140px.
- 1700px — 1700x140px.
В обоих случаях размер безопасной зоны — 800px по ширине.
назадКаталог и детальные страницы товаров Контентные разделывперед
Контентные разделы
В этом уроке рассмотрим требования к графическим материалам контентных разделов. К контентным разделам относятся услуги, акции, новости, блог и проекты.
Услуги
Требования к изображению анонса: файл формата .jpg, .png или .gif с разрешением 600 x 400 px.

Требования к изображению на детальной странице раздела: файл формата .jpg, .png или .gif с разрешением 600 x 400 px.

Акции
Требования к изображению анонса: файл формата .jpg, .png или .gif.
Разрешение изображения будет зависеть от типа отображения раздела и ширины сайта.
2 в ряд с круглой картинкой

170 х 170 рх.
4 в ряд с текстом внутри
**
| Ширина сайта | Размер изображения |
|---|---|
| 1700 рх | 401 х 549 рх |
| 1500 рх | 351 х 486 рх |
| 1348 рх | 313 х 437 рх |
| 1200 рх | 276 х 389 рх |
3 в ряд с текстом внутри
**
| Ширина сайта | Размер изображения |
|---|---|
| 1700 рх | 401 x 549 px |
| 1500 рх | 351 x 486 px |
| 1348 рх | 313 x 437 px |
| 1200 рх | 276 x 389 px |
4 в ряд с круглой картинкой

190 х 190 рх
4 элемента в ряд с текстом внизу

| Ширина сайта | Размер изображения |
|---|---|
| 1700 рх | 401 x 207 px |
1500 рх | 351 x 207 px
1348 рх | 313 x 207 px
1200 рх | 276 x 207 px
****3 в ряд с текстом внизу и с текстом слева
**
| ** Ширина сайта | Размер изображения |
|---|---|
| 1700 рх | 401 x 207 px |
1500 рх | 351 x 207 px
1348 рх | 313 x 207 px
1200 рх | 276 x 207 px
****3 в ряд с текстом внизу
**
| Ширина сайта | Размер изображения |
|---|---|
| 1700 рх | 545x207 px |
1500 рх | 479x284 px
1348 рх | 428x284 px
1200 рх | 379x284 px
Требования к баннеру на детальной странице раздела
Баннер состоит из фонового баннера и активной картинки:
- Требования к фоновому баннеру: файл .jpg или .png с разрешением 1920 x 635 px.
- Требования к активной картинке: файл .jpg или .png. Максимальная ширина — 960 px. Оптимальная высота — 475 px.

Установить баннер на детальной странице раздела можно и в других контентных разделах.
Новости
Требования к изображению анонса: файл формата .jpg, .png или .gif.
Разрешение изображения будет зависеть от типа отображения раздела и ширины сайта.
Отображение списком
**
Рекомендуем использовать размер 250 x 167px или который используется для блока на главной (если на главной размер картинки больше, чем в разделе).
Отображение плиткой
**
| Ширина сайта | Размер изображения |
|---|---|
| 1700 рх | 401 x 208 px |
1500 рх | 351 x 208 px
1348 рх | 313 x 208 px
1200 рх | 276 x 208 px
Безопасная зона при включенной боковой колонке на главной страницы и использовании новостей типа «4 в ряд»:
Ширина сайта | **Безопасная зона
---|---
1700 рх | 317x208 px
1500 рх | 279 x 208 px
1348 рх | 244 x 208 px
1200 рх | 216 x 208 px
Блочный тип отображения
**
| Ширина сайта | Размер изображения |
|---|---|
| 1700 рх | 834 x 561 px |
| 1500 px | 734 x 491 px |
| 1348 px | 658 x 438 px |
| 1200 px | 584 x 486 px |
Требования к изображению на детальной странице раздела: файл формата .jpg, .png или .gif с разрешением 600 x 400 px.

Блог
Требования к изображению анонса: файл формата .jpg, .png или .gif.
Разрешение изображения будет зависеть от типа отображения раздела и ширины сайта.
Отображение списком
**
250 x 167 px или размер, который используется для блока на главной (если на главной размер картинки больше, чем в разделе).**
**Отображение плиткой
**
| Ширина сайта | Размер изображения |
|---|---|
| 1700 px | 430 x 208 px |
| 1500 px | 379 x 208 px |
| 1348 px | 333 x 208 px |
| 1200 px | 283 x 208 px |
Безопасная зона при включенной боковой колонке на главной страницы и использовании статей типа «4 в ряд», «3 в ряд с текстом слева», «5 в ряд»:
Ширина сайта | **Безопасная зона
---|---
1700 рх | 317x208 px
1500 рх | 279 x 208 px
1348 рх | 244 x 208 px
1200 рх | 216 x 208 px
**Блочный тип отображения
**
| Ширина сайта | Размер изображения |
|---|---|
| 1700 рх | 892 x 594 px |
| 1500 рх | 790 x 526 px |
| 1348 рх | 698 x 465 px |
| 1200 рх | 687 x 458 px |
Требования к изображению на детальной странице раздела: файл формата .jpg, .png или .gif, разрешение зависит от ширины сайта.

| Ширина сайта | Размер изображения |
|---|---|
| 1700 рх | 455 x 303 px |
| 1500 рх | 404 x 269 px |
| 1348 рх | 355 x 236 px |
| 1200 рх | 320 x 213 px |
Проекты
Требования к изображению анонса: файл формата .jpg, .png или .gif с разрешением 600 x 400 px.

Требования к изображению на детальной странице раздела: файл формата .jpg, .png или .gif с разрешением 900 x 600 px.

Галерея
Оптимальный размер картинок для галереи — 1130x730 px. Картинки для анонса будут браться из картинок галереи.

назадБаннеры в списке товаров Маркетинговые окнавперед
Маркетинговые окна
Попап-окно — эффективный маркетинговый инструмент. Но только при грамотном использовании. Вы можете проинформировать посетителя о скидках, предложить подписаться на рассылку или пригласить на бесплатное мероприятие. Оформляйте маркетинговое окно так, чтобы превратить посетителя сайта в подписчика или покупателя. Подробнее о настройке читайте в документации.
Маркетинговое окно меняет размеры в зависимости от наполнения текстом. Картинка занимает 45% от ширины. Чем больше текста будет написано, тем больше станет окно. Если из-за большого количества текста оно увеличилось в высоту, место для картинки тоже увеличится, а картинка впишется в него.
Пример маркетингового окна, где мало текста.

Пример маркетингового окна, где много текста.
Размеры картинки
Максимальная ширина окна — 850 px.
Ширина — зависит от количества текста. Мы рекомендуем ширину — 383 px (45% от 850 px).
Высота — зависит от количества текста. Чем больше текста, тем высота больше.
назадКонтентные разделы Фавиконвперед
Фавикон
Фавикон — это небольшая картинка, которая отображается в сниппете в результатах поиска, рядом с адресом сайта в адресной строке браузера и около названия сайта в избранном или закладках браузера.
![]()
Рекомендации от поисковой системы Яндекс
Размер фавикон: 120x120 px (рекомендуемый), 16x16 px или 32x32 px.
Формат фавикон: SVG (рекомендуемый), ICO, GIF, JPEG, PNG, BMP.
Совет: Используйте размер 120x120 px или формат SVG, чтобы на логотип сайта выглядел более четким и заметным.
Как изменить или удалить фавикон
Как установить фавикон, читайте в нашей документации. Чтобы фавиконка изменилась в результатах поиска, обновите фавикон на вашем сайте. Чтобы удалить фавикон из поиска, удалите файл с сайта. Изменения в поисковой системе вступят в силу в течение двух недель после очередного посещения сайта роботом.
назадМаркетинговые окна Рекламные баннерывперед
Рекламные баннеры
Рекламные баннеры — маркетинговый инструмент, который поможет привлечь внимание клиента к определенным товарам или услугам компании. Используйте для презентации новинок, во время акций или для сезонных товаров. Выбирайте расположение баннеров и подстраивайте под специфику своего онлайн-проекта.

1. Сверху над шапкой
Ширина — 1920 px. Высота — не ограничена. Мы рекомендуем высоту — 70 px.
2. Сверху под шапкой
Ширина — 1920 px. Высота — не ограничена. Мы рекомендуем высоту — 100 px.
3. Боковая
Примеры форм баннеров. Размеры зависят от творческого решения дизайнера.
Низкий прямоугольник

Высокий прямоугольник

Квадрат

а. Ширина сайта — 1700 px. Ширина баннера — 306 px. Высота — не ограничена.
б. Ширина сайта — 1500 px. Ширина баннера — 258 px. Высота — не ограничена.
в. Ширина сайта — 1348 px. Ширина баннера — 244 px. Высота — не ограничена.
г. Ширина сайта — 1200 px. Ширина баннера — 210 px. Высота — не ограничена.
4. Над контентом
В зависимости от страницы/раздела может быть по ширине сайта или по ширине контента. Зависит от того, учитывается ли боковая колонка или нет.
По ширине сайта

По ширине контента

Безопасная зона — часть изображения, видимая при любом разрешении экрана. В эту зону необходимо размешать информативную часть баннера или главные элементы изображения.
Безопасная зона баннера над контентом — 640х320px.
**Без использования слайдера
а. Ширина сайта — 1700 px. Высота — не ограничена.
- Без боковой колонки. Ширина — 1700 px. Мы рекомендуем высоту — 480 px.
- С боковой колонкой. Ширина — 1364 px. Мы рекомендуем высоту — 390 px.
б. Ширина сайта — 1500 px. Высота — не ограничена.
- Без боковой колонки. Ширина — 1500 px. Мы рекомендуем высоту — 430 px.
- С боковой колонкой. Ширина — 1209 px. Мы рекомендуем высоту — 350 px.
в. Ширина сайта — 1348 px. Высота — не ограничена.
- Без боковой колонки. Ширина — 1348 px. Мы рекомендуем высоту — 390 px.
- С боковой колонкой. Ширина — 1064 px. Мы рекомендуем высоту — 310 px.
г. Ширина сайта — 1200 px. Высота — не ограничена.
- Без боковой колонки. Ширина — 1200 px. Мы рекомендуем высоту — 345 px.
- С боковой колонкой. Ширина — 958 px. Мы рекомендуем высоту — 275 px.
С использованием слайдера
1. С боковой колонкой.
Ширина сайта:
- 1200px — 958x320px.
- 1348px — 1070x320px.
- 1500px — 1210x320px.
- 1700px — 1356x320px.
2. Без боковой колонки.
Ширина сайта:
- 1200px — 1200x360px.
- 1348px — 1348x360px.
- 1500px — 1500x360px.
- 1700px — 1700x360px.
5. Под контентом
В зависимости от страницы/раздела баннер может быть по ширине сайта или по ширине контента. Зависит от того, учитывается ли боковая колонка или нет.
По ширине сайта

По ширине контента

**Без использования слайдера
а. Ширина сайта — 1700 px. Высота — не ограничена.
- Без боковой колонки. Ширина — 1700 px. Мы рекомендуем высоту — 480 px.
- С боковой колонкой. Ширина — 1364 px. Мы рекомендуем высоту — 390 px.
б. Ширина сайта — 1500 px. Высота — не ограничена.
- Без боковой колонки. Ширина — 1500 px. Мы рекомендуем высоту — 430 px.
- С боковой колонкой. Ширина — 1209 px. Мы рекомендуем высоту — 350 px.
в. Ширина сайта — 1348 px. Высота — не ограничена.
- Без боковой колонки. Ширина — 1348 px. Мы рекомендуем высоту — 390 px.
- С боковой колонкой. Ширина — 1064 px. Мы рекомендуем высоту — 310 px.
г. Ширина сайта — 1200 px. Высота — не ограничена.
- Без боковой колонки. Ширина — 1200 px. Мы рекомендуем высоту — 345 px.
- С боковой колонкой. Ширина — 958 px. Мы рекомендуем высоту — 275 px.
С использованием слайдера
1. С боковой колонкой.
Ширина сайта:
- 1200px — 958x320px.
- 1348px — 1070x320px.
- 1500px — 1210x320px.
- 1700px — 1356x320px.
2. Без боковой колонки.
Ширина сайта:
- 1200px — 1200x360px.
- 1348px — 1348x360px.
- 1500px — 1500x360px.
- 1700px — 1700x360px.
6. Внизу страницы
Ширина — 1920 px. Высота — не ограничена. Мы рекомендуем высоту — 120 px.
назадФавикон Создание svg-иконкивперед
Создание svg-иконки
Сайт должен одинаково хорошо выглядеть независимо от размера устройства и плотности пикселей. Этого можно достичь с помощью формата векторной графики — SVG. SVG-графику удобно использовать для иконок. В этой статье расскажем, как создать SVG-иконку.
1. Для создания иконок лучше использовать программы Photoshop или Figma.
.39091bdd85.webp)
Photoshop — платная программа.
.00c7246ddc.webp)
Figma имеет бесплатную начальную версию. Может работать в браузере.
2. Создавая иконку, нужно учитывать размер поля, в которое она будет помещена. В данном случае 40 х 40 px:
.c337af539d.webp)
Если иконка будет больше этого поля, то она уменьшится, и линии будут нечеткими.
3. В идеальной иконке должно быть 2 слоя. Первый слой с прозрачностью 100%, второй — 10%. Но слоев может быть больше. Все зависит от сложности иконки и инструментов, которыми она нарисована.
4. После того, как иконка нарисована, все слои, из которых она состоит, нужно поместить в группу в Photoshop. В Figma нужно поместить в группу или фрейм.
Photoshop — группа.
.1f22a5cb7d.webp)
Figma — фрейм.
.be27ce6e4f.webp)
Figma — группа.
.11e31daf8b.webp)
5. Затем экспортируйте иконку в формат SVG.
Photoshop
Кликните правой кнопкой мыши по группе с иконкой. Выберите Export as.
.8ed8bf2397.webp)
Убедитесь, что выбран формат SVG и нажмите Export All.
.b9b2c4e6c1.webp)
Figma
Выделите фрейм или группу с иконкой. В правой панели в блоке Export выберите SVG и нажмите Export.
.cd1145f88c.webp)
6. Проверьте иконку в браузере. Все линии и фигуры в иконке должны быть в теге
.0d2f000dae.webp)
.9881001148.webp)
Если эти теги есть, то нужно вернуться и изменить так, чтобы был
назадРекламные баннеры Коллекциивперед
Коллекции
Выбирайте изображения для раздела «Коллекции», которые привлекут пользователя. В этом уроке рассмотрим требования к графическим материалам коллекций.
В виджете общих настроек представлено 5 типов отображения коллекций на главной странице.

Картинка на подложке

Размер изображения: 150 х 150 px
С текстом слева

Размер изображения: 150 х 150 px
Картинка на фоне

Размер изображения зависит от ширины сайта.
| Ширина сайта | Размер изображения |
|---|---|
| 1200 px | 220 х 220 рх |
| 1348 рх | 245 х 245 рх |
| 1500 рх | 275 х 275 рх |
| 1700 рх | 315 х 315 рх |
С текстом слева 2

Размер изображения зависит от ширины сайта.
| Ширина сайта | Размер изображения |
|---|---|
| 1200 рх | 199 х 199 рх |
| 1348 рх | 226 х 226 рх |
| 1500 рх | 255 х 255 рх |
| 1700 рх | 292 х 292 рх |
Картинка маленькая

Размер изображения зависит от ширины сайта.
| Ширина сайта | Размер изображения |
|---|---|
| 1200 рх | 214 х 160 рх |
| 1348 рх | 244 х 160 рх |
| 1500 рх | 274 х 160 рх |
| 1700 рх | 314 х 160 рх |
назадСоздание svg-иконки Для веб-разработчиковвперед
Полная версия курса: Аспро: Максимум в базе знаний Аспро. Вопросы по внедрению, настройке или обновлению решения — свяжитесь со мной.
Работаю удалённо — цены и условия для вашего города:
