Аспро: Корпоративный сайт 2.0 — документация, часть 3 из 3: Мобильная версия
Источник: официальный курс «Аспро: Корпоративный сайт 2.0» из базы знаний Аспро. Решение: Аспро: Корпоративный сайт 2.0. Справочная выгрузка сертифицированного партнёра Аспро, обновлено 19.09.2026.
Содержание
- Мобильная версия
- Типы главного баннера в мобильной версии
- Просмотр мобильной верстки с ПК
- Компактный футер в мобильной версии
- Компактное меню
- Компактный каталог товаров на главной
- Мобильные баннеры
- Фиксированная мобильная шапка
- Раскрытое меню в мобильной версии
- Компактный вид разделов каталога
- Загрузка мобильного меню и меню в фиксированной шапке только при первом отображении
- «Ленивая» подгрузка изображений — LazyLoad
- Подписи к телефонам
- Согласие на обработку персональных данных
- Интеграция с другими сервисами
- Рекомендации для графических материалов
- SEO, маркетинг, реклама
- Группировка свойств
- Для разработчиков
- Установка модулей сторонних разработчиков
Мобильная версия
Популярность мобильных устройств задает дополнительное требование к современным сайтам — адаптивность дизайна под дисплеи различного размера.
В решении Аспро: Корпоративный сайт 2.0 реализован отдельный блок настроек для мобильной версии сайта. Обычно такая возможность присутствует только в крупных проектах.
Просмотреть доступные варианты настроек внешнего вида мобильной версии вы можете через виджет в публичной части.
Во вкладке «Мобильная версия» расположены такие параметры для настройки, как:
-
Фиксированная мобильная шапка (1) — помимо ее активации, можно определить, всегда ли она будет фиксированной или при скролле вверх;
-
Мобильная шапка (2) — предлагается в белом и цветном оформлении;
-
Тип мобильного меню (3) — подробный или краткий;
-
Компактное мобильного меню (4) — в пунктах меню уменьшаются отступы, позволяя отобразить на одном экране больше информации;
-
Способ отображения мобильного меню (5) — выдвигается слева или выпадает сверху;
-
Тип главного баннера в мобильной версии (6) — выбирается отображение без активной картинки, с полем снизу под заголовком и текстом, в виде отдельной картинки;
-
Компактный вид отображения списка разделов каталога на главной (7) — каталог товаров отображается без описания;
-
Компактный вид отображения списка разделов в каталоге (8) — отображается без подпунктов и описания;
-
Компактный мобильный футер (9) — в меню футера будут отображаться только разделы верхнего уровня с возможностью развернуть пункт меню и посмотреть подразделы 2-го уровня.
Содержание главы:
назадУстановка логина в значении email адреса Типы главного баннера в мобильной версиивперед
Типы главного баннера в мобильной версии
Изображения на смартфонах должны сохранять качество и адаптироваться под размеры экрана. В Аспро: Next, начиная с версии 1.5.0, и в Аспро: Корпоративный сайт 2.0, начиная с версии 1.2.0, доступно 3 вида отображения больших баннеров на мобильных устройствах:
- Без активной картинки — фоновая картинка адаптируется, активная скрывается.
- С полем снизу под заголовок и текст — баннер адаптируется при разрешении экрана менее 767 px. Текст переносится под картинку.
- Отдельная картинка — отображается отдельное адаптивное изображение, если разрешение экрана менее 767 px. Оно загружается в настройках баннера. Если у какого-то баннера не будет загружена отдельная картинка, то будет адаптироваться фоновая картинка. Рекомендуемый формат для загрузки изображения — 736х506.
Тип отображения применяется для всех баннеров на главной. Выбирайте вариант, который вам нравится больше.
Видеоразбор настроек в Аспро: Next.
Видеоразбор настроек в Аспро: Корпоративный сайт 2.0.
Баннер без активной картинки, где текст располагается поверх картинки.
Баннер, где текст отображается в блоке снизу. Отличный вариант для тех, у кого у всех баннеров прописан цепляющий текст. Если текста нет, то отобразится пустой блок.
Баннер в виде отдельной картинки. Этот тип отображения отлично подойдет, если у всех баннеров заполнено значение «Ссылка с баннера». Потому что отобразится только картинка: без текста и кнопок.
Чтобы выбрать тип отображения главного баннера, в административной части сайта перейдите в Аспро → Аспро: Next → Настройки.
Для Аспро: Корпоративный сайт 2.0 перейдите в Аспро → Аспро: Allcorp2 → Настройки.
В поле «Тип главного баннера в мобильной версии» выберите нужный вариант и сохраните изменения.
Чтобы загрузить отдельное изображение, которое будет отображаться на экранах менее 767 px, перейдите в редактирование баннера. Для решения Аспро: Next перейдите в Контент → Реклама (aspro.next) → Баннеры → На главной, основной баннер. Для решения Аспро: Корпоративный сайт 2.0 перейдите в Контент → Реклама (aspro.allcorp2) → Баннеры → На главной, основной баннер.
В строке с названием баннера кликните на «Гамбургер», затем нажмите поле «Изменить».
Загрузите изображение в поле «Картинка для <768px» и сохраните изменения. Отметим, что размер картинки рекомендуется делать 736 х 506, чтобы изображение не было слишком тяжелым и не терялось качество.
Если поле «Картинка для <768px» отсутствует, активируйте его через настройки форм. Для этого в правой верхней части нажмите на шестеренку.
В настройках формы в доступных вкладках выберите «Баннер» (1). Далее в доступных полях слева выберите «Картинка для <768px» (2) и нажмите на стрелку (3). Установите настройки по умолчанию (4) и сохраните изменения.
назадМобильная версия Просмотр мобильной верстки с ПКвперед
Просмотр мобильной верстки с ПК
Чтобы просмотреть мобильную версию сайта с ПК, необходимо воспользоваться средствами браузера для разработчиков.
В Google Chrome, Mozilla Firefox и Яндекс браузере инструменты разработчика открываются клавишей F12.
В браузере Opera нужно открыть меню браузера и кликнуть пункт Другие инструменты → Показать меню разработчика.
Появится пункт «Разработка». Отсюда можете вызвать подпункт «Инструменты разработчика» или зажать комбинацию Ctrl+Shift+I.
Расположение кнопки перехода в режим адаптивного дизайна у Google Chrome, Opera и Яндекс браузера:
Кнопка перехода в режим адаптивного дизайна у Mozilla Firefox:
назадТипы главного баннера в мобильной версии Компактный футер в мобильной версиивперед
Компактный футер в мобильной версии
Для экономия пространства сайта при отображении в мобильной версии разработан компактный мобильный футер. При его активации в меню футера будут отображаться только разделы верхнего уровня с возможностью развернуть пункт меню и посмотреть подразделы 2-го уровня.
|  |  |
|---|---|
| Футер в мобильной версии | Компактный футер в мобильной версии |
Сокращенный футер в адаптиве можно настроить через виджет в публичной части.
Или в административной части. Нужно перейти в Аспро**(1)** → Аспро: Allcorp2 (2) → Настройки**(3)**.
В блоке «Мобильная версия» активировать пункт «Компактный мобильный футер».
Сохраните изменения.
назадПросмотр мобильной верстки с ПК Компактное менювперед
Компактное меню
Для удобства просмотра меню сайта через смартфон, начиная с версии 1.2.0, в решении был добавлен параметр «Компактное меню». За счет того, что уменьшаются отступы, на одном экране есть возможность отобразить больше информации.
|  |  |
|---|---|
| Меню в мобильной версии | Компактное меню в мобильной версии |
Настроить компактное меню можно через виджет в публичной части в разделе «Мобильная версия».
Также функционал настраивается в административной части. Для этого необходимо проделать путь: Аспро (1) → Аспро: Allcorp2**(2)** → Настройки (3).
В блоке «Мобильная версия» активировать пункт «Компактное меню». Сохраните изменения.
назадКомпактный футер в мобильной версии Компактный каталог товаров на главнойвперед
Компактный каталог товаров на главной
По умолчанию в решении Аспро: Корпоративный сайт 2.0 каталог товаров на главной странице отображается в два столбца без описания. Начиная с версии 1.2.0, добавлена функция «Компактный вид отображения списка разделов каталога для мобильной версии».
|  |  |
|---|---|
| Каталог товаров на главной | Компактный каталог товаров на главной |
Настроить компактный вид списка каталога на главной можно как в публичной, так и административной частях.
В публичной части сайта нужно открыть виджет и в разделе «Мобильная версия» активировать пункт «Компактный вид отображения списка разделов каталога на главной».
Чтобы настроить компактный вид через административную часть, нужно проделать путь: Аспро (1) → Аспро: Allcorp2 (2) → Настройки (3).
В блоке «Мобильная версия» активировать строчку «Компактный вид отображения списка разделов каталога на главной».
Сохраните изменения.
назадКомпактное меню Мобильные баннерывперед
Мобильные баннеры
Начиная с версии, 1.2.0 в Аспро: Корпоративный сайт 2.0 появилась настройка «Тип главного баннера в мобильной версии» с тремя возможными вариантами:
- Без активной картинки — на узких экранах скрывается активная картинка, а заголовок и текст центрируются.
- С полем снизу под заголовок и текст — остается фоновое изображение, активная картинка центрируется, а заголовок и текст баннера отображаются ниже в отдельном поле.
- Отдельная картинка — в инфоблоке баннера создано новое свойство «Картинка для <768px», в которое можно загрузить изображение для мобильного баннера. Требования к изображению — разрешение 736х506 px. При таком типе не предусмотрен вывод заголовка и текста баннера.
Выбрать необходимый тип баннера можно в публичной и административной частях сайта.
Чтобы выбрать тип баннера в публичной части, нужно открыть виджет и найти раздел «Мобильная версия». В пункте «Тип главного баннера в мобильной версии» выбрать нужный тип баннера.
Чтобы настроить мобильный баннер в административной части, нужно проделать путь: Аспро (1) → Аспро: Allcorp2 (2) → Настройки (3).
В блоке «Мобильная версия» нужно найти строчку «Тип главного баннера в мобильной версии» и выбрать необходимый пункт.
Сохраните изменения.
назадКомпактный каталог товаров на главной Фиксированная мобильная шапкавперед
Фиксированная мобильная шапка
Шапка является неотъемлемой частью сайта. Она не только помогает пользователю переключаться между разделами/страницами, но и участвует в создании уникального образа сайта.
Начиная с версии 1.2.0 , в решении можно настроить фиксированную мобильную шапку для улучшения юзабилити. Эта функция может действовать всегда или только при скролле вверх.
Фиксированная мобильная шапка всегда
Фиксированная мобильная шапка при скроллинге вверх
Настроить фиксированную шапку можно через виджет в публичной части в разделе «Мобильная версия».
Также функционал настраивается в административной части. Для этого необходимо проделать путь: Аспро (1) → Аспро: Allcorp2 (2) → Настройки (3).
В блоке «Мобильная версия» активировать пункт «Фиксированная мобильная шапка» и выбрать, отображать ли ее всегда или при скролле вверх.
назадМобильные баннеры Раскрытое меню в мобильной версиивперед
Раскрытое меню в мобильной версии
Начиная с версии 1.2.0, в решении Аспро: Корпоративный сайт 2.0 появилась возможность добавлять развернутый пункт меню. Этот функционал удобен для отображения, например, услуг компании. Клиенты сразу буду видеть направления, которыми занимается организация.
|  |  |
|---|---|
| Раскрытое меню в мобильной версии | Обычное меню в мобильной версии |
Для настройки необходимо зайти в административную часть сайта. Перейти в Аспро (1) → Аспро: Allcorp2 (2) → Настройки (3).
В блоке «Мобильная версия» найти строчку «Развернутый пункт меню» и вставить путь к необходимому разделу сайта.
Этот пункт будет отображаться в мобильном меню в развернутом виде.
назадФиксированная мобильная шапка Компактный вид разделов каталогавперед
Компактный вид разделов каталога
В решении Аспро: Корпоративный сайт 2.0 , начиная с версии 1.2.0, реализован компактный вид отображения разделов каталога.
|  |  |
|---|---|
| Обычный вид раздела каталога | Компактный вид раздела каталога |
Настроить компактное отображение разделов каталога можно в публичной и административной частях сайта.
Чтобы активировать функционал в публичной части, открываем виджет, находим раздел «Мобильная версия» и активируем пункт «Компактный вид отображения списка разделов каталога».
Чтобы настроить компактный вид разделов каталога в административной части, проделаем путь: Аспро (1) → Аспро: Allcorp2 (2) → Настройки (3).
В блоке «Мобильная версия» поставим галку в пункте «Компактный вид отображения списка разделов каталога».
назадРаскрытое меню в мобильной версии Загрузка мобильного меню и меню в фиксированной шапке только при первом отображениивперед
Загрузка мобильного меню и меню в фиксированной шапке только при первом отображении
В решении реализовано 4 типа меню: фиксированное меню, мобильное меню, мега-меню по клику на «Гамбургер», основное меню в шапке, которое не закрывается от индексации. Это значит, что в коде дублируются эти элементы. Начиная с версии 1.2.10, добавлена опция, которая позволяет избежать тройного дублирования пунктов меню в исходном коде каждой страницы сайта. Поисковые системы не будут фиксировать дубли страниц. Это помогает уменьшить размер композитного кеша на проектах с большим количеством разделов каталога. На мобильных устройствах содержимое мобильного меню подгрузится отдельным AJAX-запросом при первом его открытии. Для устройств с более широким экраном содержимое меню в фиксированной шапке также подгрузится при ее первом появлении.
Обратите внимание, что у пользователей с медленным Интернетом может быть задержка при этой первой загрузке.
Чтобы активировать настройку, в административной части сайта перейдите в Аспро (1) → Аспро: Allcorp2 (2) → Настройки (3).
Пролистайте до раздела «Меню». Активируйте поле «Загружать мобильное меню и меню в фиксированной шапке только при первом отображении» и сохраните изменения.
назадКомпактный вид разделов каталога «Ленивая» подгрузка изображений — LazyLoadвперед
«Ленивая» подгрузка изображений — LazyLoad
В решении Аспро: Корпоративный сайт 2.0, начиная с версии 1.2.0, реализована ленивая загрузка. Она позволит не загружать сразу все картинки на странице и сократит первоначальное время загрузки. Сайт у пользователя будет загружаться быстрее.
Скорость загрузки изображений влияет на общий результат в сервисе PageSpeed Insights. Показатель косвенно является фактором ранжирования для поисковой выдачи, а также влияет на вовлеченность пользователей. Отметим, что на скорость загрузки также влияют различные факторы: скорость Интернета, настройки хостинга и др.
Чтобы активировать LazyLoad нужно перейти в административную часть и проделать путь: Аспро (1) → Аспро: Allcorp2 (2) → Настройки (3).
В блоке «Общие» необходимо активировать пункт «Использовать “ленивую” (LazyLoad) подгрузку изображений (отображение только видимых картинок)».
Сохраните изменения.
назадЗагрузка мобильного меню и меню в фиксированной шапке только при первом отображении Подписи к телефонамвперед
Подписи к телефонам
Начиная с версии 1.2.0 , в решении Аспро: Корпоративный сайт 2.0 можно выводить подписи к телефонам. Этот функционал полезен, если вы хотите указать контакты разных отделов компании.
Подписи задаются в настройках модуля, если региональность не включена в решении. Если же вы продвигаетесь в нескольких городах, примечание прописывается в настройках каждого региона.
Указать примечание с отключенной региональностью
Нужно перейти в административную часть сайта и проделать путь: Аспро (1) → Аспро: Allcorp2 (2) → Настройки (3).
В блоке «Шапка» найти пункт «Список телефонов» и в столбце описание добавить необходимый текст.
Указать примечание с включенной региональностью
Чтобы указать примечания, в административной части сайта перейдите в настройки региона: Контент → Региональность (aspro.allcorp2) → Регионы. В поле с названием нажмите на «Гамбургер», затем на «Изменить».
На вкладке «Информация» заполните описание для каждого номера и сохраните изменения.
Подписи к телефонам выводятся как в десктопе, так и в мобильной версии.
Подписи к телефонам в десктопе
Подписи к телефонам в мобильной версии
назад«Ленивая» подгрузка изображений — LazyLoad Согласие на обработку персональных данныхвперед
Согласие на обработку персональных данных
В феврале 2017 года были внесены поправки в статью 13.11 КоАП по поводу нарушений закона о персональных данных. Они вступили в силу 1 июля 2017 года и коснулись всех, кто собирает, обрабатывает и хранит любые персональные данные. Подробнее о законе и мерах, которые необходимо предпринять, читайте в нашем блоге.
В связи с нововведением командой Аспро предусмотрена быстрая настройка уведомления пользователя о сборе таких данных. Находится она в административной части сайта. Вы можете активировать ее, и тогда на всех веб-формах сайта появится соответствующая отметка в виде галочки и ссылка на страницу соглашения.
Чтобы добраться до настройки в Аспро: Маркет, Аспро: Next и Аспро: Оптимус кликните по вкладке с названием решения, далее Настройки → Шаблон.
В решениях Аспро: Корпоративный сайт современной компании и Аспро: Стройка таким же образом перейдите к настройкам решения и в блоке «Валидация ввода» увидите пункт, включающий уведомления, и кнопку вызова редактора подписи.
В решениях Аспро: Digital-компания , Аспро: Корпоративный сайт 2.0, Аспро: Ландшафт и**Аспро: Шины и диски 2.0** уведомления настраиваются в настройках решения. Например, Аспро: Digital (Аспро: Allcorp2) → Настройки → Общие.
Аспро: Крутой шоп , Аспро: Интернет-магазин и Аспро: Шины и диски
Настройка расположена в настройках модуля решения: Настройки продукта → Настройки модулей → Аспро: Крутой шоп, интернет магазин → Шаблон.
Аспро: Корпоративный сайт и Аспро: Корпорация
Перейдите в настройки модуля решения: Настройки продукта → Настройки модулей → Аспро: Корпоративный сайт → Шаблон. В блоке «Валидация ввода» увидите пункт, включающий уведомления, и кнопку вызова редактора подписи.
Пункт настройки «Подпись к уведомлению» позволяет вызвать редактор текста уведомления.
Чтобы изменить ссылку в подписи наведите указатель на существующую ссылку, вызовите меню правой кнопкой мыши и выберите «Редактировать ссылку».
Заполните поля соответствующими данными.
В поставку каждого решения уже включена информационная страница, представляющая собой шаблон требуемого соглашения. Вы можете использовать уже готовый текст, вставив в него лишь название вашей компании и контактные сведения. Пример страницы в решении Аспро: Максимум
Для изменения шаблона, перейдите на страницу соглашения в публичной части сайта. В режиме правки наведите указатель на область текста и нажмите всплывающую кнопку «Изменить страницу в редакторе».
Отредактируйте содержимое и сохраните изменения.
Содержание главы:
назадПодписи к телефонам Автоматическое согласие на обработку персональных данныхвперед
Автоматическое согласие на обработку персональных данных
Для уменьшения количества кликов при взаимодействии пользователя с сайтом введена новая функция, позволяющая автоматически проставлять галочку «Согласен на обработку персональных данных» во всех используемых формах обратной связи и форме оформления заказа.
Внимание! Из закона 152-ФЗ следует, что для подтверждения согласия обработки персональных данных пользователь должен совершить конкретное действие — например, проставить галку в чекбоксе. Из этого следует, что настройка согласия по умолчанию не гарантирует 100% соблюдение 152-ФЗ. Компания Аспро не несет ответственности за юридические последствия применения этой настройки.
Активация данной возможности происходит в административной части сайта. Для этого перейдите настройки решения. Покажем на примере Аспро: Next как сделать настройки.
Прокрутите блок «Общие» до пункта «Галочка об информировании обработки персональных данных проставлена?» и включите его. Изменения вступят в силу после нажатия кнопки «Применить».
назадСогласие на обработку персональных данных Подключение Яндекс SmartCaptchaвперед
Подключение Яндекс SmartCaptcha
С обновлением Аспро: Оптимус 1.7.17 и Аспро: Маркет 1.8.10 в решение добавили еще один способ защиты от спама и ботов — Яндекс SmartCaptcha. Это российский сервис, который обучается на данных по защите веб-ресурсов Яндекса.
Для прохождения проверки в стандартном варианте пользователю нужно поставить галку «Я не робот», при скрытой капче этот этап отключается. Если результат подозрительный, появляется капча, у которой можно настроить уровень сложности в зависимости от страны, IP-адреса и устройства.
Как получить ключ
Для получения ключа перейдите по ссылке. Войдите в Yandex Cloud.
Найдите сервис Yandex SmartCaptcha.
Нажмите кнопку «Создать капчу».
Для создания капчи нужно указать «Имя» и «Список хостов». Затем нажмите кнопку «Создать».
Также вы можете настроить внешний вид (1) и варианты заданий (2). На предпросмотре (3) можно проверить задания капчи.
На следующем шаге вас попросят создать платежный аккаунт. Для этого заполните персональные данные и привяжите банковскую карту для оплаты капчи.
Выберите капчу и перейдите на вкладку обзор. Здесь понадобится скопировать ключ клиента и ключ сервера.
Настройка
Для настройки капчи зайдите в административную часть сайта. Проделайте путь: Аспро (1) → Аспро: Оптимус (2) → Настройки (3).
В настройке «Вид капчи» выберите Yandex SmartCaptcha.
Вы можете задать маску исключения со страницами, на которых не нужна капча (1). Скопируйте из аккаунта Яндекс Cloud ключ клиента (2) и ключ сервера (3) для интеграции с сервисом. Выберите размер капчи (4). Обычная капча имеет галку «Я не робот», скрытая — нет.
Виды капчи:
Обычная капча
Скрытая капча
Скрытая капча с уведомлением об обработке персональных данных
У скрытой капчи также можно включить уведомление об обработке данных (1) и выбрать его положение (2).
назадАвтоматическое согласие на обработку персональных данных Интеграция с другими сервисамивперед
Интеграция с другими сервисами
В этой главе рассматриваются возможности интеграции решения Аспро: Корпоративный сайт 2.0 с другими сервисами – сервисом аналитики Яндекс.Метрика и CRM-системами.
Содержание главы:
назадПодключение Яндекс SmartCaptcha Расширенная интеграция с Яндекс. Метрикойвперед
Расширенная интеграция с Яндекс. Метрикой
Теперь настроить систему аналитики для сайта на решении Аспро еще легче и проще, потому что мы реализовали расширенную интеграцию Яндекс.Метрикой. Раньше, чтобы настроить цели, нашим пользователям приходилось обращаться к программисту. Теперь вы можете сделать это сами – за несколько минут и без вмешательства в код решения.
Благодаря расширенной интеграции с Яндекс.Метрикой вы сможете:
- Видеть, как взаимодействуют с вашим сайтом посетители. На каких страницах задерживаются надолго и оставляют заявку, а какие «проскакивают», потому что им не интересно
- Отслеживать эффективность рекламных кампаний. Какой канал приносит лиды и покупателей, а какой напрасно тратит деньги? Во сколько обходится заявка с Яндекс.Директа или Вконтакте? Какая кнопка в рассылке привела к покупке?
- Понимать, где слабые места вашего сайта и как увеличить конверсию в покупки и продажи.
Функционал доступен в решениях:
- Аспро: Максимум
- Аспро: Корпоративный сайт 3.0
- Аспро: Next
- Аспро: Оптимус
- Аспро: Маркет
- Аспро: Корпоративный сайт 2.0
- Аспро: Приорити
- Аспро: Медицинский центр 2.0
- Аспро: Стройка
- Аспро: Курорт
- Аспро: Корпоративный сайт современной компании
- Аспро: Корпоративный сайт
- Аспро: Интернет-магазин
- Аспро: Корпорация
- Аспро: Шины и диски 2.0
- Аспро: Приорити 2.0
Нужна помощь?
Поручите настройку интеграции нашим разработчикам — они учтут все нюансы работы, чтобы минимизировать сбои и ошибки. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
назадИнтеграция с другими сервисами Обзор настроек для Яндекс.Метрикивперед
Обзор настроек для Яндекс.Метрики
В решениях Аспро появился блок настроек для расширенной интеграции вашего сайта с системой аналитики Яндекс.Метрика. Благодаря ей вы сможете настроить сервис быстро и легко, не привлекая сторонних разработчиков и программистов.
Новинка доступна пользователям решений с активной лицензией:
Аспро: Корпоративный сайт 2.0
Аспро: Приорити
Аспро: Digital-компания
Аспро: Корпоративный сайт современной компании
Аспро: Корпоративный сайт
Аспро: Оптимус
Аспро: Маркет
Аспро: Крутой шоп
Аспро: Интернет-магазин
Аспро: Корпорация
Аспро: Ландшафт
Аспро: Шины и диски 2.0
Аспро: Максимум
Аспро: Некст
Аспро: Корпоративный сайт 3.0
Аспро: Приорити 2.0
Отслеживать активность пользователей, показатели конверсии и эффективность рекламы стало проще и удобнее. Вам не придется редактировать код решения или привлекать программиста – самые важные цели вынесены в модуль настроек. Все, что нужно сделать – выбрать нужный уровень детализации аналитики и настроить цели на стороне Яндекс.Метрики.
В этой главе мы рассмотрим настройку целей на примерах двух решений – Аспро: Корпоративный сайт современной компании и готового интернет-магазина Аспро: Оптимус. Для остальных решений алгоритм настройки сервиса аналогичен.
Настройки для Яндекс.Метрики находится в Центре управления Аспро в админке вашего решения (блок «Цели и счетчики»). Давайте рассмотрим их на примере решения Аспро: Корпоративный сайт современной компании.
В решении Аспро: Корпорация пункт настроек находится в настройки - настройки продукта - настройки модулей - Аспро: Корпорация - адаптивный сайт
Как видно из скриншота, есть возможность отредактировать файл со счетчиками, а также выбрать тип цели – общая или отдельная, и установить цели для оформления заказа.
В Центре управления для Аспро: Оптимус находятся дополнительные настройки для управления целями: покупки в 1 клик, быстрого и/или полного оформления заказа.
В следующих уроках мы подробно рассмотрим, как устанавливать счетчики систем аналитики на сайт и расскажем о настройке целей для Яндекс.Метрики. Для настройки специфических целей решения Аспро: Оптимус подготовлен отдельный урок.
Содержание главы:
назадРасширенная интеграция с Яндекс. Метрикой Установка счетчиковвперед
Установка счетчиков
Действия по установке счетчика заключаются в добавлении его кода в специальный файл. В блоке настроек счетчиков предоставлен быстрый доступ к этому файлу через кнопку «Редактировать».
После нажатия кнопки в новом окне откроется визуальный редактор.
Сюда можно скопировать коды Яндекс.Метрики, пикселей Вконтакте и Facebook.
Установка счетчика Яндекс.Метрики
Первым делом необходимо создать счетчик в Яндекс.Метрике.
Для этого создайте учетную запись на сервисе или авторизуйтесь, если она у вас уже есть. Затем нажмите «Добавить счетчик».
Далее заполняем основные поля: имя счетчика (1), адрес сайта (2) и почту для уведомлений (3). Дополнительно можно подключить автоматическое создание целей (4) и аналитику (5). Для активации кнопки «Создать счетчик» следует принять пользовательское соглашение, установив соответствующую галочку (6).
Нажмите кнопку «Создать счетчик».
После нажатия кнопки создания сгенерируется код счетчика для установки на сайт. Выберите подходящий способ установки (1), при необходимости подключите электронную коммерцию (2) и контентную аналитику (3).
Согласно установленным критериям в текстовом поле будет сформирован готовый код:
[code]
;
if (w.opera == “[object Opera]”) {
d.addEventListener(“DOMContentLoaded”, f, false);
} else { f(); }
})(document, window, “yandex_metrika_callbacks”);
[/code]
Над полем с кодом нажмите кнопку «Скопировать код».
Наш счетчик появится в списке.
Теперь нужно добавить сгенерированный Яндекс.Метрикой код, который мы скопировали, на свой сайт.
В Центре управления в блоке «Цели и счетчики» ставим галочку у пункта «Использовать Яндекс.Метрику». В решении Аспро: Корпоративный сайт современной компании открываем файл со счетчиками. В новом окне переходим в режим редактирования исходного кода.
Вставляем сюда код и сохраняем изменения.
Для Аспро: Оптимус и Аспро: Маркет будет необходимо скопировать код в специальное поле настроек. Подробнее об этом читайте в документации.
Затем в том же блоке, вставляем ID счетчика в одноименное поле и нажимаем «Применить». Аналогичный код копируем в эту же строку в блоке настроек для Аспро: Оптимус или Аспро: Маркет.
ID счетчика можно найти в коде. В нашем примере это id44200209.
Также идентификатор можно посмотреть в личном кабинете на Яндекс.Метрике.
Он дублируется в карточке счетчика на сервисе.
Применив вышеописанные изменения в блоке целей и счетчиков, вы установили счетчик на сайт. Проверку его работоспособности можно осуществить через режим отладки из публичной части. Для этого в блоке настроек должна быть установлена соответствующая галочка.
Откройте окно отладки клавишей F12. Здесь следует перейти во вкладку «Console». Если счетчик установлен правильно, он начнет отправлять данные сразу после установки. Его ID отобразится на консоли браузера.
В сервисе Яндекса в списке счетчиков у корректно установленного счетчика будет соответствующий значок статуса проверки, а в «Сводке» вы увидите первые собранные данные.
Теперь можно настраивать цели.
назадОбзор настроек для Яндекс.Метрики Настройка целей в Яндекс.Метрикевперед
Настройка целей в Яндекс.Метрике
Внимание! В рамках технической поддержки мы не консультируем по настройкам Яндекс.Метрики. Если вам нужна индивидуальная настройка или диагностика, напишите нам на почту: info@aspro.ru.
В поле «Использовать цели заполнения веб-форм» вы можете:
-
отключить отслеживание конверсии при заполнении посетителями веб-форм, выбрав вариант «Нет»;
-
задать отслеживание действий со всеми веб-формами сайта (заказать проект, продукт, услугу, отправить резюме, задать вопрос и т.д.) без дополнительной информации о том, какие именно из них какую долю приносят в конверсии – вариант «Общая цель»;
-
задать отслеживание действий по конкретным веб-формам для учета их доли в конверсии – «Отдельная цель».
Помимо отслеживания действий с веб-формами доступно использование целей для корзины и заказов: добавление товара в корзину, начало оформления заказа и успешное оформление заказа для решения Аспро: Корпоративный сайт современной компании.
Для интернет-магазинов вы можете настроить отслеживание целей покупки в 1 клик, быстрого заказа и т.д. Подробнее об этом читайте в уроке «Настройка целей корзины, покупки в 1 клик, быстрого заказа на примере Аспро: Оптимус».
После задания целей в Центре управления необходимо также настроить счетчик в сервисе Яндекс. Подробнее об этом пишем в уроке, соответствующем указанному вами типу цели.
Содержание главы:
назадУстановка счетчиков Создание общей цели для веб-формвперед
Создание общей цели для веб-форм
При выборе общей цели будут учитываться действия со всеми веб-формами без дифференциации. К преимуществам этого варианта относится легкость в настройке. Недостатком же является невозможность отследить, какие именно веб-формы участвуют в конверсии. Опция подойдет тем, кто только начинает разбираться в веб-аналитике и хочет быстрых и легких положительных результатов.
После выбора варианта «Общая цель» в Центре управления под настройкой появится область с подсказкой.
Скопируйте идентификатор цели из подсказки: goal_webform_success.
В Яндекс.Метрике перейдите в карточку счетчика. Далее, Настройка (1) → Цели**(2)** → Добавить цель (3).
В попап-окне введите название цели (1). Выберите тип условия «JavaScript-событие» (2). В поле «Идентификатор цели» введите ранее скопированную из подсказки строку (3). Добавьте цель.
В списке целей нашего счетчика появилась новая запись. Сохраните изменения соответствующей кнопкой.
.ec5205cce1.webp)
Проверьте работоспособность цели — заполните любую веб-форму и отследите появление данных в Яндекс.Метрике.
Результат нашей настройки доступен для просмотра в меню Отчеты → Стандартные отчеты (1) → Конверсии (2).
Внешний вид отчета:
Также работу цели можно проверить через консоль. В публичной части сайта нажмите клавишу F12, перейдите на вкладку консоли. Затем найдите строку с отметкой «Reach goal», кодом счетчика и id цели.
назадНастройка целей в Яндекс.Метрике Создание отдельной цели для веб-формывперед
Создание отдельной цели для веб-формы
В Центре управления Аспро отслеживание отдельной цели включается одноименной опцией в поле «Использовать цели заполнения веб-форм» в блоке настроек целей и счетчиков. Опция позволяет фиксировать действия пользователей, связанные с разными веб-формами, и определять, какие из них приносят больше конверсии.
Активация опции открывает желтое поле с перечнем идентификаторов для целей.
После выбора опции не забудьте применить изменения.
Цели конфигурируются по шаблону goal_webform_success_#ID_инфоблока_формы#. Вместо #ID_инфоблока_формы# нужно подставить ID формы, которую хотите отслеживать детально.
Идентификаторы можно просмотреть в Административной части сайта, вкладка «Контент», ветка «Формы».
Для корпоративных сайтов путь до ветки «Формы»: Контент (1) →Формы (2).
Для интернет-магазинов путь: Сервисы (1) → Веб-формы (2) → Настройка формы (3).
В таблице ID указаны в одноименном столбце.
Рассмотрим задание отдельной цели на примере интернет-магазина Аспро: Next.
Выберем форму «Заказать проект». Для этого копируем идентификатор: goal_webform_succses_7 из подсказки.
Перейдите в настройку счетчика (1) на сервисе Яндекс.Метрика. Выберите Цели (2) → Добавить цель (3).
Введите название цели, установите тип условия «JavaScript-событие» и вставьте скопированный ID.
В списке целей появилась новая запись. Сохраните изменения.
Закажите проект на сайте и просмотрите изменение данных в Яндекс.Метрике: Отчеты → Стандартные отчеты (1) → Конверсии (2).
Внешний вид отчета:
Результат действий проверяем через консоль. Вызываем окно отладки клавишей F12, переходим на вкладку консоли. Ищем строку с отметкой «Reach goal», кодом счетчика и id цели.
Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.
Цели остальных веб-форм настраиваются по аналогии.
назадСоздание общей цели для веб-форм Настройка цели корзины и оформления заказавперед
Настройка цели корзины и оформления заказа
Для отслеживания действий посетителей с корзиной и заказами создан отдельный пункт настроек.
Если у вас корпоративный сайт , то после установки галки возле этого пункта отобразится желтое поле с подсказкой идентификаторов целей.
Если у вас интернет-магазин , то появится несколько полей для добавления в корзину и оформления. Поставьте галки, чтобы появилось желтое окно. Мы рассматриваем на примере интернет-магазина Аспро:Next.
После активации опции примените изменения.
Рассмотрим на примере цели добавления заказа в корзину. Копируем идентификатор нужного действия: goal_basket_add.
В Яндекс.Метрике перейдите в настройку счетчика (1) → Цели (2) → Добавить цель (3).
В новом окне: указываем название цели, устанавливаем тип «JavaScript-событие» и вставляем скопированный ID.
Сохраняем изменения в списке целей.
Для проверки работоспособности целей перейдем в публичную часть сайта и добавим какой-нибудь товар в корзину. Нажмем клавишу F12 и во вкладке консоли проверим появление записи о достижении цели с id счетчика и цели.
В Яндекс.Метрике данные можно просмотреть в Отчеты → Стандартные отчеты (1) → Конверсии (2).
Внешний вид отчета:
Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.
Остальные цели, связанные с оформлением заказа настраиваются по аналогии.
назадСоздание отдельной цели для веб-формы Настройка целей для интернет-магазиноввперед
Настройка целей для интернет-магазинов
Активация дополнительных целей решения позволяет отслеживать:
- сколько раз было начато оформление заказа тем или иным способом
- сколько операций оформления были завершены успешно. Мы рассмотрим это на примере Аспро: Next.
Подключите в модуле настроек новую цель, например, «Покупку в 1 клик». Из подсказки со списком идентификаторов скопируйте ID цели – goal_1click_begin.
В настройках счетчика на сервисе Яндекс добавляем цель: Настройки (1) → Цели (2) → Добавить цель (3).
Во всплывающем окне вводим данные: название – «Покупка в 1 клик», тип – JavaScript-событие, идентификатор цели – goal_1click_begin.
Сохраняем изменения в списке целей.
В примере рассматривается цель начала оформления заказа, а не его успешное завершение. Поэтому для проверки работоспособности добавленной цели достаточно открыть соответствующую форму – «Купить в 1 клик» – и проверить появление строки о достижении цели в консоли браузера. Чтобы открыть консоль, зажмите F12 или комбинацию клавиш Ctrl+Shift+I.
Посмотреть изменение данных можно в Яндекс.Метрике: Отчеты → Стандартные отчеты (1) → Конверсии (2).
Внешний вид отчета:
Внимание! Данные в сервис Яндекс.Метрика поступают с задержкой. В среднем этот интервал составляет от 10 до 60 минут, в редких случаях время задержки может быть более часа.
Прочие специфичные цели для готовых интернет-магазинов настраиваются по аналогии.
назадНастройка цели корзины и оформления заказа Интеграция с CRM-системамивперед
Интеграция с CRM-системами
Теперь автоматизировать работу вашего бизнеса станет еще проще. В решениях Аспро реализована простая интеграция с CRM-системами: Битрикс24, Аспро.Cloud. Для интеграции необходимы лицензия 1С-Битрикс: Стандарт и модуль «Веб-формы».
Больше ни одна заявка с вашего сайта не будет упущена — вы сможете хранить всю важную информацию по клиентам в одном месте. Это позволит анализировать эффективность работы компании, способствует повышению продаж, а также стандартизирует работу менеджеров.
Настройка займет всего пару минут, а навыки программирования не потребуются.
Благодаря интеграции вы можете передавать в CRM все заполненные веб-формы:
- заказа звонка
- запроса консультации
- отправленного резюме
- заданного вопроса
- заказа услуги
- заказа проекта
- заказа продукта
- сообщения директору
- оформления заказа.
Нужна помощь?
Поручите настройку интеграции нашим разработчикам — они учтут все нюансы работы, чтобы минимизировать сбои и ошибки. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
назадНастройка целей для интернет-магазинов Интеграция с Битрикс24вперед
Интеграция с Битрикс24
Битрикс24 — полный комплект инструментов для организации работы компании. В нем вы можете хранить всю информацию о ваших клиентах и заказах, объединять все каналы коммуникации с ними и анализировать результаты работы. А чтобы вы не потеряли ни одну заявку с вашего сайта, мы реализовали простую и легкую интеграцию решений Аспро с CRM-системой.
Для интеграции необходимы лицензия 1С-Битрикс: Стандарт и модуль «Веб-формы».
Примечание: Передавать файлы с сайта в CRM-систему нет возможности — этот функционал не реализован в 1С-Битрикс. Вопрос передан специалистам 1С-Битрикс и рассматривается для реализации в обновлении.
Благодаря интеграции с Битрикс24 вы можете передавать в CRM все заполненные веб-формы:
-
заказа звонка
-
запроса консультации
-
отправленного резюме
-
заданного вопроса
-
заказа услуги
-
заказа проекта
-
заказа продукта
-
сообщения директору
-
оформления заказа.
Настройка займет всего пару минут, а навыки программирования не потребуются.
Чтобы связать решение Аспро с Битрикс24, достаточно настроить веб-формы, с которых нужно переправлять данные в CRM. Рассмотрим алгоритм настройки на примере формы заказа обратного звонка в Аспро: Корпоративный сайт 2.0.
Перейдите в Рабочий стол → Сервисы → Веб-формы → Настройка форм. Для редактирования существующей формы вызовите меню кнопки «Гамбургер» и нажмите «Изменить».
Перейдите на вкладку «CRM». Здесь мы создадим новый список для веб-форм, которые будут передавать данные в Битрикс24. Это достаточно сделать один раз — при настройке остальных форм созданный список будет отображаться в перечне автоматически.
В перечне «CRM» выберите пункт «настроить новый».
В открывшемся окне укажите:
- Название для нового списка (1) ;
- Сервер CRM (2) ;
Параметры авторизации: логин и пароль**(3)**.
Проверьте, установлено ли соединение. Для этого нажмите «Настроить список».
В настройках списка нажмите «Проверить соединение».
Если соединение установлено, в колонке «Авторизация» отобразится «ОК».
Если при проверке соединения система выдала ошибку, откройте редактор списка при помощи иконки карандаша и проверьте, верно ли заполнены все поля. Исправьте ошибки и попробуйте еще раз. Если ошибок нет, а установить соединение не удается, обратитесь в нашу техподдержку.
После того, как вы убедились в том, что соединение с CRM работает нормально, вернитесь на предыдущую страницу, где мы создавали список (нажмите кнопку «Назад» в меню браузера).
Определите способ отсылки данных с формы (1) – ручной или автоматический, и настройте связанные поля.
Ручной способ: рекомендуется использовать для снижения нагрузки на сайт. При таком способе отправлять данные в Битрикс24 нужно будет вручную. Как это сделать, написано ниже.
Автоматический способ: отправка данных в Битрикс24 будет автоматически осуществляться сразу после того, как пользователь заполнит и отправит веб-форму на вашем сайте.
Связанные поля настраиваются следующим образом: в правой колонке (3) нужно выбрать, из какого поля формы будет отправлена запись в CRM, а в левой колонке (2) — какое поле CRM ее примет.
Сохраните изменения. Для проверки корректности настроек заполните и отправьте соответствующую форму из публичной части сайта. В нашем случае — это форма заказа звонка.
Если вы настроили отправку форм «вручную», то перед тем, как зайти в Битрикс24, просмотрите раздел «Результаты» в Рабочий стол → Сервисы → Веб-формы. Откройте список нужной формы.
Из настроек параметров формы для быстрого перехода можно использовать кнопку над редактором.
Найдите строку с тестовыми данными (с данными формы, которые вы только что заполнили) и вызовите меню кнопки «Гамбургер» для отправки формы в CRM. После успешной отправки записи в колонке «Отправлено» метка сменит цвет с красного на зеленый.
Если вы автоматически отправляете информацию о заполненных формах в CRM, сразу перейдите в Битрикс24. Здесь в левом меню на вкладке «CRM» (1) появится новый лид (2).
В подробной информации вы увидите данные, которые указали на сайте.
Остальные веб-формы настраиваются аналогично.
назадИнтеграция с CRM-системами Поддержка модуля 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-умного фильтра, необходимо будет сделать интеграцию и дорабатывать модуль.
Модуль позволяет изменить мета-теги, описания и заголовки на страницах умного фильтра, а также исключить из индексации определенные страницы фильтра. Используйте возможности инструмента на максимум, чтобы увеличить количество органического и рекламного трафика, а как следствие — конверсию вашего проекта.
При работе с модулем воспользуйтесь обучающими материалами:
назадИнтеграция с Битрикс24 Подключение Google reCAPTCHAвперед
Подключение Google reCAPTCHA
С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.
В Аспро: Корпоративный сайт 2.0, Аспро: Корпоративный сайт 3.0 и Аспро: Приорити 2.0 вы можете выбрать, какую капчу использовать на своем сайте: стандартную от 1С-Битрикс или Google reCAPTCHA. В решении Аспро: Корпоративный сайт 2.0, начиная с версии 1.2.5 , доступна Google reCaptcha v3.
Google reCAPTCHA – инструмент от Google, который анализирует поведение пользователей и в зависимости от него предлагает пройти проверку по различным сценариям: от простейшего клика по квадрату «Я не робот» (в большинстве случаев) до расшифровки надписей и выбора определенных картинок (если есть подозрение, что с формой взаимодействует бот, а не реальный человек).
Подключайте Google reCAPTCHA, чтобы снизить количество спамных обращений на сайте.
Форма с Google reCaptcha v2.
Форма с Google reCaptcha v3.
Форма с Google reCaptcha v3, если пользователь не прошел проверку.
Форма и капча 1С-Битрикс.
В административной части сайта перейдите в Аспро → Аспро: Allcorp2 → Настройки.
Найдите раздел «Google reCaptcha» и активируйте соответствующее поле. После активации поля на странице отобразятся дополнительные поля.
Подключение капчи от google потребует дополнительной регистрации вашего сайта на сервисе. Перейдите по ссылке и заполните поля формы:
- В поле «Название» (1) укажите название сайта, его раздела или формы обратной связи, на которой устанавливаете капчу. Эта метка для вас, чтобы потом было проще ориентироваться в статистике по зарегистрированным на сервисе сайтах.
- В «Типе reCAPTCHA»(2) выберите один из видов капчи.
- В поле «Домены» (3) можно указать несколько доменов, по одному в строке. Вместе с доменом капча подключится и ко всем поддоменам.
- Далее следует ознакомится с условиями использования reCAPTCHA. Для продолжения регистрации, необходимо их принять – установить соответствующую галку (4).
- Также рекомендуется поставить галку у пункта «Отправлять владельцам оповещения»(5). Данная опция будет держать вас в курсе о проблемах сайта, связанных с трафиком.
- Сохраните настройки (6).
Если название сайта на кириллице, добавьте второй домен в Punycode.
После успешной регистрации вам будет предоставлена инструкция подключения капчи к своему сайту. Из нее потребуется публичный (1) и секретный (2) ключи. Публичный ключ необходим для отображения блока капчи. Секретный — для проверки правильности отправки капчи.
Скопируйте их в одноименные поля в используемом вами решении от Аспро.
Сохраните изменения. В форме обратной связи появится соответствующий блок.
В группе настроек Google reCAPTCHA v2 также можно настроить внешний вид блока, отображаемого с формой обратной связи (2). И задать маски исключения (1) — адреса тех страниц, на которых не будет работать reCAPTCHA в формах. Действует только на статических страницах.
Блоки могут быть:
- светлыми и темными;
- обычными, компактными и скрытыми.
Выбрав скрытый размер, блок можно убрать из формы обратной связи. При этом он может отображаться в правом или левом нижнем углу.
В группе настроек Google reCAPTCHA v3 также можно задать маски исключения (1) и минимальную допустимую оценку пользователя (2).
Внимание! При верификации капчи сервис Google reCAPTCHA возвращает рейтинг человечности текущего пользователя — число от 0.0 (бот) до 1.0 (человек). Эта оценка неоднозначна и может меняться со временем. Так как при ее расчете анализируются собранные поведенческие характеристики пользователя и другие параметры на разных сайтах.
Заполнение формы пользователем считается подозрительным, если оценка меньше заданного минимального значения. При его снижении увеличивается вероятность пропуска спама, а при повышении значения — увеличивается вероятность отклонения настоящего человека.
Рекомендации для графических материалов
В главе представлены рекомендации, которые помогут вам наполнить решение Аспро: Корпоративный сайт 2.0 своим контентом.
Нужна помощь?
Доверьте создание изображений нашим дизайнерам — они учтут все технические нюансы и разработают безупречный баннер. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
назадПодключение Google reCAPTCHA Логотипывперед
Логотипы
Логотип компании
Логотип располагается в левом верхнем углу. Оптимальный размер логотипа – 192x80 px
Размер контейнера для логотипа вашей компании – 192x100 px
Высота логотипа должна быть минимум на 20 px меньше, чем высота контейнера (не более 84 px). Допустимо использование изображения как равного по ширине с контейнером, так и меньше его. Если длина и ширина логотипа превышает обозначенные значения, картинка будет соприкасаться с меню и верхним блоком.
Допустимые форматы изображений – svg, jpg, png, gif.
Логотипы партнеров
Для логотипов в разделе «Наши партнеры» используйте изображения с расширением jpg, png, gif. Максимальный размер картинок составляет 244х110 px. Допустимо размещение изображения меньшего размера.
назадРекомендации для графических материалов Тизеры на главнойвперед
Тизеры на главной
Рекомендуемые расширения для тизеров на главной странице сайта: jpg, png, gif. Оптимальный размер картинок: 60 на 60 px.
Баннеры
Основной баннер на главной
В качестве основного баннера рекомендуется использовать изображение с расширением jpg, png или gif.
Чтобы занять всю ширину сайта, картинку необходимо размещать шириной в 1920 px. По высоте обычный баннер следует ограничить в 500 px.
Чтобы заполнить баннером фон меню и логотипа, высота изображения должна быть 660 px.
Составной баннер
Если вы хотите использовать составной баннер, используйте для плавающей картинки изображение с расширением png и высотой максимум в 500 px.
Пример активной картинки:
Изображение будет накладываться на фон с середины. Вы можете занять плавающей картинкой все свободное пространство до правого края фонового изображения (максимальная ширина будет составлять 960 px) или какую-то его часть.
Баннер на контентной странице
Баннеры на контентной странице (например, на странице детального описания товара или услуги) не заполняют фон меню и логотипа, поэтому следует ограничить их высоту в 500 px. Остальные требования (к ширине и параметрам плавающей картинки) аналогичны требованиям к баннерам на главной.
Рекламные баннеры
При наполнении рекламных областей используйте изображения с расширениями jpg, png и gif.
Для баннеров, что занимают всю ширину сайта, актуальны следующие параметры:
- Сверху над шапкой – 1920 х 70 px;
- Внизу страницы – 1920 x 120 px.
Рекомендации по размерам изображений для рекламных областей над контентом и под ним:
- При ширине сайта в 1200 px ширина баннера составляет 868 px, а высота – 249;
- 1344 px – 976 x 280 px;
- 1500 px – 1093 x 317 px;
- 1700 px – 1243 x 357 px.
Для бокового баннера при ширине сайта 1200 px используйте изображение размером в 268 х 203 px, при ширине в 1344, 1500 или 1700 px – 304 x 230 px.
назадТизеры на главной Изображение в начале контентной страницывперед
Изображение в начале контентной страницы
Для изображений, которые собираетесь помещать в начале контентной страницы (например, для оформления новости, перед описанием услуги или в начале страницы «О компании»), выбирайте формат jpg, png или gif.
Оптимальные размеры для картинки:
- При ширине сайта 1200 px – 868 x 335 px;
- 1344 – 976 х 377 px;
- 1500 – 1093 x 421 px;
- 1700 – 1243 x 479 px.
назадБаннеры Изображения для анонсоввперед
Изображения для анонсов
Категории в разделе «Услуги»
Изображения для оформления категорий услуг должны иметь расширение jpg, png или gif, и размер 144 х 144 px (соотношение сторон 1:1).
Услуги
Рекомендации к расширению изображений те же – jpg, png, gif. Размер картинок должен быть 438 х 292 px (соотношение сторон 3:2).
Разделы «Новости» и «Статьи»
Требования к расширению изображений и соотношению сторон те же, что и для анонса услуг. Для оформления используйте картинки шириной в 630 и высотой в 420 px.
Каталог
Следует использовать изображения размером 254 x 254 px и расширением png. Рекомендации актуальны и для анонсов категорий товаров:
И для анонсов самих товаров:
Раздел «Проекты»
Анонсы раздела «Проекты» следует оформлять, используя картинки высотой в 767 и шириной 511 px. Оптимальное соотношение сторон и требования к формату изображения аналогично рекомендациям к анонсу раздела «Услуги».
Отзывы
Изображения для отзывов размещайте шириной и высотой 1:1, не более 120 px. Используйте формат jpg, png или gif.
Страница «Сотрудники»
Рекомендовано то же расширение изображений и соотношение сторон, что и для анонсов отзывов. Максимальный размер – 150 px.
назадИзображение в начале контентной страницы Страницы с подробным описаниемвперед
Страницы с подробным описанием
Товар
В подробном описании товара используйте изображения с соотношением сторон 1:1. Следует ограничить высоту картинки до 1000 px. Допустимые расширения для изображения: jpg, png, gif.
Проект, услуги, курсы
Рекомендации аналогичны рекомендациям к детальной странице товара, исключение составляет лишь оптимальное соотношение сторон изображения – 3:2.
назадИзображения для анонсов Лицензиивперед
Лицензии
Такие требования к изображениям как ограничение по размеру и рекомендованный формат аналогичны требованиям, предъявляемым к картинкам, оформляющим страницы с подробным описанием проекта.
назадСтраницы с подробным описанием Контактывперед
Контакты
Для заполнения раздела «Контакты» используйте изображения с соотношением сторон 3:2, размером в 200 px на 133.
Фавикон
Фавикон — это небольшая картинка, которая отображается в сниппете в результатах поиска, рядом с адресом сайта в адресной строке браузера и около названия сайта в избранном или закладках браузера.
Рекомендации от поисковой системы Яндекс
Размер фавикон: 120x120 px (рекомендуемый), 16x16 px или 32x32 px.
Формат фавикон: SVG (рекомендуемый), ICO, GIF, JPEG, PNG, BMP.
Совет: Используйте размер 120x120 px или формат SVG, чтобы на логотип сайта выглядел более четким и заметным.
Как изменить или удалить фавикон
Как установить фавикон, читайте в нашей документации. Чтобы фавиконка изменилась в результатах поиска, обновите фавикон на вашем сайте. Чтобы удалить фавикон из поиска, удалите файл с сайта. Изменения в поисковой системе вступят в силу в течение двух недель после очередного посещения сайта роботом.
назадКонтакты SEO, маркетинг, рекламавперед
SEO, маркетинг, реклама
Нужна помощь?
Поручите SEO-продвижение нашим экспертам — они поделятся опытом, расскажут о стратегиях продвижения и полезных инструментах. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
назадФавикон Рекламные баннерывперед
Рекламные баннеры
Рекламные баннеры – надежный инструмент для привлечения внимания к уникальным предложениям магазина, акциям или продвижения товаров и услуг.
В Аспро: Корпоративный сайт 2.0 и Аспро: Ландшафт заданы 6 рекламных областей
- сверху над шапкой;
- сверху под шапкой;
- боковая;
- над контентом;
- под контентом;
- внизу страницы.
Рекламные баннеры могут отображаться на всех страницах сайта (кроме боковой рекламы на странице с контактами) или на конкретных страницах/разделах.
Включить отображение баннеров можно:
- В виджете настроек
Раскройте виджет, нажав на кнопку в левой части сайта:
Переключитесь на раздел «Баннеры» и активируйте нужный вам, переместив ползунок вправо.
- В админке
Перейдите в Аспро: Allcorp2 → Настройки или Аспро: Ландшафт→ Настройки .
Пролистайте настройки до группы «Баннеры». Установите галку у нужных вам пунктов и сохраните изменения.
Управлять баннерами можно как в публичной части сайта, так и в административной.
Для управления из публички переключитесь в режим правки.
Наведите указатель на баннер, который вы хотите изменить (2), удалить (3) , или на место которого нужно добавить новый (1). В появившемся меню нажмите кнопку, соответствующую вашим целям.
Баннеры в админке можно найти:
для Аспро: Корпоративный сайт 2.0: Рабочий стол → Контент → Реклама (aspro.allcorp2) → Баннерные позиции.
для Аспро: Ландшафт: Рабочий стол → Контент → Реклама (aspro.landscape) → Баннерные позиции.
Здесь можно добавить новый баннер с помощью одноименной кнопки (1) или изменить (2) , удалить (4), деактивировать существующий (3) при помощи меню кнопки «Гамбургер».
Рассмотрим содержимое карточки подробнее. На основной вкладке вы можете:
- Активировать отображение баннера на сайте (1).
- Задать период, в который баннер будет виден пользователям (2).
- Дать ему понятное название (3) , чтобы легко находить в списке (в админке).
- Определить как она будет открываться (4) — в новом окне или текущем.
- Определить где он будет отображаться (5).
- Ограничить показ баннера некоторыми разделами (6) или страницами (7).
- Скрыть его на версиях для мобильников (8) и планшетов (9). Если вы выбрали боковую позицию рекламной области, то баннер скроется на мобильной версии, независимо от этих настроек.
- Привязать к баннеру страницу (10). Ссылка указывается относительно корня сайта. Пример: /catalog/lyalya/.
- Настроить каким образом подгонять размер изображения при уменьшении масштаба страницы (11) — обрезать по краям или масштабировать.
- Задать цвет фона (12) для используемой картинки.
назадSEO, маркетинг, реклама Страница с ошибкой 404вперед
Страница с ошибкой 404
Страница с ошибкой 404 — классический код ответа по протоколу HTTP. Он свидетельствует, что связь с сервером установлена, но информации по заданному запросу нет.
Такая страница нужна для того, чтобы:
1. Показать пользователю, что он ошибся или ввел не тот адрес.
2. Чтобы подстраховаться на тот случай, если вы где-то поменяли адрес или удалили раздел.
3. Пользователь мог перейти на главную или другие разделы. А еще страницы 404 — полезны для SEO.
Настроить такую страницу можно в параметрах компонента. Выбор компонента для настройки зависит от раздела, в который вы хотите добавить страницу 404.
Давайте рассмотрим, как добавить страницу 404 для каталога. Для этого вам нужно, перейти в настройки компонента каталога. Здесь вы можете:
Установить специальный статус для страницы в браузере.
Выводить специальную страницу с сообщением о том, что страница не найдена
Загрузить свое изображение для странице 404. здесь вы указываете путь к файлу, который хотите использовать.
назадРекламные баннеры Группировка свойстввперед
Группировка свойств
Внимание! Информация, представленная в этой главе, носит рекомендательный характер. Мы не несем ответственности за работу сторонних модулей. По вопросам настроек, пожалуйста, напишите в техническую поддержку разработчика.
В Аспро: Корпоративный сайт 2.0, начиная с версии 1.1.0, появилась возможность группировать свойства под общий заголовок. Этот функционал доступен только для свойств инфоблока каталога товаров. В решении реализована поддержка 1 модуля группировщика свойств с платформы 1С-Битрикс: Маркетплейс:
- Утилиты от «Webdebug» — бесплатный.
В этой главе мы расскажем как работать с каждым модулем.
В административной части сайта при выборе модуля неустановленные группировщики будут выделены серым цветом и их нельзя будет выбрать.
Содержание главы:
назадСтраница с ошибкой 404 Группировщик свойств «Webdebug»вперед
Группировщик свойств «Webdebug»
Внимание! Информация, представленная в этой главе, носит рекомендательный характер. Мы не несем ответственности за работу сторонних модулей. По вопросам настроек, пожалуйста, напишите в техническую поддержку разработчика.
В Аспро: Корпоративный сайт 2.0, начиная с версии 1.1.0, вы можете группировать свойства с помощью модуля «Webdebug». Объединяйте под общий заголовок свойства из одной тематики.
В первую очередь необходимо установить модуль. Перейдите по ссылке и нажмите кнопку установить.
В появившемся окне укажите адрес сайта, на который хотите установить модуль. Затем нажмите кнопку «Установить».
После нажатия кнопки «Установить» откроется административная панель решения. Убедитесь, что в строке с названием модуля стоит галка, и нажмите кнопку «Загрузить».
В появившемся окне поставьте галки в строках «Я принимаю лицензионное соглашение» и «Я ознакомился с Условиями о конфиденциальности и согласен с ними». Затем нажмите кнопку «Применить».
Окно с лицензионным соглашением закроется. Чтобы закончить установку, нажмите кнопку «Установить».
Модуль установлен.
В административной части сайта перейдите в настройки решения.
Аспро → Allcorp2 → Настройки
В блоке «Каталог» в поле «Группировщик свойств» выберите Утилиты от «Webdebug».
Примените настройки.
Перейдите в Настройки → Настройки продукта → Настройки модулей → Утилиты от «Webdebug». Поставьте галку в строке «Включить сортировку свойств» и сохраните изменения.
Затем перейдите в Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.allcorp2) → Продукты на вкладку «Свойства».
В поле «Добавить группу» пропишите название группы и нажмите на «Добавить».
Под название группы перетяните только те свойства, которые относятся к этой тематике. Сохраните изменения.
В результате свойства будут сгруппированы.
Внимание! Чтобы свойства отображались в карточке товара, они должны быть выбраны в настройках компонента каталога. Сбросьте кеш, чтобы увидеть изменения.
назадГруппировка свойств Для разработчиковвперед
Для разработчиков
Решение Аспро созданы на современной технологической платформе – Bootstrap 3.0, HTML5, CSS3, jQuery. Они имеют принципиально новую архитектуру, с которой по-настоящему удобно работать. В специальном разделе есть библиотеки кнопок, иконок и элементов для оформления.
В этой главе мы расскажем об этих преимуществах, а также о том, как легко и просто изменять основные элементы сайта.
Внимание! Информация, представленная в этой главе, носит рекомендательный характер и предназначена для программистов, владеющих навыками разработки на 1С-Битрикс. Мы не оказываем консультации по разработке и не несем ответственности за последствия изменения кода шаблона. Инструкция подразумевает, что вы сможете выполнить работу с кодом самостоятельно.
Мы настоятельно рекомендуем придерживаться наших рекомендаций. Ошибки, возникшие из-за некорректных действий, устраняются платно.
Если вы не разработчик и хотите доработать решение под ваш проект – например, изменить внешний вид блоков, разделов, элементов или добавить новый функционал, пожалуйста, свяжитесь с нами.
Содержание главы:
назадГруппировщик свойств «Webdebug» Модификация кода шаблонавперед
Модификация кода шаблона
В этой главе мы расскажем, как мофидицировать отдельные разделы и элементы быстро и легко. При соблюдении этих рекомендаций вы избежите путаницы и конфликтов функционала при обновлениях.
Глава выстроена в виде уроков-кейсов. В кейсах рассматривается общий алгоритм работы с шаблонами компонентов и элементов, содержатся названия файлов и ссылки, необходимые для работы.
Содержание главы:
назадДля разработчиков Главная страницавперед
Главная страница
Если вам по каким-то параметрам не подходят имеющиеся 4 шаблона главной, вы можете создать свой. **
Кликните по вкладке с названием решения, далее Настройки → Главная. В «Типе главной страницы» выберите «Custom».
Затем перейдите в Рабочий стол → Контент → Структура сайта → Файлы и папки. В корне расположен кастомный файл (1) и шаблонные (2).
Из файлов шаблонов (2) в карточку (1) перенесите нужные вам элементы кода. Чтобы открыть файл, кликните на «гамбургер» и выберите «Редактировать как PHP».
При копировании кода обязательно в начале перенесите в файл indexblocks_custom.php (1) строку:
Далее скопируйте нужные блоки. Каждый из них должен начинаться и заканчиваться строками:
- IncludeComponent(
- );?>
Блоки услуг и портфолио содержат несколько вариантов отображения. Поэтому для копирования понравившегося вам шаблона, перейдите в Рабочий стол → Контент → Структура сайта → Файлы и папки → include → mainpage. Там расположены файлы шаблонов услуг (3) и портфолио (4).
Кликнете на гамбургер нужного файла и выберите «Редактировать как PHP».
Оттуда необходимо скопировать весь код и вставить в файл indexblocks_custom.php (1).
Нужно помнить, что расположение блоков главной зависит о того, в каком порядке вставлен код каждого элемента в файле indexblocks_custom.php (1).
назадМодификация кода шаблона Шапка сайтавперед
Шапка сайта
Изменения для шапки сайта выполняются по аналогичному алгоритму. Перейдите в Центр управления Аспро. В настройках найдите блок «Шапка». Подключите опцию для разработчиков Custom.
Вид сайта в публичной части снова изменился:
Перейдите в структуру сайта по адресу /bitrix/templates/aspro-digital/page_blocks. Найдите в списке файлы с кодом для различных типов шапки сайта. Всего их 15:
- header_1.php
- header_2.php
- …
- header_15.php
Файл header_custom.php предназначен для внесения изменений. Скопируйте туда фрагменты кода отдельных элементов, которые необходимы вам для работы, или разместите свой код.
назадГлавная страница Подвал сайтавперед
Подвал сайта
Подключите опцию для разработчиков Custorm в настройках решения, расположенных в Центре управления Аспро.
Перейдите в структуру сайта /bitrix/templates/aspro-digital/page_blocks. Найдите файлы, которые могут понадобиться для работы:
- footer_1.php
- footer_2.php
- footer_4.php
- footer_5.php
Файл footer_custom.php предназначен для внесения изменений. Скопируйте туда фрагменты кода отдельных элементов, которые необходимы вам для работы, или разместите свой код.
назадШапка сайта Мобильная шапка и мобильное менювперед
Мобильная шапка и мобильное меню
Перейдите в Центр управления Аспро и подключите опцию Custom для разработчиков в зависимости от того, что хотите изменить - мобильную шапку или тип мобильного меню.
Перейдите в структуру сайта: /bitrix/templates/aspro-digital/page_blocks. Найдите нужные файлы.
Содержат код мобильной шапки:
- header_mobile_1.php
- header_mobile_2.php
Содержат код мобильного меню:
- header_mobile_menu_1.php
- header_mobile_menu_2.php
Файлы, в которые нужно вносить изменения:
- header_mobile_custom.php – для мобильной шапки
- header_mobile_menu_custom.php – для мобильного меню.
Отредактируйте нужный файл и сохраните изменения.
назадПодвал сайта Графические материалывперед
Графические материалы
В поставку решений Аспро включены библиотеки иконок, кнопок и других элементов интерфейса, которые помогут сделать сайт на основе готового решения еще красивее и уникальнее.
-
Библиотека UI-элементов для интернет-магазина Аспро: Максимум
-
Библиотека UI-элементов для интернет-магазина Аспро: Ландшафт
-
Библиотека UI-элементов для интернет-магазина Аспро: Приорити
-
Библиотека UI-элементов для интернет-магазина Аспро: Корпоративный сайт 2.0
-
Библиотека UI-элементов для интернет-магазина Аспро: Шины и диски 2.0
В разделе «Оформление» показаны варианты отображения текста с использованием заголовков различных уровней для разбиения информации на блоки меньшего размера, что упрощает ее восприятие, и позволяет отделить смысловые блоки друг от друга.
Для того, чтобы визуально выделить перечисление, например, преимуществ сотрудничества, вы можете задействовать один из вариантов представления списков: нумерованный/ненумерованный, иерархический/линейный или с детальным описанием. Также при создании списка в качестве маркера доступно использование пиктограмм, которые включены в библиотеку.
Для приверженцев интересной подачи материала приведен пример оформления цитат и буквиц, гармонирующий с общей стилистикой решения.
Цитата – это ключ, основная идея статьи, поэтому она должна особым образом выделяться на общем фоне и «цеплять» даже беглый взгляд посетителя.
Использование буквицы как художественного приема оформления текста делает его более приятным для чтения и украшает страницу, которая не изобилует другими яркими деталями.
В библиотеке присутствуют средства визуального оформления кода. Выражения из кода в тексте выделяются использованием другого цвета для него самого и его заднего фона, а строки кода для удобства помещаются в специальные блоки, чтобы ни один символ не потерялся в тексте описания.
В этом же разделе вы можете ознакомиться со стилями оформления таблиц, которые удобно использовать для представления структурированной информации (к примеру, отображения реквизитов компании).
Если вам необходимо выделить какой-либо элемент текста, вы можете установить возле него «визуальный якорь» в виде одной из пиктограмм, что в огромном множестве перечислены в разделе «Иконки». Например, к электронному адресу тех. поддержки с меткой легко будет вернуться в подробной инструкции по настройке программного продукта в случае, если инструкция не помогла и на одном из этапов возникли непредвиденные затруднения.
Также в этом разделе вы можете выбрать один из вариантов цветовой схемы, доступный для иконок большего размера.
Раздел «Кнопки» отображает варианты активных и неактивных кнопок, отличающихся размерами и расцветкой, чье поведение также различно при наведении на них указателя.
Раздел «Элементы» содержит примеры внешнего вида ярлыков (Labels) – иконок, содержащих исчерпывающую информацию, например, об участии предложения в действующей акции или отношение товара к хитам продаж.
Здесь же вы можете ознакомиться с отображением всплывающей подсказки, призванной при наведении указателя раскрыть посетителю значения используемых в статье терминов или внести некоторые уточнения.
Пример внутренних вкладок, используемых для улучшения организации предоставляемых пользователю сведений, демонстрирует оформление активных и неактивных вкладок, и поведение страницы при переключении с одной вкладки на другую.
Помимо прочего в этом разделе показаны способы представления аккордеона и его поведения при разворачивании скрытого по умолчанию варианта/полного списка. Функциональной особенностью этого элемента является возможность выбора посетителем какую информацию необходимо раскрыть более подробно, а какая представляется ему излишней.
Один из вариантов аккордеона используется на странице «Вакансии» в решении Аспро: Digital-компания при выборе соответствующей темы оформления раздела.
Ниже расположены примеры оформления предупреждений, шкалы прогресса, формы обратной связи.
Размеры навигационной панели по страницам раздела представлены в 3х вариантах.
Присутствуют дополнительные средства визуального оформления текстовых блоков.
Также в поставку включены элементы для работы с изображениями – Carousel, Fancybox и рамки для миниатюрных изображений.
Содержание главы:
назадМобильная шапка и мобильное меню Использование библиотеки UI-элементоввперед
Использование библиотеки UI-элементов
В этом уроке мы расскажем и покажем наглядно, как можно использовать UI элементы из библиотеки, включенной в поставку решения, а также как пользоваться возможностями верстки, вставлять иконки, кнопки и элементы оформления на сайт.
Внимание! Для успешной работы с html-кодом понадобятся хотя бы минимальные знания тегов и принципов записи. Если возникают сомнения или нужно попрактиковаться, вы можете смело экспериментировать с версткой на тестовой странице. Изменение html-кода может испортить верстку отдельной страницы, но не сломает весь сайт.
Представленные на демо-сайте UI элементы являются html-кодом, который вы можете скопировать и вставить в нужное место на странице сайта. В качестве примера добавим на сайт элемент «Шестеренки» и заголовки разного размера.
Перейдите на нужную страницу сайта, где вы хотите разместить элементы, активируйте режим правки и откройте страницу для редактирования. Переключитесь на совмещенный режим отображения, чтобы было видно одновременно и html-код, и внешний вид содержимого.
Откройте на вашем сайте раздел с библиотекой UI-элементов, перейдите на страницу с нужным содержимым, войдите в режим редактирования и также переключитесь в нем на совмещенный режим отображения.
Скопируйте код интересующих вас элементов и вставьте на странице своего сайта.
В нашем примере скопирован код заголовка и код элемента «Шестеренки». Вы можете вносить изменения в код – например, убрать тестовый текст под заголовком или поменять подпись под шестеренками.
После сохранения изменений на странице отображаются нужные элементы:
Важно! Для Аспро: Максимум, начиная с версии 1.6.1, чтобы работали иконки, нужно дополнительно подключить библиотеку иконок font awesome. Подключение производится на той странице, где они будут отображаться. Для этого вставьте код CJSCore::Init(‘aspro_font_awesome’) на странице.
Для Аспро: Корпоративный сайт 3.0 код отличается: CJSCore::Init(‘aspro_font-awesome’).
Подключение библиотеки на Аспро: Лайтшоп
Для десктопной версии Аспро: Лайтшоп вставьте следующий код: \Aspro\Lite\Functions\Extensions::init( БИБЛИОТЕКА);
А для мобильной версии: \Aspro\Lite\Functions\ExtensionsMobile::init(БИБЛИОТЕКА);
Чтобы найти все доступные библиотеки, перейдите в административную часть сайта. Выберите Контент (1) → Структура сайта (2) → Файлы и папки (3). Вставьте следующий путь в поле:
— для десктопной версии: /bitrix/modules/aspro.lite/lib/functions/Extensions.php
— для мобильной версии: /bitrix/modules/aspro.lite/lib/functions/ExtensionsMobile.php
Доступные библиотеки находятся в массиве $arConfig.
назадГрафические материалы Установка модулей сторонних разработчиковвперед
Установка модулей сторонних разработчиков
Решения «Аспро» поддерживают стандартный набор модулей и компонентов 1С-Битрикс.
Мы не тестируем модули и компоненты сторонних разработчиков, поэтому не можем гарантировать совместимость с решениями «Аспро» и 100% работоспособность на готовом сайте. Для того, чтобы установить такое решение, рекомендуем обратиться к сертифицированным партнерам 1С-Битрикс.
Внимание! Если вы собираетесь установить модуль или компонент стороннего разработчика, помните: вы делаете это на свой страх и риск. Любые вмешательства такого рода приравниваются к изменению кода и могут привести к нарушению логики работы решения, изменениям верстки и программным ошибкам. Перед тем, как устанавливать модуль, убедитесь, что вы обладаете необходимыми навыками для внесения изменений в решение и обязательно выполните резервное копирование.
назадИспользование библиотеки UI-элементов
Полная версия курса: Аспро: Корпоративный сайт 2.0 в базе знаний Аспро. Вопросы по внедрению, настройке или обновлению решения — свяжитесь со мной.
Работаю удалённо — цены и условия для вашего города: