Аспро: Корпоративный сайт 3.0 — документация, часть 6 из 7: Настройки футера
Источник: официальный курс «Аспро: Корпоративный сайт 3.0» из базы знаний Аспро. Решение: Аспро: Корпоративный сайт 3.0. Справочная выгрузка сертифицированного партнёра Аспро, обновлено 19.09.2026.
Части курса: 1 · 2 · 3 · 4 · 5 · 6 · 7
Содержание
- Настройки футера
- Мультирегиональность
- Настройка хостинга для региональности на поддоменах
- Обзор настроек
- Замена контактной информации на странице контактов в регионах
- Разделы и карточки регионов
- Автогенерация robots.txt
- Настройка Композитного сайта
- Название региона в заголовках и SEO-тегах
- Мультирегиональность – каждому региону свой контент
- Автозамена контента по регионам с помощью тегов
- Передача региональных переменных в почтовые шаблоны
- Настройка определения местоположения по Geo IP
- Система обратной связи
- Посадочные страницы
- Личный кабинет
- Мобильная версия
- SEO, маркетинг, реклама
- Интеграция с другими сервисами
- Требования к графическим материалам
- Для веб-разработчиков
- Установка модулей сторонних разработчиков
Настройки футера
назадИконки и почта для телефонов Типы и состав футеравперед
Типы и состав футера
В решении Allcorp3 вы можете настроить не только верхнюю часть сайта (шапку), но и его подвал.
На выбор вам предлагается 4 типа футера в светлой и темной цветовой гамме с разным расположением элементов. Вы можете настроить тип и состав футера в публичной части.
Для этого откройте виджет на вкладке «Футер». Здесь находятся шаблоны видов подвала сайта. Выберите тот, который лучше всего подходит вам: подробный, компактный, средний.
В этом же окне вы можете задать состав и цвет футера. Активируйте и деактивируйте необходимые элементы для футера. При деактивации одного из элементов футера, пространство заполняется остальными элементами, чтобы визуально не было пробелов. Также вы можете настроить цвет футера: темный или светлый.
Настройка футера в административной части сайта
Настроить тип футера и его состав можно и в административной части сайта. Пройдите путь: Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3).
Найдите блок «Футер». Задайте тип, цвет (1) и состав футера (2). Сохраните настройки.
назадНастройки футера Пункты меню в футеревперед
Пункты меню в футере
Пункты меню в футере — дополнительная навигация по разделам сайта. Вы можете задать пункты самостоятельно. Количество пунктов и их расположение зависит от типа футера.
Чтобы изменить пункты в публичной части сайта, в режиме правки наведите на элементы. В появившемся меню кликните по «Редактировать пункты меню».
Здесь вы можете изменить названия элементов (1), ссылки (2) или добавить новые элементы (3). После изменений сохраните настройки.
Чтобы изменить пункты в административной части сайта, перейдите Контент (1) → Структура сайта (2) → Файлы и папки (3).
За пункты меню отвечают несколько файлов:
- Меню типа «bottom1» — компания.
- Меню типа «bottom2» — каталог.
- Меню типа «bottom3» — услуги.
- Меню типа «bottom4» — возможности.
- Меню типа «bottom5» — информация.
- Меню типа «bottom6» — тип футера 4.
назадТипы и состав футера Социальные сети в футеревперед
Социальные сети в футере
В футер сайта вы можете добавлять социальные сети компаний, которые представляют вас. Используйте инструмент для привлечения новых пользователей из числа подписчиков и участников групп. Активное использование возможностей социальных сетей в продвижении товаров и услуг позволит охватить аудиторию, которая больше предпочитает узнавать о новостях, новинках, акциях и скидках из новостной ленты, чем из email-рассылок или баннерной рекламы.
Чтобы настроить ссылки на соцсети, нужно перейти в административную часть и проделать путь: Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) → Обязательные настройки для быстрого запуска (4).
Откройте вкладку «Обязательные настройки для быстрого запуска» и пролистайте до блока «Ссылки на страницы в соцсетях». Заполните ссылки в соответствующих полях в блоке «Социальные сети».
Ссылки на социальные сети выводятся в виде иконок в футере сайта, шапке, на странице контактов и выпадающем списке. Если одно из полей в разделе не заполнено, иконка соцсети, которую оно привязывает, выводиться не будет.
назадПункты меню в футере Способы оплаты в футеревперед
Способы оплаты в футере
В футере вы можете указать информацию о способах оплаты. Эти данные только знакомят пользователя с возможными вариантами. Вы можете удалить те способы оплаты, которые у вас не доступны.
Чтобы изменить способы оплаты, откройте публичную часть сайта в режиме правки.
Наведите на область с иконками и нажмите на «Редактировать onfidentiality как html».
В открывшемся окне удалите строки с названиями тех способов оплаты, которых у вас нет. Сохраните изменения.
Доступные иконки:
| Платежная система | Иконка | Код |
|---|---|---|
| Наличные |  | |
| MasterCard |  | |
| Visa |  | |
| WebMoney |  | |
| Qiwi Кошелек |  | |
| Сбербанк |  | |
| Альфа-банк |  | |
| МИР |  | |
| ЮMoney |  | |
| ЮKassa |  | |
| Т-банк |  | |
| Jcb |  | |
| Paypal |  | |
| Maestro |  | |
| Belkart |  | |
| Halva |  |
назадСоциальные сети в футере Подпись сайта в футере вперед
Подпись сайта в футере
В футере вы можете указать информацию о компании. Чаще всего отмечают период работы сайта или текущий год. Вы можете изменить эту информацию под свои цели.
Чтобы изменить подпись, откройте публичную часть сайта в режиме правки. Наведите на область с текстом и нажмите на «Редактировать Copyright как php».
Измените текст в открывшемся окне и сохраните.
назадСпособы оплаты в футере Мультирегиональностьвперед
Мультирегиональность
Мультирегиональность – это функционал, который поможет запустить крупный проект и выйти в другие города. Если вы имеете сеть представительств по миру или стране, настройте мультирегиональность с возможностью выбора отображения контента, в зависимости от города:
- Контакты
- Партнеры
- Акции
- Услуги
- Продукты
- Проекты
- Лицензии
- Вакансии
- Сотрудники
- Новости в личном кабинете
- Посадочные страницы
- Большие баннеры
- Плавающие баннеры
- Тизеры.
Каждому региону – свое SEO-продвижение
Для регионов предусмотрена генерация заголовков и тегов с наименованием – например, «Аренда спецтехники в Челябинске» и «Аренда спецтехники в Москве». С Аспро: Корпоративный сайт 2.0, Аспро: Корпоративный сайт 3.0 и Аспро: Приорити 2.0 вы сможете продвигаться по каждому отдельному региону.
Автоматическая генерация файла robots.txt
Файлы robots.txt для каждого города с разрешениями и исключениями для поисковых роботов генерируются автоматически. Вам не нужно будет создавать их для каждого поддомена вручную – лишь добавить несколько своих строк в готовые инструкции.
2 вида мультирегиональности
В решении предусмотрено 2 вида мультирегиональности: на одном домене и на поддоменах. При выборе варианта использования региональности на одном домене в браузерной строке будет отображаться один и тот же адрес основного домена (независимо от того, для какого города просматривается версия сайта).
При выборе варианта на поддоменах при переключении городов или регионов адрес интернет-магазина будет меняться в соответствии с выбранным городом.
Пошаговая настройка
Настроить мультирегиональность вы можете самостоятельно, без привлечения специалистов. Подробная инструкция в документации поможет разобраться с функционалом и проведет вас по каждому шагу настройки.
Содержание главы:
назадПодпись сайта в футере Настройка хостинга для региональности на поддоменахвперед
Настройка хостинга для региональности на поддоменах
Чтобы воспользоваться функцией мультирегиональности, нужно внести изменения в параметры домена, а именно в поле, содержащее записи о псевдонимах.
Псевдонимы или алиасы – это домены, которые ведут в одну и ту же папку на сервере. Чтобы сделать один из доменов алиасом другого, нужно привязать его к папке, куда ведет целевой домен. Например, домены chel.next.aspro-demo.ru и ekb.next.aspro-demo.ru – это алиасы для основного next.aspro-demo.ru.
Хостинг-провайдеры используют разные панели управления веб-сервером, поэтому интерфейсы личных кабинетов могут немного отличаться друг от друга. В документации последовательность действий и расположение элементов описаны на примере хостинга Reddock.
Войдите в личный кабинет на хостинге. В меню слева раскройте раздел «Товары/Услуги» (1) и выберите используемый тип услуги: «Виртуальный хостинг» или «Виртуальные серверы» (2). Выберите в списке нужную услугу (3) и нажмите кнопку «Перейти».
Если у вас виртуальный хостинг, на панели меню слева перейдите в «WWW» (1) → «WWW-домены» (2). В открывшейся вкладке выделите сайт (3), для которого нужно установить сертификат, и нажмите кнопку «Изменить».
Если у вас виртуальный сервер, на панели меню слева перейдите в «WWW» (1) → «Сайты» (2). В открывшейся вкладке выделите сайт (3), для которого нужно установить сертификат, и нажмите кнопку «Изменить».
Если Вы еще не используете SSL-сертификат, в настройках домена в поле «Псевдонимы» добавьте запись вида «*.mydomain.ru» (без кавычек), где mydomain.ru – имя основного домена.
Если SSL-сертификат уже установлен, понадобится в том же поле ввести вручную имена всех поддоменов.
После этого вам нужно будет перевыпустить сертификат. Для этого опуститесь чуть ниже, к раскрывающемуся списку SSL-сертификатов. Выберите пункт «Новый сертификат» и сохраните изменения.
Мы показываем настройку на примере бесплатного SSL-сертификата Let’s Encrypt. Однако у него есть ограничения на наличие не более 100 имен в сертификате. Если количество поддоменов превышает это значение, стоит приобрести коммерческий сертификат. Например, Comodo Essential SSL WildCard. Он не имеет ограничений по количеству поддоменов.
Нажмите «Ок». В новой вкладке активируйте поле «Wildcard сертификат» и сохраните изменения.
После этого будет создана заявка. Результат вы увидите через несколько минут.
Проверьте, чтобы в настройках сайта были указаны доменное имя и URL-сервер. Для этого необходимо перейти в Настройки → Настройки продукта → Сайты → Список сайтов. В блоке «Параметры для определения сайта в публичном разделе» прописать список доменных имен и поддоменов. Также нужно указать название домена в строке «URL сервера (без http://)» в разделе «Параметры». Сохраните изменения.
назадМультирегиональность Обзор настроеквперед
Обзор настроек
Активацию и параметры настройки мультирегиональности можно задать в административной части сайта и в публичной.
Административная часть сайта
В административной части сайта настройки**(1)** находятся в Аспро (2) → Аспро: Allcorp2 (3) → Настройки (4).
В Аспро: Корпоративный сайт 3.0: Аспро → Аспро: Allcorp3 → Настройки → Регионы.
В Аспро: Приорити 2.0: Аспро → Аспро: Priority2 → Настройки → Регионы.
Затем перейдите в разделе «Регионы». Здесь можно:
- Активировать региональность (1)
- Задать ее тип – на одном домене или поддоменах (2)
- Выбрать вид отображения регионов (3)
- Применять региональный фильтр (4) – эта опция позволяет отображать разный контент в зависимости от выбора региона. При смене будут отображаться только элементы, привязанные к региону
- Выбрать – отображать строку поиска с выводом городов или без (5). При включенной опции во всплывающем окне выбора региона будет отображаться только строка поиска без вывода городов, что позволит ускорить отображение выбора городов.
Для удобства использования решения параметры 1-4 выведены в виджет настроек в публичной части сайта.
Публичная часть сайта – виджет настроек
Если вы раскроете виджет настроек (1) и перейдите на вкладку «Регионы» (2), то увидите:
- ползунок, активирующий функцию мультирегиональности и включающий отображение параметров ее настроек, расположенных ниже (3);
- переключатель вариантов отображения мультирегиональности в адресной строке браузера (4): на одном домене или на поддоменах;
- переключатель способа вывода списка регионов (5): в виде выпадающего списка, попап-окна только с перечнем городов или выборкой по областям и округам.
Рассмотрим настройки функционала подробнее. При выборе варианта использования региональности «На одном домене», независимо от того, для какого города просматривается версия сайта, в браузерной строке будет отображаться один и тот же адрес основного домена: yoursite.ru
Если выбрать вариант «На поддоменах», то при переключении городов или регионов адрес интернет-магазина будет меняться в соответствии с выбранным городом: например, ekb.yoursite.ru. Достигается это при помощи шаблона region.site.ru, где site.ru – имя основного домена, а region – название региона.
Если вы планируете заниматься SEO-продвижением, то этот вариант предпочтительнее: поисковые роботы будут индексировать свой поддомен для каждого города или региона – нужно будет лишь указать ссылки на них через файлы robots.txt. О том, как это сделать, мы расскажем далее.
Выбор вида отображения мультирегиональности
На выбор предлагается 3 варианта отображения: «Выпадающий список», «Попап окно только с городами», «Попап окно с областями, округами».
Если в качестве вида отображения регионов установить «Выпадающий список», переключение между регионами станет возможным из разворачивающегося меню. Названия городов будут расположены друг под другом. Этот вариант подходит для организаций с небольшим количеством представительств, когда посетителю не составит труда найти в перечне нужный город.
«Попап окно только с городами» будет выгодно смотреться на сайтах организаций, которые имеют не более 8 филиалов. Пользователю будет проще найти свой регион с помощью строки поиска.
Настройка переключения между регионами в виде попап-окна с областями и округами – оптимальный вариант для крупных компаний с большим количеством филиалов. Пользователю предлагается выбрать сначала округ, затем область или край, и только потом город. Также здесь предусмотрены поисковая строка и быстрый переход к версиям сайта для избранных городов.
При включенной опции «Отображать только строку поиска городов» во всплывающем окне выбора региона будет отображаться строка поиска без вывода городов, что позволит ускорить отображение выбора городов. Включайте эту настройку, если хотите ускорить загрузку выбора региона. А также если у вас большое количество филиалов по всей стране, например, более 100.
назадНастройка хостинга для региональности на поддоменах Замена контактной информации на странице контактов в регионахвперед
Замена контактной информации на странице контактов в регионах
В Аспро: Приорити 2.0, Аспро: Корпоративный сайт 3.0 и Аспро: Корпоративный сайт 2.0, начиная с версии 1.1.2, вы можете настраивать отображение контактной информации в разделе «Контакты»:
- подгружать из модуля настроек. Контакты будут одинаковые во всех городах
- подгружать контактную информацию из настроек региона.
Будем рассматривать настройки на решении Аспро: Корпоративный сайт 2.0. В Аспро: Корпоративный сайт 3.0 нужно проделать настройки по аналогичному алгоритму.
Контактная информация подгружается из модуля настроек.
Москва
Екатеринбург
Контактная информация изменяется в зависимости от региона
Москва
Екатеринбург
Чтобы выбрать, откуда подгружать контактную информацию, перейдите в Аспро → Аспро: Allcorp2 → Настройки. Активируйте или деактивируйте поле «Отображать контактную информацию в зависимости от региона». Сохраните изменения.
назадОбзор настроек Разделы и карточки регионоввперед
Разделы и карточки регионов
Управление карточками
Управление карточками осуществляется в административной части сайт. Перейдите в Контент (1) → Региональность (aspro.allcorp2)(2) → Регионы (3). Здесь вы можете заложить структуру своей будущей мультирегиональности в виде разделов, подразделов и отдельных элементов-городов.
При переходе в инфоблок вам будут доступны 2 возможности: добавить город (4) и добавить раздел (5). Города нужно будет создавать всегда, а разделы – в зависимости от выбранного типа отображения мультирегиональности ( «Выпадающий список», «Попап-окно только с городами», «Попап окно с областями, округами»).
Разделы
Если вы выбрали 3 вариант мультирегиональности – «Попап окно с областями, округами» в инфоблоке нужно будет создать сначала разделы округов, затем – областей, и только после этого – городов. В этом случае в публичной части сайта все ваши филиалы будут располагаться в виде разделов и подразделов, через которые легко найти свой город.
Если вы выбрали варианты отображения регионов «Выпадающий список» и «Попап окно только с городами», то разделы можно не заводить – в публичной части они все равно не будут отображаться. Просто «сложите» все города в корень инфоблока.
Давайте посмотрим, как добавить отдельный город. Используйте кнопку «Добавить город». Для создания региона нажмите «Добавить раздел».
Все действия с карточками (создание, удаление, изменение) стандартны для 1С-Битрикс. При создании в базе данных нового региона достаточно задать активность (1), указать название (2) и родительский раздел (3).
При создании карточки на область, которая входит в состав региона, например, для Свердловской области, поле «Родительский раздел» должно иметь соответствующую запись, для примера это «.Урал» или «.Уральский регион». Рассмотрим подробнее карточки для городов.
Карточки для городов
При создании новой карточки на основной вкладке вы можете задать активность (1) указать название города (2) и можно установить галку «Город по умолчанию»(3). Если пользователь заходит из региона, которого нет в вашем списке городов, открывается город по умолчанию.
Если вы используете отображение регионов в виде попап окна с областями и округами и при попапе с городами или строку поиска, активный параметр «Избранное местоположение» (4) добавит отмеченный город в поле быстрого выбора.
В поле «Основной домен» вы можете указать название основного домена (5), например, magnitogorsk.allcorp2.aspro-demo.ru. Поле «Домены» (6) позволяет привязать существующие псевдонимы для основного поддомена, например, magnitogorsk2.allcorp2.aspro-demo.ru. Если доменное имя сайта прописано на кириллице, в качестве URL нужно использовать Punycode. Получить его можно через конвертор доменных имен.
Пропишите названия города в разных падежах (7) на вкладке «Склонение». Это позволит грамотно оформлять заголовки с использованием SEO-тегов. Подробнее об этом в следующей главе.
На вкладке «Информация» добавьте номера телефонов (8) и email филиала**(9).**
Также здесь предусмотрено поле для ввода адреса (10) и режима работы филиала (11).
назадЗамена контактной информации на странице контактов в регионах Автогенерация robots.txtвперед
Автогенерация robots.txt
Файлы robots.txt и sitemap.xml – это самые важные для SEO-продвижения файлы сайта. В них содержатся команды для поисковых роботов. Благодаря им они понимают, какие страницы индексировать, а какие нет.
Эти файлы создаются администратором сайта. Подробности читайте в документации 1С-Битрикс:
Генератор robots.txt
Генерация файла карты сайта
Далее вам нужно сгенерировать эти же файлы для каждого региона. Обычно файлы robots.txt и sitemap.xml для различных регионов создаются, настраиваются и редактируются вручную. В Аспро: Корпоративный сайт 2.0 реализована возможность автоматической генерации файлов. Это принципиально новое решение задачи, которое позволит вам сэкономить время SEO-специалиста и сократить количество ошибок, которые возможны при ручном создании robots.txt и sitemap.xml под каждый регион. Рассмотрим, как работает этот функционал, и как с его помощью научиться автоматически генерировать нужные файлы.
После того, как вы создали файлы robots.txt и sitemap.xml для основного домена, инструкции из них можно продублировать в файлы, настраивающие доступ поисковых роботов к поддоменам. И здесь вам понадобится функция генерации файлов.
Чтобы воспользоваться автоматической генерацией robots.txt, перейдите в административной части сайта в Аспро (1) → Аспро: Allcorp2 (2) → Генерация файлов (3) → robots.txt (4). Включите региональность и выберите тип «на поддоменах» для возможности перегенерации robots.txt.
Используйте кнопку «Пересоздать robots.txt» для копирования основного файла robots.txt в директорию /aspro_regions/robots/ для каждого поддомена. Копии основного файла для поддоменов именуются по шаблону «robots_DOMAIN.txt». В каждой из них запись директивы Host будет изменена.
Также предусмотрена возможность пересоздания файла robots.txt только для конкретного поддомена. Для редактирования файла используйте одноименные кнопки.
назадРазделы и карточки регионов Настройка Композитного сайтавперед
Настройка Композитного сайта
Технология 1С-Битрикс: Композитный сайт и Автокомпозит позволяет увеличить скорость загрузки сайта в 100 раз.
Если вы используете эту технологию у вас на сайте, необходимо настроить ее под мультирегиональность. Предупреждаем, что если региональность подключить на одном домене, композит не будет корректно работать. Поэтому рекомендуем либо отключить композитный сайт, либо использовать региональность на поддоменах.
Включите доменные имена по каждому региону в список, чтобы Автокомпозит и Композит работали на всех страницах сайта.
Для этого перейдите в настройки Композитного сайта: Настройки → Настройки продукта → Композитный сайт → Настройки.
Далее идем на вкладку «Настройки». В блоке «Настройки» найдите поле «Список доменных имен (каждое в новой строке)». Скопируйте туда все доменные имена регионов.
Сохраните изменения. Настройка завершена!
назадАвтогенерация robots.txt Название региона в заголовках и SEO-тегахвперед
Название региона в заголовках и SEO-тегах
Чтобы название города верно отображалось в заголовках и результатах поисковых запросов, необходимо заполнить соответствующие поля в карточке города, для которого производится установка SEO-тегов. Сделать это можно в Контент → Региональность (aspro.allcorp2 или aspro.allcorp3) → Регионы на вкладке «Склонение».
Рассмотрим установку SEO-записи на примере заголовка раздела «Самосвалы» для Челябинска.
Для этого в режиме правки наведем указатель в публичной части сайта на область раздела и нажмем на всплывшем меню пункт «Изменить раздел».
Перейдем на вкладку с настройками SEO. Чтобы получить заголовок вида «Самосвалы в Челябинске», в поле «Заголовок раздела» добавим запись:
{=this.Name} в #REGION_NAME_DECLINE_PP#,
где {=this.Name} – имя раздела (Самосвалы), а #REGION_NAME_DECLINE_PP# – название города в предложном падеже.
После сохранения изменений получим следующее:
При заполнении полей SEO для корректного вывода названий городов используйте следующие значения:
#REGION_NAME# – название города в именительном падеже
#REGION_NAME_DECLINE_RP# – в родительном падеже
#REGION_NAME_DECLINE_PP# – предложном
#REGION_NAME_DECLINE_TP# – творительном.
назадНастройка Композитного сайта Мультирегиональность – каждому региону свой контентвперед
Мультирегиональность – каждому региону свой контент
Вы сможете привязывать контент к нужному городу, а также указывать телефон, email или адрес отдельно по регионам.
Привязка региона актуальна для:
- новостей;
- статей в блоге;
- акций;
- услуг;
- продуктов;
- основных баннеров;
- фоновых картинок;
- посадочных страниц;
- тизеров;
- рекламных баннеров (на внутренних и главной страницах).
Пример отображения контактных данных для жителей:
- Москвы
- Челябинска
В этой главе мы расскажем, как активировать фильтр для контента, настроить содержание перечисленных элементов для регионов, а также о том, как привязать товары к определенному региону.
Примечание: начиная с версии 1.1.8 для связанных элементов автоматически работает региональный фильтр. Вы также можете отключить его в нужном вам инфоблоке. Для этого удалите или переименуйте свойство LINK_REGION.
Содержание главы:
назадНазвание региона в заголовках и SEO-тегах Настройка регионального фильтра для контентавперед
Настройка регионального фильтра для контента
Чтобы для каждого региона была актуальная информация об акциях, новостях, курсов, необходимо настроить региональный фильтр. Для этого перейдите в административной части сайта:
В Аспро: Корпоративный сайт 2.0: Аспро (1) → Аспро: Allcorp2 (2) → Настройки (3).
В Аспро: Корпоративный сайт 3.0: Аспро → Аспро: Allcorp3 → Настройки.
В Аспро: Приорити 2.0: Аспро → Аспро: Priority2 → Настройки.
Найдите в списке блок «Регионы» и активируйте параметр «Применять региональный фильтр».
Здесь же для решения Аспро: Корпоративный сайт 3.0, начиная с версии 1.2.7, вы можете активировать региональный каталог. Если включить эту опцию, то каталог, товары на главной и связанные товары будут фильтроваться по свойству LINK_REGION.
Теперь перейдите в публичную часть. Перейдите в настройки компонента, где должен применяться фильтр, например, в акции. Наведите на область страницы и нажмите на шестеренку.
В настройках компонента новостей выберите пункт «Фильтр» и укажите значение «arRegionLink».
Сохраните изменения.
Результат
Акция про скидку в 20% привязана только к Челябинку. Остальные акции привязаны ко всем регионам.
Поэтому в Челябинске эта акция активна.
А в других городах эта акция не отображается.
назадМультирегиональность – каждому региону свой контент Настройка содержания элементов для регионоввперед
Настройка содержания элементов для регионов
Контактная информация должна быть актуальной для каждого региона. Рассмотрим настройку на примере установки разных email’ов и адресов. В админке перейдите в Контент**(1)** → Региональность (aspro.allcorp2 или aspro.allcorp3) (2) и перейдите к редактору одного из городов, которые находятся в базе. Например, для внесения изменений в карточку Москвы следует перейти в Регионы (3) → Центр**(4)** → Московская область (5) и в меню кнопки Гамбургер выбрать пункт «Изменить» (6).
На основной вкладке в группе параметров «Значения свойств» найдите новые поля «Email» (1) и «Адрес» (2). Заполните их соответствующими данными.
Если поля у вас не отображаются, настройте форму редактирования карточки. Для этого кликните по изображению шестеренки в верхнем правом углу и выберите вариант «Настройки».
В редакторе формы в перечнях «Доступные вкладки» (1) и «Вкладки»(2) выделите пункт, соответствующий названию основной вкладки. В данном примере это вариант «Город». В списке «Доступные поля» выберите значения, которые необходимо вывести в форме: «Email» и «Адрес» (3) (чтобы выделить несколько вариантов за один раз, зажмите клавишу Ctrl). Затем нажмите кнопку с изображением стрелки**(4)** и сохраните изменения.
Настройка отображения по регионам продукции, тарифов,услуг – производится в разделе «Контент (aspro.allcorp2)». А баннеров, фоновых изображений, рекламы – в разделе «Реклама и баннеры (aspro.allcorp2)».
назадНастройка регионального фильтра для контента Как привязать товары к определенному регионувперед
Как привязать товары к определенному региону
Мультирегиональность позволит вам создавать не только уникальный контент для каждого региона, но и привязывать различный набор товаров к нужному городу. Например, вы хотите, чтобы посетители из Москвы видели диваны люкс-сегмента, а потенциальные покупатели из небольшого города – мебель эконом-класса.
Вам не нужны навыки программирования, чтобы привязать товар к регионам. Воспользуйтесь инструкцией, где вы в несколько шагов внесете необходимые изменения. Самое главное – нужно включить региональный фильтр, иначе дальнейшие действия не приведут к результату.
В настройках инфоблока каталога нужно добавить новое свойство – LINK_REGION. Затем указать значение «arRegionLink» в настройках параметра компонента «Каталог», чтобы фильтр заработал.
Обратите внимание, что регион необходимо будет задать каждому товару. Если этого не сделать, то товар не будет отображаться во всех регионах.
Добавление свойства LINK_REGION в настройках инфоблока каталога
Активируйте параметр «Применять региональный фильтр» в блоке «Регионы». Перейдите в административной части сайта в Аспро → Аспро: Allcorp2 → Настройки.
Найдите в списке блок «Регионы» и активируйте параметр «Применять региональный фильтр».
Далее перейдите в Контент**(1)** → Инфоблоки (2) → Типы инфоблоков (3) → Каталог (4). Мы покажем на примере раздела «Продукты» (5).
Перейдите на вкладку «Свойства».
Добавьте новый элемент со следующими параметрами:
- название = Регион;
- тип = Привязка к элементам;
- сортировка – например, 100. Индекс сортировки отвечает за порядок отображения свойств в админке и карточке товара;
- код = LINK_REGION;
- Не забудьте указать две галочки – «акт.» и «множ.»;
- «Акт.» (первая галочка) – признак активности свойства. Это необходимо для того, чтобы свойство работало;
- «Множ.» (вторая галочка) – признак множественности свойства. Это необходимо для того, чтобы вы смогли задать несколько регионов, а не один.
Результат:
После того, как нужные настройки выставлены, нажмите кнопку «Применить» или «Сохранить».
Добавление «arRegionLink» в настройки фильтра
Зайдите в публичную часть сайта в режиме правки. Наведите на область страницы в каталоге и нажмите на шестеренку.
В параметрах компонента выберите пункт «Настройки фильтра» и укажите «arRegionLink».
Важно! Это нужно делать в любом случае: и с привязкой контента, и с привязкой товара. Если этого не сделать, то фильтрация по регионам не будет работать
Привязка товаров к нужному региону
Теперь вы сможете задавать регионы для товара. Для этого переходите в административную часть Контент → Каталог → Продукты → Произвольный раздел. В строке нужного товара нажмите на кнопку «Гамбургер», выберите поле «Изменить».
В блоке «Город» нажмите на многоточие для выбора нужного города.
Если поле у вас не отображается, настройте форму редактирования карточки. Для этого кликните по изображению шестеренки в верхнем правом углу и выберите вариант «Настройки».
В редакторе формы в перечнях «Доступные вкладки» (1) и «Вкладки» (2) выделите пункт, соответствующий названию основной вкладки. В данном примере это вариант «Товар». В списке «Доступные поля» выберите значение, которое необходимо вывести в форме: «Города» (3). Затем нажмите кнопку с изображением стрелки (4), с помощью кнопок «выше/ниже» (5) вы можете отредактировать после какого пункта будет отображаться товар. Сохраните изменения.
После нажатия на многоточие в блоке «Город» откроется окно для выбора регионов:
На строке с нужным городом кликните на «Гамбургер» и нажмите на поле «Выбрать».
После выбора нужных регионов не забудьте все сохранить в редактировании товара. Товар отобразится только в тех регионах, которые вы выбрали.
назадНастройка содержания элементов для регионов Отображение контентных разделов в регионахвперед
Отображение контентных разделов в регионах
У пользователей из разных городов потребности отличаются. Поэтому контент сайта подстраивается под регионы. Если услуга «Аренда спецтехники» привязана только к Магнитогорску и Екатеринбургу, то в Москве она не отобразится. Функционал доступен в решении Аспро: Корпоративный сайт 3.0 с версии 1.3.1.
В Екатеринбурге раздел отображается.
В Москве раздел не отображается.
Чтобы привязать раздел к региону, зайдите в его настройки. Для этого в административной части сайта перейдите в Контент → Контент (aspro.allcorp3) и перейдите в необходимый раздел. В строке с названием раздела кликните на «Гамбургер», затем на «Изменить».
Перейдите на вкладку «Доп. поля». В поле «Регион» выберите города. Чтобы выбрать несколько полей, зажмите клавишу Ctrl и кликните по названиям. Сохраните изменения.
Если поле «Регион» отсутствует, добавьте пользовательское свойство на этой же вкладке.
При создании пользовательского свойства укажите следующие настройки:
- Тип данных — привязка к элементам инф. блоков.
- Код поля — UF_REGION.
- XML_ID — UF_REGION.
- Множественное свойство.
- Инфоблок — регионы.
- Подпись и заголовок свойства.
Сохраните изменения.
После этого в настройках раздела перейдите по шестеренке в правом верхнем углу.
Перетащите созданное поле «Регион» на вкладку «Доп. поля» и сохраните изменения.
Задайте необходимый регион.
Когда необходимые города в поле «Регион» будут выбраны, перейдите в Аспро (1) → Аспро: Корпоративный сайт 3.0 (2) → Настройки (3) → Регионы (4).
Активируйте параметр «Применять региональный фильтр» и сохраните изменения.
При включенной опции будет применяться глобальный фильтр «arRegionLink», который необходимо указать в параметрах компонентов «Название фильтра». Будут отображаться только элементы, привязанные к региону.
Затем перейдите в параметры компонента, нажав на шестеренку.
В настройках компонента новостей выберите пункт «Фильтр» и укажите значение «arRegionLink».
После этого раздел привяжется к нужному региону. Настройка завершена!
назадКак привязать товары к определенному региону Автозамена контента по регионам с помощью теговвперед
Автозамена контента по регионам с помощью тегов
У сайта с регионами стоит важная задача – для каждого города нужен уникальный контент.
Есть 2 решения 2 способами:
-
Создать свой контент для каждого региона.
-
Придать уникальности с помощью автоматической замены названий, адресов и других элементов по специальным тегам.
С помощью специального тега REGION_TAG вы можете изменять условия доставки, адреса магазинов, описание товара или даже медиаконтент в автоматическом режиме. Для каждого города будет отображена своя уникальная информация.
Например, вы хотите отображать разную характеристику услуг для Челябинска и Москвы. Покажем, как это сделать на примере тега с кодом REGION_TAG_TEST. Заполним его значение, например «для компаний от 20 сотрудников в Москве» и «для компаний от 7 сотрудников в Челябинске» для разных городов. Добавим тег в карточку товара. Вместо тега будет автоматически подставлять специфичная для региона информация.
Получится такой результат для Челябинска:
для Москвы:
В этой статье расскажем как это сделать.
Инструкция по настройке:
В административной части сайта перейдите в Контент. Здесь нам понадобится внести изменения в несколько вкладок:
-
Региональность (aspro.allcorp2 или aspro.allcorp3) → Регионы.
-
Инфоблоки → Типы инфоблоков → Региональность.
1. Перейдите в Инфоблоки → Типы инфоблоков → Региональность → Регионы. на вкладку «Свойства».
2. Заполните пустое поле новым свойствам, параметры расписаны ниже. Если у вас его нет, нажмите на кнопку «еще».
- Название: название тега — например, «Тег региона для примера»;
- Тип: тип значения тега — строка, число, дата и т.д. Если вы хотите настроить тег для автоматической замены текста или медиаконтента, выберете тип строка;
- Акт.: чтобы включить тег, отметьте поле галочкой. Для деактивации снимите отметку;
- Код: код тега в системе. В нашем примере – «REGION_TAG_TEST»
Внимание! Код тега должен быть написан заглавными английскими буквами и начинаться со слов REGION_TAG_ (через нижнее подчеркивание).
Например, для разных доставок — REGION_TAG_DOSTAVKA
Для разного времени доставки — REGION_TAG_WORKTIME
Для разных рекламных роликов в описании товара — REGION_TAG_MEDIACONTENT
2. Перейдите во вкладку Контент → Региональность (aspro.allcorp2 или aspro.allcorp3) → Регионы. Откройте нужный регион. Заполните свойство в соответствующем поле.
Если свойство не отображается на карточке региона, перейдите в настройки формы редактирования элемента. Для этого нажмите на шестеренку, затем на «Изменить».
Выделите в доступных вкладках «Город» (1), выберете вкладку (2), где отобразится поле (в нашем примере — вкладка «Город»). Затем выберите поля, которые необходимо переместить. В нашем примере это «Тег региона для примера» (3). Чтобы выбрать сразу несколько полей, выделяйте строки при нажатой клавише ctrl. После того как вы выбрали поля нажмите на стрелку**(4).** Сохраните настройки.
Заполните свойство и сохраните изменения.
Теперь добавим тег в курсы. Перейдите в Контент → Каталог (aspro.allcorp2) → Курсы. В нашем примере мы выбрали «Командообразование». Перейдите в сам курс. Для этого в соответствующем поле нажмите на «Гамбургер», затем на «Изменить».
Добавьте тег #REGION_TAG_TEST# в название курса. Нажмите «Сохранить».
Аналогично можно подставить медиаконтент, для этого скопируйте html-код для вставки от Youtube или Vimeo следующего вида:
Добавьте ссылку в поле тега.
Добавьте тег #REGION_TAG_TEST2# например, в описание к товару. Как получить этот тег мы описали ранее.
Такой результат получится в описании к товару.
назадОтображение контентных разделов в регионах Передача региональных переменных в почтовые шаблонывперед
Передача региональных переменных в почтовые шаблоны
В Аспро: Приорити 2.0, Аспро: Корпоративный сайт 3.0 и Аспро: Корпоративный сайт 2.0, начиная с версии 1.1.0, вы можете передавать региональные переменные в почтовые шаблоны. Используйте новые возможности, чтобы сократить время специалистов на обработку писем и повысить лояльность клиентов:
- Отправляйте заявки с городов конкретным специалистам, если заказы с регионов обрабатывают разные менеджеры.
- Если один менеджер работает с несколькими регионами, отправляйте в заголовках писем названия городов.
- Добавляйте в письма клиентам контактную информацию компании их региона.
Готовые почтовые шаблоны доступны в решении. Чтобы отредактировать или создать новый шаблон, в административной части сайта перейдите в Настройки → Настройки продукта → Почтовые события → Почтовые шаблоны.
Чтобы создать новый шаблон, нажмите кнопку «Добавить» (1). Для редактирования готового шаблона в строке почтового события нажмите на «Гамбургер», затем на «Изменить» (2).
В поле «Кому» пропишите тег #REGION_EMAIL#, чтобы письма приходили менеджеру, который работает в конкретном регионе. Добавьте один тег, если письмо должно приходить только по почте, указанной в описании региона. Добавьте тег через запятую, если письмо будет уходить на другие адреса, которые были прописаны ранее.
Чтобы привязать электронную почту к каждому региону, перейдите в Контент → Региональность (aspro.allcorp2) → Регионы → Ваш регион. На вкладке «Информация» пропишите адреса электронных почт для региона в поле «Email» и сохраните изменения.
На вкладке «Склонение города» заполните поля, если употребляете названия городов в контенте: в родительном, предложном и творительном падежах с помощью региональных тегов.
Возвращаемся в редактирования шаблона. Чтобы отображать в теме письма название города, необходимо прописать специальный тег в поле «Тема»:
#REGION_NAME# — название города.
#REGION_NAME_DECLINE_RP# — название города в родительном падеже.
#REGION_NAME_DECLINE_PP# — название города в предложном падеже.
#REGION_NAME_DECLINE_TP# — название города в творительном падеже.
Чтобы в тексте письма отправлять контактную информацию региона, добавьте специальные теги:
#REGION_NAME# — город.
#REGION_ADDRESS# — адрес.
#REGION_PHONE# — телефон.
Если вы создавали дополнительные свойства для отображения актуальной информации в регионах, добавьте код свойства, обернув его знаком «#».
Чтобы посмотреть код свойства перейдите в Контент → Инфоблоки → Типы инфоблоков → Региональность (aspro.next) → Регионы на вкладку «Свойства». Код свойства отображен в столбце «Код». Скопируйте необходимое поле.
Оберните код символом «#». Результат добавьте в текст или тему письма, например #REGION_TAG_TEST#.
Сохраните все изменения. Отправляйте менеджерам и клиентам информацию, актуальную для региона.
Подробнее о региональных тегах читайте в статье — Автозамена контента по регионам с помощью тегов.
назадАвтозамена контента по регионам с помощью тегов Настройка определения местоположения по Geo IPвперед
Настройка определения местоположения по Geo IP
Geo IP — это технология, которая связывает IP-адреса с физическими местоположениями пользователей. Она позволяет определить их географическую принадлежность: страну, регион или город.
Система автоматически подстраивает сайт под посетителя: показывает актуальные цены, наличие товаров, акции и предложения, которые действуют в его городе. Пользователь видит релевантные для него условия, что снижает вероятность отказа и увеличивает вероятность покупки.
Чтобы подключить сервисы, в административной части сайта перейдите в Настройки (1) → Настройки продукта (2) → Геолокация (3).
Напротив полей GeoIP2 и Sypex Geo нажмите на «Гамбургер» и выберите «Редактировать».
Установите и активируйте сервисы. Затем нажмите «Сохранить».
назадПередача региональных переменных в почтовые шаблоны Система обратной связивперед
Система обратной связи
Система обратной связи реализована как для редакции 1С-Битрикс: Стандарт, так и для редакции 1С-Битрикс: Старт. В этой главе расскажем, какие возможности есть у пользователей обеих редакций, где находятся все результаты заполненных форм и как ими управлять.
Содержание главы:
назадНастройка определения местоположения по Geo IP Система обратной связи: формы на инфоблоках, веб-формы или формы Битрикс24вперед
Система обратной связи: формы на инфоблоках, веб-формы или формы Битрикс24
В решении Аспро: Корпоративный сайт 3.0 система обратной связи реализована 3 способами: на инфоблоках, веб-формах и формах Битрикс24.
-
В зависимости от настройки «Использовать «Веб-формы» вместо инфоблоков», вы выбираете один из вариантов и настраивайте формы под себя. Если у вас редакция «Старт», то вам доступны только формы на инфоблоках. При наличии редакции «Стандарт» и выше, вы можете использовать еще и веб-формы. При этом вы можете настроить интеграцию веб-форм с Битрикс24. Тогда данные будут попадать как в админку, так и в CRM.
-
Если вы обрабатываете заявки только через Битрикс24, то подключайте соответствующие формы. При этом варианте в CRM будут передаваться UTM-метки, которые учитываются в сквозной аналитике. Форма подключается через скрипт, поэтому внешний вид формы будет в стилистике Битрикс24.
Вы можете управлять составом полей каждой формы.
Рассмотрим, как выглядит система обратной связи на веб-формах.
1. Заказать продукт.
2. Заказать проект.
3. Задать вопрос.
4. Написать сотруднику.
5. Оставить отзыв.
6. Написать директору.
7. Оформление заказа.
8. Отправить резюме.
Чтобы выбрать тип форм, перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3).
В блоке «Формы» выберите тип обратной связи. Вы можете настроить каждую отдельно. К примеру, для формы «Заказать продукт» можно выбрать тип «Из настроек решения» и «Формы Битрикс24».
Если вы выберите первый вариант, то вам нужно активировать или деактивировать настройку «Использовать веб-формы вместо инфоблоков», чтобы управлять формами на инфоблоках и веб-формах.
Подробнее о каждом типе форм в следующих уроках.
назадСистема обратной связи Веб-формы для редакции 1С-Битрикс: Стартвперед
Веб-формы для редакции 1С-Битрикс: Старт
В редакции 1С-Битрикс: Старт отсутствует модуль «Веб-формы», поэтому использование функционала системы обратной связи кажется невозможным. Но мы нашли выход из этой ситуации — реализовали систему обратной связи на инфоблоках. Так вы можете не просто заявить о себе в просторах Интернета, но еще и конвертировать посетителей сайта в заявки.
Переключить работу форм обратной связи на инфоблоки можно в Аспро (1) → Аспро: Allcorp3→ Настройки (3).
Перейдите в «Формы» и деактивируйте настройку «Использовать «Веб-формы» вместо инфоблоков».
Содержание главы:
назадСистема обратной связи: формы на инфоблоках, веб-формы или формы Битрикс24 Результаты заполненных формвперед
Результаты заполненных форм
Сообщения пользователей, полученные с форм, хранятся в административной части сайта. Для их просмотра перейдите
Контент(1) → Формы (2) (aspro.allcorp3).
Выберите форму. Для просмотра сообщения кликните по названию.
В группе «Значения свойств» хранится информация, которую оставил пользователь. В форме оформления заказа есть отдельное поле для общей суммы. Заполняется оно автоматически в момент оформления покупки, а в лид CRM-системы передается отдельным полем.
назадВеб-формы для редакции 1С-Битрикс: Старт Управление формамивперед
Управление формами
Вы можете создавать новые, изменять и удалять существующие формы.
Перейдите в Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Формы (aspro.allcorp3) (4).
Для создания новой формы нажмите «Добавить инфоблок» (1). Чтобы изменить (2) или удалить (3) форму, вызовите меню кнопки «Гамбургер» у соответствующей строки и выберите нужный пункт.
Внимание! При удалении инфоблока также удаляются все результаты форм. Перед удалением инфоблока проверьте, чтобы у него не было связи с другими объектами.
Рассмотрим основные настройки инфоблока. На вкладке «Инфоблок»:
-
установите галку «Информационный блок активен» (1), чтобы форму было видно на сайте;
-
придумайте понятный символьный код (латинскими заглавными буквами) (2) – он будет использоваться для привязки к элементам (например, кнопкам);
-
выберите сайт, на котором будет действовать форма (3);
-
дайте форме название (4).
Внизу вкладки есть поле «Описание». Здесь можно добавить небольшой текст, который будет отображаться под заголовком формы.
На вкладке «Свойства» создаются и настраиваются поля форм.
-
Для каждого поля обязательно нужно указать название (1), тип (2) и код заглавными латинскими буквами (7). Тип определяет, какое значение будет принимать поле – «Строка», «HTML/текст» или «Число».
-
Чтобы поле отображалось в форме, установите галку «Акт.» (3).
-
Если поле может хранить более одного значения, отметьте «Множ.» (4) – например, чтобы разрешить загрузку более одного файла за раз.
-
Для полей, которые являются обязательными для заполнения, активируйте параметр «Обяз.» (5).
-
Чтобы задать порядок отображения полей на форме, заполните колонку «Сорт.» (6) — чем меньше индекс сортировки, тем ниже будет положение поля. Для удаления лишней строки установите галку «Удал.» (9) и нажмите «Применить».
-
Колонка «Изм.» (8) содержит кнопки, которые открывает редактор свойств (полей) с дополнительными настройками.
Дополнительные настройки могут понадобиться для определенных типов полей. Например, для поля типа «Список» в таблице «Значения списка» (2) следует задать доступные для выбора варианты. Также здесь можно выбрать внешний вид (1) – список или флажки.
Для типа «Html/текст» в дополнительных настройках можно задать высоту поля ввода.
При создании формы кнопка «Отправить», captcha и информирование о согласии на обработку данных привязываются автоматически (если в решении выставлена соответствующая настройка).
Примечание: После окончания редактирования сохраните изменения и сбросьте кеш, чтобы обновить информацию на сайте.
Подробнее о настройках каптчи можно почитать здесь.
назадРезультаты заполненных форм Веб-формы для редакции 1С-Битрикс: Стандартвперед
Веб-формы для редакции 1С-Битрикс: Стандарт
Вы можете сами выбрать, какой использовать вариант реализации системы обратной связи — стандартными веб-формами от 1С-Битрикс или инфоблоками.
Внимание! Для настройки интеграции решения с CRM-системой включите использование веб-форм от 1С-Битрикс.
Проверить, установлен ли модуль веб-форм можно в административной части сайта в Настройки (1) → Настройки продукта (2) → Модули (3).
Если модуль веб-форм установлен, в решении появится дополнительный параметр — «Использовать веб-формы вместо инфоблоков».
Его можно найти в админке. Пройдите путь: Аспро (1) → Аспро: Allcorp3 → Настройки (3).
Перейдите в «Формы» и активируйте настройку «Использовать «Веб-формы» вместо инфоблоков».
В решении реализованы следующие веб-формы:
1. Заказать продукт.
2. Заказать проект.
3. Задать вопрос.
4. Написать сотруднику.
5. Оставить отзыв.
6. Написать директору.
7. Оформление заказа.
8. Отправить резюме.
Содержание главы:
назадУправление формами Результаты заполненных формвперед
Результаты заполненных форм
Сообщения пользователей хранятся в Сервисы (1) → Веб-формы (2) → Результаты (3). Чтобы просмотреть результаты формы, например, «Заказать звонок», выберите соответствующий пункт (4).
В таблице размещена информация о формах:
-
был ли отправлен результат в CRM (1) – подробнее об интеграции с CRM и способах отправки результатов читайте здесь;
-
когда была отправлена форма (2);
-
от какого пользователя пришло сообщение – зарегистрированного или нет (3);
-
содержимое сообщений с небольших форм (4).
Для просмотра результатов с форм в более удобном виде вызовите меню кнопки «Гамбургер» и нажмите «Изменить».
Данные с формы отобразятся в группе «Поля результата».
В веб-форме оформления заказа также есть поле «Сумма». Здесь общая сумма заказа будет передаваться в лид CRM-системы отдельным полем.
назадВеб-формы для редакции 1С-Битрикс: Стандарт Управление веб-формамивперед
Управление веб-формами
Вы можете создавать (1), изменять (2) и удалять веб-формы (3) в Сервисы → Веб-формы → Настройка форм.
Рассмотрим основные настройки форм. На вкладке «Свойства» находятся следующие параметры:
-
Наименование (1) – заголовок веб-формы;
-
Символьный идентификатор (2) (задается латинскими буквами) – используется для привязки формы к элементам (например, кнопкам);
-
Сайт формы (3) — здесь указываются сайты, на которых будет использоваться веб-форма;
-
Порядок сортировки (4) – определяет положение формы в списке (в админке);
-
Название ссылки на результаты (5) — названия ссылок, куда будут сохранятся результаты работы формы (названия указываются для каждого языка, используемого в системе);
-
Подпись на кнопке, сохраняющей результаты формы (6) — дает название кнопке на форме для отправки результатов;
-
Использовать CAPTCHA (7) – подключает к форме проверку «человек или робот?».
На вкладке «Описание» вы можете добавить текст, который будет отображаться под заголовком формы.
На вкладке «Шаблон формы» вы можете выбрать, какой шаблон использовать — предложенный по умолчанию или свой. О том, как создать свой шаблон, читайте в уроке от 1С-Битрикс.
На вкладке «CRM» настраивается интеграция с Битрикс24. Подробнее об интеграции с Битрикс24, Flowlu читайте здесь.
Перейти к редактированию полей формы можно через верхнее меню (пункт «Вопросы»):
Чтобы добавить новое поле, нажмите одноименную кнопку (1). Для изменения параметров существующего поля раскройте меню кнопки «Гамбургер» и выберите «Параметры вопроса» (2). С помощью этого же меню поле можно удалить (3).
Также к созданию нового поля можно быстро перейти из списка веб-форм — нажмите на «+» в колонке «Вопросы» на соответствующей строке.
При создании нового поля на вкладке «Свойства» обязательно укажите символьный идентификатор (3) (латинскими заглавными буквами). На этой же вкладке:
-
установите галку «Акт.», чтобы пользователи увидели поле (1);
-
укажите индекс сортировки (2) – чем меньше индекс сортировки, тем выше позиция поля на форме;
-
активируйте одноименный параметр, если поле должно быть обязательным для заполнения (4).
Добавьте описание поля на вкладке «Вопрос», чтобы пользователь понял, что ему нужно ввести.
На вкладке «Ответ»:
-
Заполните колонку «Текст» (1) в соответствии с выбранным типом ответа.
-
Укажите в таблице, какой тип данных принимает поле (2). В решении поддерживаются поля под ответы не только в виде текста, но и в виде даты, варианта из перечней типа checkbox, radio, области загрузки файлов и другие типы свойств.
Например, если вы хотите предложить пользователю список, из которого он может выбрать несколько вариантов ответа, установив галки у нужных пунктов – перечислите варианты в колонке «Текст» и установите для каждого из них тип checkbox.
Если же в качестве ответа посетитель должен ввести свой текст, поставьте в первой колонке пробел и выберите нужный тип (text или textarea).
Подробнее о настройке веб-форм вы можете узнать из курса от 1С-Битрикс.
назадРезультаты заполненных форм Генерация веб-формвперед
Генерация веб-форм
Генерация веб-форм
В решении Аспро: Корпоративный сайт 3.0, начиная с версии 1.1.8, добавлена генерация веб-форм.
Функционал позволяет создавать все отсутствующие веб-формы. Они проверяются по символьному коду. Поэтому, если все формы у владельца сайта активированы, но у одной из них изменен код, то при генерации система посчитает, что этой формы нет и вновь добавит ее.
Генерация веб-форм работает только в редакции 1С-Битрикс: Стандарт и выше. Если вы перешли на нее с редакции Старт, то вам не придется создавать веб-формы вручную.
Также функционал доступен только при установленном модуле «Веб-формы». Чтобы подключить его, в административной части сайта перейдите в Настройки (1) → Настройки продукта (2) → Модули (3).
Найдите модуль «Веб-формы» и нажмите «Установить».
Теперь функционал доступен для использования. Перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Генерация веб-форм (3) и нажмите кнопку «Сгенерировать веб-формы».
Если некоторые веб-формы у вас отсутствовали, после генерации будет выведено сообщение об их создании.
Если все формы активы, после генерации будет выведено сообщение «Все веб-формы в актуальном состоянии».
назадУправление веб-формами Кастомные сообщения после отправки формывперед
Кастомные сообщения после отправки формы
В редакции 1С-Битрикс: Стандарт и выше после заполнения веб-формы, вы можете показывать пользователям кастомные сообщения. В файле можно разместить обычный текст или сообщения с версткой.
Пример сообщения стандартной веб-формы от 1С-Битрикс
Пример кастомного сообщение:
Чтобы создать файл с кастомным сообщениям зайдите в административную часть. Проделайте путь Контент (1) → Структура сайта (2) → Файлы и папки (3) → include (4) → form (5).
Создайте файл по принципу: success_(символьный идентификатор).php. После создания текст файла подключится автоматически. Символьный идентификатор веб-формы можно найти по пути: Сервисы (1) → Веб-формы (2) → Настройка форм (3).
Существует 2 способа создания файла:
Добавить файл
Нажмите кнопку «Добавить» и в выпадающем списке выберите «Добавить файл».
Главное указать правильное имя файла, например, success_aspro_allcorp3_callstaff_s1. Также напишите кастомное сообщение.
Сохраните изменения.
Загрузка файлов
Нажмите кнопку «Загрузить файл».
Укажите правильное имя файла, например, success_aspro_allcorp3_callstaff_s1 и прикрепите файл.
Сохраните изменения.
назадГенерация веб-форм Формы Битрикс24вперед
Формы Битрикс24
Построить систему обратной связи можно не только стандартными веб-формами от 1С-Битрикс или инфоблоками. В Аспро: Корпоративный сайт 3.0 мы реализовали простой способ привязки форм Битрикс24 на сайт.
Переключить работу форм обратной связи на Битрикс24 можно в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3).
Перейдите во вкладку «Формы» и для каждой формы выберите соответствующий тип обратной связи — Формы Битрикс24.
Содержание главы:
назадКастомные сообщения после отправки формы Управление формамивперед
Управление формами
Подключить форму из Битрикс24 просто! Достаточно скопировать код формы и вставить в специальное поле на сайте. Рассмотрим подробнее на примере пробной версии Битрикс24.
Перейдите в раздел CRM в левом меню (1). В верхней панели нажмите кнопку «Еще» (2) и выберите пункт «CRM-формы» (3).
По умолчанию в списке есть две стандартные формы — сбор контактных данных и форма обратной связи. Вы можете изменить поля формы с помощью кнопки редактировать (1) или сразу использовать код формы (2) для интеграции с сайтом.
Рассмотрим подключение формы обратной связи на примере предустановленной. Скопируем код на сайт.
В административной части сайта перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3).
В разделе «Формы» переведите нужную форму на Битрикс24 и нажмите кнопку «Редактировать». Рассмотрим на примере формы «Заказать продукт».
Вставьте код формы из Битрикс24 и сохраните изменения.
Теперь при нажатии на сайте на кнопку «Заказать продукт» будет открываться форма Битрикс24, а результаты попадут сразу в CRM.
назадФормы Битрикс24 Результаты заполненных формвперед
Результаты заполненных форм
Сообщения пользователей с форм обратной связи хранятся в Битрикс24 в разделе CRM. В зависимости от того, как вы настраивали форму, результаты формы попадут в лид или сделку.
назадУправление формами Пользовательская веб-форма и ее вывод в кнопке в шапкевперед
Пользовательская веб-форма и ее вывод в кнопке в шапке
Для кнопки в шапке сайта вы можете добавить вывод своей уникальной веб-формы.
В этой статье рассмотрим, как создать пользовательскую форму и добавить ее в кнопку шапки сайта.
Для создания пользовательской веб-формы в административной части сайта перейдите в Сервисы (1) → Веб-формы (2) → Настройка форм (3).
Затем нажмите «Создать».
Затем во вкладке «Свойства» заполните следующие поля:
- Наименование.
- Символьный идентификатор — обязательно должен быть уникальным и начинаться с «aspro_allcorp3 _название».
- Сайты формы — если у вас подключена многосайтовость, в поле будет список из сайтов.
- Сортировку — чем меньше число, тем приоритетнее будет отображение формы при выборе нескольких вариантов в шапке.
- Название ссылки на результаты.
- Подпись на кнопке, сохраняющей результаты формы.
- Использовать CAPTCHA.
Во вкладке «Описание» добавьте описание к форме.
Во вкладке «Шаблон формы» вы можете выбрать шаблон по умолчанию или свой собственный.
Сохраните все изменения формы.
Теперь добавим форму на кнопку в шапке сайта. Для этого перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) → Формы (4).
В группе настроек «Кнопка в шапке и меню» найдите поле «Форма» и выберите в нем созданную уникальную форму. Отметим, что все пользовательские веб-формы отображаются под заголовком «Уникальные из веб-форм».
Сохраните изменения.
Популярная ошибка при создании своей веб-формы
Если при нажатии на кнопку в шапке сайта у вас всплывает ошибка «Укажите корректный ИД формы», вернитесь в настройки редактирования формы (Сервисы → Веб-формы → Настройка форм).
Проверьте символьный идентификатор формы. Он обязательно должен быть уникальным и начинаться с названия вашего решения. В нашем случае будет: «aspro_allcorp3 _name_form».
Неправильное присвоение символьного идентификатора:
Правильное присвоение символьного идентификатора:
Также следите за порядком сортировки формы, чтобы в шапке не открылась другая форма.
назадРезультаты заполненных форм Посадочные страницывперед
Посадочные страницы
назадПользовательская веб-форма и ее вывод в кнопке в шапке Посадочные страницы в разделе «Обзоры»вперед
Посадочные страницы в разделе «Обзоры»
С помощью посадочных страниц в обзорах можно увеличить конверсию. Вы можете создавать или изменять лендинги в отдельном разделе «Обзоры». Используйте посадочные страницы для предложений под рекламную компанию, определенные поисковые запросы или для обзоров новых поступлений товаров.
Содержание главы:
назадПосадочные страницы Настройки оформления раздела «Обзоры»вперед
Настройки оформления раздела «Обзоры»
Раздел «Обзоры» — список обзоров на товары и проекты компании, с которыми пользователи могут ознакомиться на странице сайта. В этом разделе вы можете выводить обзоры за определенный год.
Настроить оформление раздела можно двумя способами:
- через виджет в публичной части;
- в административном разделе.
Рассмотрим каждый вариант подробнее.
Виджет в публичной части
Перейдите в «Точную настройку», далее на вкладку «Разделы». В настройке «Обзоры» можно задать отступы между обзорами (1) и позицию картинки (2).
Рассмотрим, чем отличаются обзоры с отступами и без отступов.
- обзоры с отступами;
- обзоры без отступов.
Позиция картинки у обзоров может быть только слева и справа.
- позиция картинки: слева;
- позиция картинки: справа.
Административная панель
Для настройки раздела в административной панели перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) и кликните вкладку «Разделы».
Найдите настройку «Коллекции» и установите необходимые параметры для отображения обзоров. Нажмите «Применить».
назадПосадочные страницы в разделе «Обзоры» Создание и редактирование посадочной страницывперед
Создание и редактирование посадочной страницы
Посадочные страницы в разделе «Обзоры» состоят из следующих элементов:
- Баннер (1) визуально подкрепляет содержание страницы. На нем расположены заголовок, описание и кнопка перехода к описанию товаров и проектов компании.
- Блок с тизерами (2) дополняет состав страницы полезной информацией о заказах или клиентском сервисе.
- Описание (3) в качестве анонса.
- Детальное описание подборки товаров (4) , которое содержит SEO-текст.
- Фотогалерея (5).
- Блок «Задать вопрос» для обратной связи с кнопкой перехода на форму (6).
- Список предлагаемых товаров с техническими характеристиками и ценой (7).
- Под блоком с товарами можно добавить другой контент в настройках привязки, например, услуги, акции, сотрудники. Об этом подробно расскажем в следующем уроке.
- Дополнительное описание под блоком с товарами (8).
- Блок с возможностью оставлять комментарии для обратной связи (9).
Изменить посадочную страницу можно двумя способами:
- через виджет в публичной части;
- в административном разделе.
Рассмотрим каждый вариант подробнее.
Виджет в публичной части
Перейдите в режим правки. Наведите курсор на область с описанием под баннером. Появится меню с элементами управления страницей: изменить (1), добавить (2) или удалить (3) посадочную страницу.
Административная панель
Для изменения посадочной страницы в административной панели необходимо перейти в Контент (1) → Каталог (aspro.allcorp3) (2) → Обзоры (3).
Здесь можно добавить новую посадочную страницу (1). Для изменения (2), деактивации (3) или удаления (4) существующего лендинга нажмите на «Гамбургер» напротив него.
Рассмотрим подробно окно редактирования посадочной страницы. На вкладке «Элемент» доступны следующие поля:
- Активность (1) — включает отображение лендинга.
- Период активности (2) — задает время показа лендинга.
- Название (3) — установить название для лендинга.
- Сортировка (4) — индекс сортировки.
- URL фильтр (5) — умный фильтр для привязки, подробнее о настройках читайте в следующем уроке.
- Заголовок H3 перед товарами (6) — задать заголовок над списком предлагаемых товаров.
- Показывать блок «Задать вопрос» (7) — включить отображения блока обратной связи.
- Раздел (8) — привязать к странице раздел или часть товаров из раздела с помощью умного фильтра, подробнее о настройках читайте в следующем уроке.
На вкладке «Анонс» загрузите картинку для анонса (1) и задайте описание к нему (2). Картинка и описание для анонса будут отображаться в разделе «Обзоры» и на детальных страницах посадок.
На вкладке «Подробно» настраивается фотогалерея и описание подборки товаров. Здесь можно найти следующие поля:
- Расположение фото (1) — назначьте расположение детальной картинки, если не используется составной баннер.
- Галерея (2) — загрузите фотографии в галерею.
- Файлы (3) — загрузите файлы для посадочной страницы.
- Детальная картинка (4) — загрузите детальную картинку для лендинга.
- Детальное описание (5) — задайте подробное описание товаров.
На вкладке «Видео» вы можете загрузить видео с iFRAME (1), то есть из других источников, например, YouTube. Также можно добавить видео в качестве файла (2), настроить для него параметры и подробную информацию.
На вкладке «Баннер» рассматривается большой рекламный баннер с заголовком, описанием и кнопкой. Здесь доступны следующие поля:
- Баннер сверху (1) — включает отображение баннера в самой верхней части посадочной страницы. При отключенной настройке баннер не функционирует.
- С наездом на шапку (2) — баннер наезжает на область шапки. При этом изображение станет более расширенным и будет служить фоном для верхнего меню.
- Цвет шапки и текста (3) — назначить светлый или темный цвет шапки и текста.
- Надпись в кнопке (4) — подписать кнопку, расположенную на большом баннере.
- Текст в баннере (5) — задать описание к заголовку на баннере.
- Фоновая картинка (6) — загрузить картинку на задний фон для большого баннера.
- Активная картинка (7) — загрузить картинку на передний план для большого баннера. Совмещается с фоновой картинкой.
Настройте отображение баннера и сохраните изменения.
На вкладке «Связи» вы можете привязать другой контент к посадочной странице. Например, услуги, акции, город, статьи, сотрудники и т. д. Для этого нажмите кнопку «Добавить» или на многоточие в необходимой настройке. Сохраните изменения.
Например, если мы привязали услугу, то на посадочной странице появляется отдельный блок, в котором отображаются выбранные нами услуги.
назадНастройки оформления раздела «Обзоры» Настройка списка товаров с помощью умного фильтравперед
Настройка списка товаров с помощью умного фильтра
Рассмотрим алгоритм привязки товаров к посадочной странице на конкретном примере. Допустим, нам необходимо привязать к посадочной странице экскаваторы, которые есть в наличии.
Для этого откройте на сайте страницу с экскаваторами. Установите в умном фильтре статус «В наличии».
Скопируйте из адресной строки браузера часть URL, начиная с /filter/. В примере это: /filter/status-is-instock/apply/.
Далее зайдите в окно редактирования посадочной страницы. В административной части сайта перейдите в Контент (1) → Каталог (aspro.allcorp3) (2) → Обзоры (3).
Напротив необходимой посадочной страницы нажмите на «Гамбургер», чтобы изменить настройки лендинга.
На вкладке «Элемент» вставьте скопированную ссылку в поле «URL фильтр» (1) и выберите раздел «Экскаваторы» (2). Сохраните изменения.
В результате на посадочной странице появится требуемый список:
Если вы хотите привязать целый раздел каталога без фильтрации по свойству, тогда в поле «URL фильтр» вставьте строку: /filter/filter_price-from-0/apply/. В результате появятся товары с разными свойствами.
назадСоздание и редактирование посадочной страницы Посадочные страницы в каталогевперед
Посадочные страницы в каталоге
Посадочные страницы в каталоге создаются внутри каталога вашего сайта. Вы можете сами выбирать, какие товары показывать. Это позволит продвигаться в поисковиках еще эффективнее — вы можете добавить дополнительное seo-описание, изображение и тизеры. А еще можно вести покупателей в каталог с уже выбранными вами товарами для показа.
Клиент сможет увидеть посадочную страницу в каталоге, даже если у него нет на нее ссылки. Попасть на посадочную страницу он сможет сразу после того, как выберет заданную вами фильтрацию. Например, перейдет в раздел «Автокраны» и выберет в умном фильтре товары, которые есть в наличии.
Посадочная страница может быть в виде лендинга или тегов.
В составе этого типа посадочных страниц в виде лендинга элементы идут в следующем порядке:
- Заголовок (1) располагается отдельно от баннера.
- Баннер (2) визуально подкрепляет содержание страницы.
- Блок с тизерами (3) дополняет состав страницы полезной информацией о заказах или клиентском сервисе.
- Детальное описание товаров и их преимуществ (4) помогает покупателю выбрать подходящую модель под свой проект.
- Картинка (5) располагается справа от описания.
- Блок «Задать вопрос» для обратной связи с кнопкой открытия формы (6).
- Разделы каталога (7).
- Отфильтрованные товары (8) из каталога.
- В самом нижнем блоке после подборки товаров располагается SEO-описание (9).
Изменить посадочную страницу в каталоге можно только через административную часть сайта. Перейдите в Контент (1) → Каталог (aspro.allcorp3) (2) → Посадочные в каталоге (3).
Здесь можно добавить новую посадочную страницу (1). Для изменения (2), деактивации (3) или удаления (4) существующего лендинга нажмите на «Гамбургер» напротив него.
Рассмотрим подробно окно редактирования посадочной страницы. На вкладке «Элемент» доступны следующие поля:
- Активность (1) — включает отображение лендинга.
- Период активности (2) — задает время показа лендинга.
- Название (3) — установить название для лендинга.
- Сортировка (4) — индекс сортировки.
- Показывать блок «Задать вопрос» (5) — отображать блок обратной связи с кнопкой открытия формы.
- Раздел (6) — привязать раздел каталога с помощью умного фильтра, в котором будет располагаться лендинг. Подробнее о настройках читайте в следующем уроке.
- Ссылка (7) — указать ссылку с параметрами фильтра на тот раздел, где требуется отображать посадочную страницу. Подробнее о настройках читайте в следующем уроке.
- Тизеры (8) — привязать к лендингу тизеры, которые будут располагаться под баннером.
На вкладке «Анонс» загрузите картинку (1) и задайте описание для анонса (2). Картинка будет располагаться рядом с текстом анонса после баннера и блока с тизерами.
Загрузить баннер (1) и дополнить страницу SEO-описанием в нижнем блоке (2) можно на вкладке «Подробно». После настройки не забудьте сохранить изменения.
Содержание главы:
назадНастройка списка товаров с помощью умного фильтра Привязка посадочной страницы к результатам фильтравперед
Привязка посадочной страницы к результатам фильтра
Рассмотрим алгоритм привязки товаров к посадочной странице на конкретном примере. Допустим, нам необходимо привязать к посадочной странице автокраны, которые есть в наличии.
Для этого откройте на сайте страницу с автокранами. Установите в умном фильтре статус «В наличии».
Скопируйте из адресной строки браузера часть URL, начиная с /filter/. В примере это: /filter/status-is-instock/apply/.
Далее зайдите в окно редактирования посадочной страницы. В административной части сайта перейдите в Контент (1) → Каталог (aspro.allcorp3) (2) → Посадочные в каталоге (3).
Напротив необходимой посадочной страницы нажмите на «Гамбургер», чтобы изменить настройки лендинга.
На вкладке «Элемент» выберите разделы (1), в которых будет отображаться ссылка на посадку, и вставьте скопированную ссылку в поле «Ссылка» (2). Сохраните изменения.
В результате, когда посетитель в подразделе каталога «Автокраны» перейдет по ссылке на посадку (1) или использует умный фильтр по параметру «есть в наличии» (2), перед ним откроется посадочная страница с перечнем товаров, соответствующим условиям поиска.
назадПосадочные страницы в каталоге Личный кабинетвперед
Личный кабинет
Личный кабинет — это функционал, который доступен только для зарегистрированных и авторизованных пользователей сайта. В личном кабинете пользователь может редактировать свои личные данные, настраивать подписки, просматривать материалы и написать непосредственно директору компании.
Иконка для перехода в личный кабинет находится в шапке сайта.
Личный кабинет разбит на 4 раздела. Их перечень отображается слева в боковом меню. Также в боковом меню находится кнопка «Выйти», с помощью которой можно покинуть кабинет.
Содержание главы:
назадПривязка посадочной страницы к результатам фильтра Настройка разделов личного кабинетавперед
Настройка разделов личного кабинета
Настроить разделы личного кабинета можно с помощью параметров компонента. Для того, чтобы открыть редактор параметров компонента, перейдите в режим правки.
Настройка рассылок
Перейдите в раздел «Подписки» и нажмите на всплывающую кнопку с шестеренкой, чтобы войти в режим редактирования компонента.
Откроется окно с параметрами компонента, отвечающего за рассылку. Вам нужно перейти в раздел «Источник данных».
Показать скрытые рубрики подписки — активирует возможность выбора скрытых рубрик подписки для пользователей.
Группа полей «Дополнительные настройки».
-
Разрешить анонимную подписку (1) — анонимные пользователи смогут подписываться на рассылку, лишь указав свой адрес электронной почты без необходимости регистрации на сайте
-
Показывать ссылки на авторизацию при анонимной подписке (2) — при подписке на рассылку анонимному пользователю будут выведены формы авторизации или регистрации
-
Устанавливать заголовок страницы (3) — заголовком страницы будет «Редактирование параметров подписки» при редактировании подписки или «Добавление адреса подписки».
Настройка «Написать директору»
В зависимости от настройки «Использовать «Веб-формы» вместо инфоблоков», вы выбираете один из вариантов и настраивайте формы под себя.
Документация по настройке Веб-форм.
Для инфоблоков:
Переключитесь на административную часть сайта и перейдите: Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Формы (aspro.allcorp3) (4) → Написать директору (5).
На вкладке «Инфоблок» вы можете:
-
Задать активность формы.
-
Прописать символьный код.
-
Выбрать сайты, в которых будет размещена форма.
-
Прописать название формы.
В поле «Описание» вы можете прописать пояснительный текст, который отображается над формой.
На вкладке «Свойства» вы сможете настроить поля, которые может или должен заполнить для отправки пользователь.
Для веб-форм:
Пройдите путь: Сервисы (1) → Веб-формы (2) → Настройки форм (3).
Найдите форму «Написать директору» и кликните на «Гамбургер». Затем нажмите «Изменить»
Перейдите в раздел «Параметры формы».
На вкладке «Свойства» вы можете:
-
Задать название форме.
-
Прописать символьный код.
-
Задать последовательность для отображения формы.
-
Отредактировать текст, который будет отображаться в пунктах меню.
-
Выбрать сайты, в которых будет размещена форма.
-
Изменить подпись на кнопке формы.
-
Активировать или деактивировать использование CAPTCHA.
На вкладке «Описание» вы можете прописать пояснительный текст, который отображается над формой.
Перейдите в раздел «Вопросы», чтобы отредактировать вопросы внутри формы. Выберите один из вопросов, нажмите на гамбургер и кликните «Параметры вопроса».
Во вкладке «Свойства» вы можете:
-
Задать активность вопросу.
-
Установить порядок отображения вопросов;
-
Задать символьный идентификатор;
-
Определить, будет ли вопрос обязательным для заполнения.
Во вкладке «Вопрос» вы можете редактировать текст вопроса.
Во вкладке «Ответ» должно быть заполнено поле с ответом, чтобы он отобразился в форме. Добавьте в поле пробел.
назадЛичный кабинет Установка логина в значении email адресавперед
Установка логина в значении email адреса
Настройка «Логин равен email адресу» позволяет пользователю не придумывать логин при регистрации, а использовать для этого свою электронную почту. Адрес электронной почты уникальный для каждого. Поэтому не возникнет проблем при регистрации: «Логин занят другим пользователем». А клиентам не нужно будет запоминать новый логин. Вы можете дать пользователям возможность использовать логин, отличный от e-mail, для входа на сайт.
Давайте посмотрим, как будет выглядеть форма регистрации при активной/неактивной настройке.
Логин задан отдельным полем:
Логин равен email:
Чтобы установить логин в значении email адреса через публичную часть, откройте виджет настроек и перейдите во вкладку «Личный кабинет». Активируйте или деактивируйте настройку.
Также вы можете настроить этот параметр через административную часть. Пройдите путь: Аспро (1) → Аспро: Allcorp 3 (2) → Настройки (3).
Перейдите в блок «Личный кабинет». Активируйте или деактивируйте параметр «Логин равен email адресу».
назадНастройка разделов личного кабинета Установка ФИО в одном полевперед
Установка ФИО в одном поле
Настройка «Фамилия Имя Отчество в одном поле» позволяет пользователю не вводить свои данные сразу в несколько полей. Ему достаточно заполнить одно со всеми данными.
Для корректного обновления через форму изменения личных данных или метод ядра CUser::update вводите полное ФИО. Иначе, если указать только имя (например, «Иван»), оно запишется как фамилия, а имя и отчество останутся пустыми.
Фамилия Имя Отчество заданы одним полем:
Фамилия Имя Отчество заданы отдельными полями:
Вы можете использовать разные поля для ФИО или объединить их в одно. Для того, чтобы объединить поля для ФИО через публичную часть, нужно открыть виджет настроек. Во кладке «Личный кабинет» активируйте или деактивируйте параметр «Фамилия Имя Отчество в одном поле».
Управлять этим параметром можно и через административную часть. Пройдите путь: Аспро (1) → Аспро: Allcorp 3 (2) → Настройки (3).
Перейдите в блок «Личный кабинет». Активируйте или деактивируйте параметр «Фамилия Имя Отчество в одном поле».
назадУстановка логина в значении email адреса Мобильная версиявперед
Мобильная версия
Пользователи все чаще используют телефоны и планшеты для выхода в Интернет. Поэтому важно, чтобы сайт мог динамически адаптироваться под различные форматы экранов. Еще одним важным критерием в пользу адаптивной версии является ранжирование в поисковых системах. Поисковики отдают предпочтение тем сайтам, у которых присутствует адаптивность под различные устройства. Решение Аспро: Корпоративный сайт 3.0 адаптируется под все устройства, предлагает удобную навигацию и использование.
Содержание главы:
назадУстановка ФИО в одном поле Мобильные баннерывперед
Мобильные баннеры
В Аспро: Корпоративный сайт 3.0 есть 3 возможных варианта баннера для мобильной версии:
- Без активной картинки — на узких экранах скрывается активная картинка, а заголовок и текст центрируются.
- С полем снизу под заголовок и текст — остается фоновое изображение, активная картинка центрируется, а заголовок и текст баннера отображаются ниже в отдельном поле.
- Отдельная картинка — в инфоблоке баннера создано новое свойство «Картинка для <768px», в которое можно загрузить изображение для мобильного баннера. Требования к изображению — разрешение 736х506 px. При таком типе не предусмотрен вывод заголовка и текста баннера.
Баннер без активной картинки, где текст располагается поверх картинки.
Баннер, где текст отображается в блоке снизу. Отличный вариант для тех, у кого у всех баннеров прописан цепляющий текст. Если текста нет, то отобразится пустой блок.
Баннер в виде отдельной картинки. Этот тип отображения отлично подойдет, если у всех баннеров заполнено значение «Ссылка с баннера». Потому что отобразится только картинка: без текста и кнопок.
Выбрать необходимый тип баннера можно в публичной и административной частях сайта.
Чтобы выбрать тип баннера в публичной части, нужно открыть виджет и найти раздел «Мобильная версия». В пункте «Тип главного баннера в мобильной версии» выбрать нужный тип баннера.
Чтобы настроить мобильный баннер в административной части, нужно проделать путь: Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) → Мобильная версия (4).
Найдите строчку «Тип главного баннера в мобильной версии» и выбрать необходимый пункт.
Сохраните изменения.
назадМобильная версия Мобильная шапкавперед
Мобильная шапка
В Аспро: Корпоративный сайт 3.0 вид мобильной шапки можно настраивать под требования проекта. Редактируйте цвет шапки под общий стиль сайта и отображайте нужные элементы.
Настройку шапки можно произвести как через публичную часть сайта, так и через административную. Для настройки через публичную часть перейдите в раздел «Мобильная версия» в виджете общих настроек.
Далее вы можете выбрать нужный цвет шапки (1) и расширить параметры настроек, нажав на кнопку «Состав шапки» (2).
В решении представлены четыре цвета шапки: белая, темная, цветная и серая.
Белая шапка
Темная шапка
Цветная шапка
Серая шапка
Выберите, какие элементы будут отображаться в шапке и их дополнительные параметры.
-
Меню сайта 一 выбирайте место расположения: слева или справа.
-
Телефон 一 активируйте или деактивируйте функцию «Заказать звонок».
-
Поиск 一 подключайте или отключайте функцию поиска по сайту.
Вы можете отобразить все элементы или отключить их.
Функция «Заказать звонок» отображается при нажатии на телефон в шапке сайта. Посетители смогут запрашивать звонок, а не звонить сами.
Настройки личного кабинета и корзины мобильной версии совпадают с общими настройками сайта. При изменении этих элементов вы перейдете в общие настройки.
Если «Личный кабинет» (1) и «Корзина» (2) включены в общих настройках сайта, то они будут отображены в шапке.
Если в общих настройках отключить эти разделы, то в шапке они не отобразятся.
Эти же настройки мобильной шапки можно произвести через административную часть сайта. Для этого нужно зайти в Аспро → Аспро: Allcorp3 → Настройки.
В блоке меню выберите вкладку «Мобильная версия» и настройте мобильную шапку.
Также вы можете сделать шапку фиксированной или нет. Если функция включена, вы можете задать вид отображения шапки: отображать всегда или при скролле вверх. Используйте фиксированную шапку на мобильных устройствах, чтобы у посетителя был быстрый доступ к основным разделам сайта и корзине с товарами.
Шапка отображена всегда или при скролле вверх
Фиксированная шапка отключена
Для подключения фиксированной шапки через публичную часть сайта перейдите в раздел «Мобильная версия» в виджете общих настроек, в разделе «Фиксированная мобильная шапка» перетяните ползунок и выберите тип отображения.
Отредактируйте шапку под свой проект и сохраните изменения.
назадМобильные баннеры Мобильное менювперед
Мобильное меню
Для удобства навигации по сайту существует меню. Меню включает в себя основные разделы сайта. Вы можете детально настроить его состав для мобильных устройств. Выбирайте те элементы, которые подходят вашему проекту.
Настройка элементов мобильного меню может происходить двумя способами:
-
через публичную часть сайта,
-
через административную часть сайта.
Для настройки через публичную часть перейдите в виджет «Общие настройки». Выберите раздел «Мобильная версия» и нажмите кнопку «Состав меню».
В поле выберите те элементы, которые хотели бы видеть в мобильном меню.
Функция «Заказать звонок» позволяет запросить звонок при нажатии на номер телефона компании из меню.
Элементы, которые зависят от настроек сайта: «Регион» (1), «Личный кабинет» (2), «Корзина» (3). Если один из этих элементов будет включен в настройках всего сайта, то он будет отображаться и в меню.
Вы можете изменить их положение относительно раздела «Каталог» (1). Так как настройки этих элементов совпадают с общими настройками сайта, при их изменении (2) вы перейдете в общие настройки сайта.
Те же самые параметры можно настроить через административную часть сайта. Для этого перейдите в Аспро → Аспро: Allcorp3 → Настройки.
В блоке выберите раздел «Мобильная версия» (1) и приступайте к настройке меню (2).
После редактирования сохраните изменения.
назадМобильная шапка Нижняя панель с иконкамивперед
Нижняя панель с иконками
Для более удобного перехода по сайту на мобильных устройствах есть нижняя панель с разделами сайта. Панель фиксируется по всему сайту. В решении представлены иконки и ссылки на основные разделы. Вы можете оставить только нужные, а также добавить свои.
Для настройки нижней панели воспользуйтесь удобным для вас способом: через публичную или административную часть сайта.
Чтобы настроить через публичную часть сайта в виджете «Общие настройки» выберите раздел «Мобильная версия» (1), найдите пункт «Нижняя панель с иконками» (2) и перетащите ползунок.
Для настройки нижней панели через административную часть, перейдите в Аспро → Аспро: Allcorp3 → Настройки.
В блоке «Мобильная версия» отметьте галкой пункт «Нижняя панель с иконками»
Чтобы настроить состав пунктов в панели, перейдите в Контент → Контент (aspro.allcorp3) → Нижняя панель с иконками.
Вы можете изменять, деактивировать или удалять пункты.
Для создания нового пункта нажмите на кнопку «Добавить элемент».
На вкладке «Элемент» вы можете настраивать следующие параметры:
-
Картинка будет отображать иконку.
-
Пункт «Отображать текст» определяет, будет ли в панели текст у иконки или нет. Текст берется из названия элемента.
-
Ссылка не должна начинаться со слеша «/».
-
Тип блока. Представлены следующие типы: «Корзина», «Личный кабинет», «Поиск», «Регионы», «Тарифы».
Изменяйте порядок расположения иконок. Для этого используйте значения сортировки при редактировании или создании элемента.
Сохраните изменения.
назадМобильное меню Компактный мобильный футервперед
Компактный мобильный футер
Футер 一 элемент, расположенный в нижней части сайта. Функция компактного футера позволит сэкономить место на сайте. В компактном футере будут отображаться только разделы верхнего уровня. Нужный раздел можно развернуть.
Стандартное отображение футера
Компактный футер
Активировать настройку можно в публичной или административной части сайта.
Чтобы включить функцию через публичную часть сайта, перейдите в раздел «Мобильная версия» (1) из виджета общих настроек. Затем перетащите ползунок в пункте «Компактный мобильный футер» (2)
При настройке через административную часть перейдите в Аспро → Аспро: Allcorp3 → Настройки.
В блоке «Мобильная версия» поставьте галку для пункта «Компактный мобильный футер».
Сохраните настройки.
назадНижняя панель с иконками Компактный вид списка категорий в разделахвперед
Компактный вид списка категорий в разделах
В Аспро: Корпоративный сайт 3.0 вы можете компактно отображать категории в разделах. С помощью этой функции пользователю будет удобней пользоваться сайтом и переходить между разделами.
Стандартное отображение категорий разделов
Компактное отображение категорий разделов
Настройкой можно управлять через публичную или административную части сайта.
Для настройки через публичную часть в виджете «Общие настройки» выберите раздел «Мобильная версия» (1), найдите пункт «Компактный вид списка категорий разделов» (2) и перетащите ползунок.
Чтобы настроить функцию через административную часть, перейдите в Аспро → Аспро: Allcorp3 → Настройки.
В разделе «Мобильная версия» отметьте галкой пункт «Компактный вид списка категорий в разделах»
После редактирования сохраните изменения.
назадКомпактный мобильный футер Компактный вид списка элементов в разделах каталогавперед
Компактный вид списка элементов в разделах каталога
Для удобства просмотра товаров через мобильное устройство используйте компактный вид списка элементов в разделах каталога. В компактном виде у товара отображаются только его характеристики, крупное фото товара. Поэтому пользователю проще выбрать нужный товар.
Стандартное отображение списка элементов в каталоге
Компактный вид списка элементов в разделах каталога
Для настройки функции воспользуйтесь публичной или административной частью сайта. Чтобы настроить функцию через публичную часть сайта, в виджете общих настроек перейдите в раздел «Мобильная версия». Затем передвиньте ползунок в пункте «Компактный вид списка элементов в разделах каталога».
Для настройки через административную часть сайта перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3).
В разделе «Мобильная версия» поставьте галку в пункте «Компактный вид списка элементов в разделах каталога».
После настройки сохраните изменения.
назадКомпактный вид списка категорий в разделах Загрузка мобильного меню и меню в фиксированной шапке только при первом отображениивперед
Загрузка мобильного меню и меню в фиксированной шапке только при первом отображении
Функция помогает уменьшить размер композитного кеша на проектах с большим количеством разделов каталога. На мобильных устройствах содержимое мобильного меню подгрузится отдельным AJAX-запросом при первом его открытии. Для устройств с более широким экраном содержимое меню в фиксированной шапке также подгрузится при ее первом появлении.
Обратите внимание, что у пользователей с медленным Интернетом может быть задержка при первой загрузке.
Активировать настройку можно через административную часть сайта. Для этого перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) → Верхнее меню (4).
Поставьте галку в пункте «Загружать мобильное меню и меню в фиксированной шапке только при первом отображении» поставьте галку.
Сохраните изменения.
назадКомпактный вид списка элементов в разделах каталога SEO, маркетинг, рекламавперед
SEO, маркетинг, реклама
Нужна помощь?
Поручите SEO-продвижение нашим экспертам — они поделятся опытом, расскажут о стратегиях продвижения и полезных инструментах. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
назадЗагрузка мобильного меню и меню в фиксированной шапке только при первом отображении Маркетинговые попап-окнавперед
Маркетинговые попап-окна
Попап-окно — эффективный маркетинговый инструмент. Но только при грамотном использовании. Вы можете проинформировать посетителя о скидках, предложить подписаться на рассылку или пригласить на бесплатное мероприятие.
Попап помогает конвертировать трафик в подписчиков и покупателей. Компания SUMO провела анализ 2 млрд всплывающих окон. Согласно ему, 10% лучших попап-окон показали конверсию в 9,3%. То есть 1 из каждых 10 посетителей сайта превращается в покупателя или подписчика.
В решении доступно 3 вида маркетинговых окон:
- Информационное всплывающее маркетинговое окно с картинкой, текстом и кнопкой.
- Текстовое всплывающее маркетинговое окно.
- Маркетинговое окно с веб-формой.
Содержание главы:
назадSEO, маркетинг, реклама Информационное маркетинговое попап-окно с картинкой, текстом и кнопкойвперед
Информационное маркетинговое попап-окно с картинкой, текстом и кнопкой
В информационном маркетинговом попап-окне вы можете отобразить картинку, текст и 2 кнопки.
Чтобы добавить, изменить или удалить маркетинговое окно такого типа, зайдите в административную часть сайта. Перейдите в Контент (1) → Реклама (2) → Маркетинговые окна (3) → Общие (4).
Добавьте новое маркетинговое окно (1), измените (2), выключите (3) или удалите существующее попап-окно (4).
Вкладка «Элемент»
- Включите или отключите отображение попап-окна.
- Укажите начало и окончание активности маркетингового окна.
- Если нужно, вы можете поменять тип попап-окна. Примечание: вид попап-окна изменится, поэтому его настройки могут отличаться.
- Напишите заголовок всплывающего окна.
- Загрузите изображение.
- Обозначьте, через какое время после перехода посетителя на страницу будет появляться окно.
- Проставьте частоту показов для одного человека. Например, вы можете сделать так, чтобы маркетинговое окно всплывало раз в час для уникального пользователя.
- Задайте условие показа. Например, вставьте адрес страницы, на которой будет всплывать окно. Если хотите, чтобы окно появлялось на всех страницах, то поставьте в поле «/».
Вкладка «Кнопки»
На этой вкладке вы можете прописать текст первой кнопки (1), ссылку с первой кнопки (2), класс первой кнопки (3), текст второй кнопки (4), ссылку с второй кнопки (5) и класс второй кнопки (6). Если хотите, чтобы одна или обе кнопки не отображались в маркетинговом окне, не заполняйте соответствующие поля.
Вкладка «Описание»
В блоке «Описание» напишите информацию всплывающего маркетингового окна, которую вы хотите донести до посетителя сайта.
Вкладка «Ограничения»
Также вы можете установить ограничения по группе пользователей (1) и регионам (2). Ограничение по регионам требуется, если вы хотите, чтобы окно всплывало только на сайте нескольких городов. Например, ваше всплывающее окно информирует посетителя сайта о скидках, но акция действует не во всех регионах. Чтобы окно появлялось на сайте необходимых городов, в поле «Регион» выберите регионы, в которых должно всплывать окно. Не забудьте сохранить настройки.
Чтобы действовало ограничение по регионам, необходимо активировать поле «Применять региональный фильтр». Для этого в административной части перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3).
Выберите блок «Регионы» и активируйте поле «Применять региональный фильтр».
Сохраните изменения.
назадМаркетинговые попап-окна Текстовое всплывающее маркетинговое окновперед
Текстовое всплывающее маркетинговое окно
Текстовый тип маркетингового окна можно использовать как попап-окно с предупреждением об использовании файлов cookie.
Cookie — это текстовые файлы, в которых хранится информация о предыдущих действиях клиентов на сайтах. Прежде всего они нужны для удобства и комфорта пользователей. Сайты используют его для сохранения информации о логине и пароле, местоположении, переходах по сайту и личных предпочтений по товарам и услугам.
Иногда они используются не только для того, чтобы облегчить жизнь пользователям, но и для сбора статистики рекламодателями. Поэтому вступили в силу поправки в законе №152-ФЗ “О персональных данных”. В связи с этим, сайты обязаны запрашивать разрешение об использовании cookies и любых других данных с компьютера / смартфона.
Если вы спрашиваете у своих клиентов, можно ли использовать сookie, значит вы добросовестная компания и используете данные посетителей по назначению, а не продаете их рекламным агентствам. Такое всплывающее окно вызовет доверие у ваших покупателей.
Чтобы добавить, изменить или удалить маркетинговое окно такого типа, зайдите в административную часть сайта. Перейдите в Контент (1) → Реклама (2) → Маркетинговые окна (3) → Текстовые (4).
Добавьте новое маркетинговое окно (1), измените (2), выключите (3) или удалите существующее попап-окно (4).
В текстовом типе окна вы можете скрыть заголовок и выбрать позицию: снизу по центру, снизу слева или снизу справа.
Вкладка «Элемент»
- Включите или отключите отображение попап-окна.
- Укажите начало и окончание активности маркетингового окна.
- Если нужно, вы можете поменять тип попа-окна. Примечание: вид попап-окна изменится, поэтому его настройки могут отличаться.
- Напишите заголовок всплывающего окна.
- Включите или отключите отображение заголовка.
- Выберите позицию попап-окна: по центру, слева или справа.
- Обозначьте, через какое время после перехода посетителя на страницу будет появляться окно.
- Проставьте частоту показов для одного человека. Например, вы можете сделать так, чтобы маркетинговое окно всплывало раз в час для уникального пользователя.
- Задайте условия показа. Например, вставьте адрес страницы, на которой будет всплывать окно. Если хотите, чтобы окно появлялось на всех страницах, то поставьте в поле «/».
Вкладка «Кнопки»
На этой вкладке вы можете прописать текст первой кнопки (1), ссылку с первой кнопки (2), класс первой кнопки (3), текст второй кнопки (4), ссылку с второй кнопки (5) и класс второй кнопки (6). Если хотите, чтобы одна или обе кнопки не отображались в маркетинговом окне, не заполняйте соответствующие поля.
Чтобы попап-окно закрылось после нажатия кнопки, не вставляйте ссылки. Например, вы используете текстовое окно для предупреждения об использовании файлов cookie и хотите, чтобы окно закрылось после нажатия кнопки «Принимаю».
Вкладка «Описание»
В блоке «Описание» напишите информацию всплывающего маркетингового окна про использование файлов куки.
Также вы можете установить ограничения по группе пользователей (1) и регионам (2). Ограничение по регионам требуется, если вы хотите, чтобы окно всплывало только на сайте нескольких городов. Чтобы окно появлялось на сайте необходимых городов, в поле «Регион» выберите регионы, в которых должно всплывать окно. Не забудьте сохранить настройки.
Чтобы действовало ограничение по регионам, необходимо активировать поле «Применять региональный фильтр». Для этого в административной части перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3).
Выберите блок «Регионы» и активируйте поле «Применять региональный фильтр».
Сохраните изменения.
назадИнформационное маркетинговое попап-окно с картинкой, текстом и кнопкой Маркетинговые окна с формой обратной связивперед
Маркетинговые окна с формой обратной связи
Маркетинговое окно с формой обратной связи можно использовать как попап-окно для закрытой распродажи, уведомление о предстоящем мероприятии и сбор отзывов от довольных клиентов.
Чтобы добавить маркетинговое окно, зайдите в административную часть сайта. Перейдите в Контент (1) → Реклама (2) → Маркетинговые окна (3) → С веб-формой (4).
Добавьте новое маркетинговое окно (1), измените (2), выключите (3) или удалите существующее попап-окно (4).
Вкладка «Элемент»
-
Включите или отключите отображение попап-окна.
-
Укажите начало и окончание активности маркетингового окна.
-
Если нужно, вы можете поменять тип попа-окна. Примечание: вид попап-окна изменится, поэтому его настройки могут отличаться.
-
Напишите заголовок всплывающего окна.
-
Загрузите изображение.
-
Обозначьте, через какое время после перехода посетителя на страницу будет появляться окно.
-
Проставьте частоту показов для одного человека. Например, вы можете сделать так, чтобы маркетинговое окно всплывало раз в час для уникального пользователя.
-
Задайте условие показа. Например, вставьте адрес страницы, на которой будет всплывать окно. Если хотите, чтобы окно появлялось на всех страницах, то поставьте в поле «/».
-
Выберите форму: «Заказать услугу», «Купить в 1 клик» и др. Веб-форму вы выбираете из тех, которые у вас уже есть. Как настроить веб-формы, читайте в документации. На сайте могут использоваться веб-формы или формы на инфоблоках. Определить это можно в настройках решения. В зависимости от настройки нужно выбрать соответствующую форму обратной связи. Возможно два варианта:
1. Общие (из инфоблока и веб-форм). Здесь отображаются формы с одинаковыми символьными кодами. Например, «Заказать звонок» с символьным кодом aspro_allcorp3_callback есть в веб-формах и в формах на инфоблоках. При выборе такой формы маркетинговое окно будет работать независимо от настройки типов форм на сайте. 2. Уникальные формы. Если вы создавали новую форму или меняли символьный код существующей, она отобразится в отдельном списке под заголовком «Уникальные из инфоблока» или «Уникальные из веб-форм». При выборе такой формы маркетинговое окно будет работать, если тип формы соответствует установленному типу в настройках (документация).
Вкладка «Ограничения»
Вы можете установить ограничения по группе пользователей (1) и регионам (2). Например, по группе пользователей, чтобы окно всплывало только для зарегистрированных пользователей сайта. Ограничение по регионам требуется, если вы хотите, чтобы окно всплывало только на сайте нескольких городов. Чтобы окно появлялось на сайте необходимых городов, в поле «Регион» выберите регионы, в которых должно всплывать окно. Не забудьте сохранить настройки.
Чтобы действовало ограничение по регионам, необходимо активировать поле «Применять региональный фильтр». Для этого в административной части перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3).
Выберите блок «Регионы» и активируйте поле «Применять региональный фильтр».
Сохраните изменения.
назадТекстовое всплывающее маркетинговое окно Страница с ошибкой 404вперед
Страница с ошибкой 404
Страница с ошибкой 404 — классический код ответа по протоколу HTTP. Он свидетельствует, что связь с сервером установлена, но информации по заданному запросу нет.
Такая страница нужна для того, чтобы:
1. Показать пользователю, что он ошибся или ввел не тот адрес.
2. Чтобы подстраховаться на тот случай, если вы где-то поменяли адрес или удалили раздел.
3. Пользователь мог перейти на главную или другие разделы. А еще страницы 404 — полезны для SEO.
Настроить такую страницу можно в параметрах компонента. Выбор компонента для настройки зависит от раздела, в который вы хотите добавить страницу 404.
Давайте рассмотрим, как добавить страницу 404 для каталога. Для этого вам нужно, перейти в настройки компонента каталога. Здесь вы можете:
Установить специальный статус для страницы в браузере.
Выводить специальную страницу с сообщением о том, что страница не найдена
Загрузить свое изображение для странице 404. здесь вы указываете путь к файлу, который хотите использовать.
назадМаркетинговые окна с формой обратной связи Стикерывперед
Стикеры
Стикеры расположены на превью и карточке товара. Это маленькие яркие картинки-ярлыки, которые информируют пользователя, что товар обладает бонусами или преимуществами.
В решении Аспро: Корпоративный сайт 3.0, начиная с версии 1.1.1, появилась возможность добавлять пользовательские стикеры на товары.
Список стикеров:
- Хит
- Новинка
- Акция
- Рекомендуем
- Стикер с произвольной надписью для каждого товара
Добавление стикеров на карточку товара
В административной части сайта перейдите в Контент (1) → Каталог (aspro.allcorp3) (2) → Продукты (3) и перейдите в окно редактирования необходимого товара.
В настройках товара найдите поле «Текст с акцией». Если оно не отображается, перейдите по шестеренке в правом верхнем углу. В настройках формы редактирования, в доступных вкладках выберите «Элемент» (1), во вкладках напротив кликните «Товар» (2). Далее в доступных полях выберите «Текст с акцией» (3) и нажмите на стрелку (4), чтобы переместить поле в активные. Поставьте галку в поле «Установить данные настройки по умолчанию для всех пользователей» (5). Сохраните изменения.
В поле «Текст с акцией» (1) введите текст произвольного стикера, а в поле «Хит продаж» (2) по необходимости выберите стандартный стикер. Сохраните изменения.
Теперь в карточке товара отображаются выбранные стандартные и произвольные стикеры.
назадСтраница с ошибкой 404 Интеграция с другими сервисамивперед
Интеграция с другими сервисами
назадСтикеры Расширенная интеграция с Яндекс. Метрикойвперед
Расширенная интеграция с Яндекс. Метрикой
Теперь настроить систему аналитики для сайта на решении Аспро еще легче и проще, потому что мы реализовали расширенную интеграцию Яндекс.Метрикой. Раньше, чтобы настроить цели, нашим пользователям приходилось обращаться к программисту. Теперь вы можете сделать это сами – за несколько минут и без вмешательства в код решения.
Благодаря расширенной интеграции с Яндекс.Метрикой вы сможете:
- Видеть, как взаимодействуют с вашим сайтом посетители. На каких страницах задерживаются надолго и оставляют заявку, а какие «проскакивают», потому что им не интересно
- Отслеживать эффективность рекламных кампаний. Какой канал приносит лиды и покупателей, а какой напрасно тратит деньги? Во сколько обходится заявка с Яндекс.Директа или Вконтакте? Какая кнопка в рассылке привела к покупке?
- Понимать, где слабые места вашего сайта и как увеличить конверсию в покупки и продажи.
Функционал доступен в решениях:
- Аспро: Максимум
- Аспро: Корпоративный сайт 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-системами Интеграция с 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». Не забудьте сохранить изменения.
назадИнтеграция с Битрикс24 Интеграция с Аспро.Cloudвперед
Интеграция с Аспро.Cloud
В Аспро: Корпоративный сайт 3.0 и Аспро: Приорити 2.0 доступна интеграция с облачным сервисом Аспро.Cloud. Это облачная система управления проектами и финансами. С ее помощью можно автоматизировать процессы и оценивать рентабельность каждого этапа работы.
Интеграция с Аспро.Cloud будет работать только в редакциях 1С-Битрикс «Стандарт» и выше, поскольку для этого необходим модуль «Веб-формы».
Чтобы настроить интеграцию, перейдите в Аспро → Аспро: Allcorp3 (Priority2) → Интеграция с CRM → Аспро.Cloud.
Здесь можно настроить отображение табов сайтов. Для этого нажмите на «Настройки отображения табов» в верхнем правом углу.
Отметьте сайты, табы которых вам нужно отобразить и сохраните изменения.
После этого откройте появившуюся вкладку с вашим сайтом. В поле «Ваш домен в Аспро.Cloud» (1) укажите домен. В поле «Ключ для авторизации в API» (2) введите ключ.
Чтобы его получить, откройте Аспро.Cloud и зайдите в «Настройки портала».
Выберите в левом меню «Настройки API», после чего нажмите на кнопку «Создать».
В открывшемся окне укажите название сайта (1) и отметьте модули, к которым необходим доступ (2). Для передачи веб-форм и заказов в Аспро.Cloud поставьте галку в поле CRM (3) и «Пользовательские поля» (4). Сохраните изменения.
После этого на вкладке «Настройки API» появится ключ доступа.
Скопируйте его и вставьте в соответствующее поле в административной части сайта.
После этого станут доступны еще опции. Теперь можно проверить авторизацию (1).
Включите интеграцию (2), чтобы формы и заказы приходили в CRM. Пункт «Использовать логирование» (3) позволяет собирать файлы с логами в папку /upload/logs/aspor.allcorp3/crm/YY-mm-dd/acloud_create_lead_request.log (исходящие запросы с сайта в crm) и upload/logs/aspor.allcorp3/crm/YY-mm-dd/acloud_create_lead_response.log (для входящих).
Выберите нужные опции и сохраните изменения.
Содержание главы:
назадИнтеграция с AmoCRM Настройка синхронизации форм с Аспро.Cloudвперед
Настройка синхронизации форм с Аспро.Cloud
Чтобы настроить формы обратной связи, проделайте путь Аспро → Аспро: Allcorp3 → Интеграция с CRM → Аспро.Cloud.
Здесь вы можете включить автоматическую отправку результатов в CRM (1). Если настройка не включена, синхронизацию нужно будет проводить вручную на вкладке «Результаты».
В поле «Название сделки» (2) вы можете задать произвольное название. Оно может подгрузиться автоматически из настроек формы. В версии 1.1.4. добавлены макросы для автозаполнения названия форм. Клик по макросу добавит его в конец строки.
В пункте «Веб-формы» (3) выбирается форма, для которой вы осуществляете настройку. Для каждой формы настройки проводятся отдельно. Эта настройка не взаимоисключающая, то есть если вы настроили несколько форм, работать будут все.
На вкладке «Поля» задается соответствие полей CRM и формы. В одно поле CRM можно отправить несколько полей формы. Например, поля «Вопрос» и «Должность» можно отправить в поле «Описание».
При необходимости можно создать пользовательские поля. Чтобы это сделать, откройте Аспро.Cloud и зайдите в «Настройки портала».
В разделе «Пользовательские поля» (1) найдите пункт «Сделки» (2), нажмите «Добавить поле» (3) и задайте необходимые параметры.
Вкладка «Результаты» содержит все результаты заполнения форм на сайте.
При необходимости результаты можно отправить вручную с помощью кнопки.
Результат заполнения формы можно отправить в CRM и из самого элемента. Эта возможность доступна только для форм, у которых настроена интеграция с CRM.
После отправки результат заполнения формы можно будет тут же открыть в самой CRM.
В Аспро.Cloud результаты можно увидеть в разделе «Сделки».
назадИнтеграция с Аспро.Cloud Поддержка модуля SEO умного фильтравперед
Поддержка модуля SEO умного фильтра
Внимание! Мы не несем ответственности за работу сторонних модулей. По вопросам настроек, пожалуйста, напишите в техническую поддержку разработчика.
В Аспро: Максимум, Аспро: Next, начиная с версии 1.2.0, Аспро: Корпоративный сайт 2.0, начиная с версии 1.1.0 и Аспро: Корпоративный сайт 3.0 появилась поддержка модуля «SEO умного фильтра: мета-теги, заголовки, карта сайта». Теперь вам не потребуется помощь программиста, чтобы интегрировать модуль с сайтом. Просто установите «SEO умного фильтра» и получите возможности для эффективного SEO-продвижения. Тестируйте модуль на своем проекте и улучшайте показатели продвижения сайта.
Обратите внимание, что поддерживается только компонент «sotbit:seo.meta». Если вам необходима интеграция компонента «sotbit:seo.meta.tags», потребуется дополнительная реализация индивидуально для вашего проекта.
В Аспро: Шины и диски 2.0 компонент «sotbit:seo.meta» корректно работает только для фильтра конкретного раздела. Так как на странице подбора шин, мотошин, грузовых шин, АКБ и дисков товары расположены в корне без разделов, компонент на таких страницах работать не будет. Если вы хотите использовать весь функционал SEO-умного фильтра, необходимо будет сделать интеграцию и дорабатывать модуль.
Модуль позволяет изменить мета-теги, описания и заголовки на страницах умного фильтра, а также исключить из индексации определенные страницы фильтра. Используйте возможности инструмента на максимум, чтобы увеличить количество органического и рекламного трафика, а как следствие — конверсию вашего проекта.
При работе с модулем воспользуйтесь обучающими материалами:
назадНастройка синхронизации форм с Аспро.Cloud Подключение Google reCAPTCHAвперед
Подключение Google reCAPTCHA
С 1 июля 2025 года вступают в силу изменения в Закон 152-ФЗ, которые запрещают первоначальный сбор персональных данных граждан РФ напрямую на иностранных серверах. Это значит, что Роскомнадзор сможет штрафовать бизнес за использование сервисов, которые хранят данные пользователей за рубежом. Подробнее об изменениях.
В Аспро: Корпоративный сайт 2.0, Аспро: Корпоративный сайт 3.0 и Аспро: Приорити 2.0 вы можете выбрать, какую капчу использовать на своем сайте: стандартную от 1С-Битрикс или Google reCAPTCHA. В решении Аспро: Корпоративный сайт 2.0, начиная с версии 1.2.5 , доступна Google reCaptcha v3.
Google reCAPTCHA – инструмент от Google, который анализирует поведение пользователей и в зависимости от него предлагает пройти проверку по различным сценариям: от простейшего клика по квадрату «Я не робот» (в большинстве случаев) до расшифровки надписей и выбора определенных картинок (если есть подозрение, что с формой взаимодействует бот, а не реальный человек).
Подключайте Google reCAPTCHA, чтобы снизить количество спамных обращений на сайте.
Форма с Google reCaptcha v2.
Форма с 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 (человек). Эта оценка неоднозначна и может меняться со временем. Так как при ее расчете анализируются собранные поведенческие характеристики пользователя и другие параметры на разных сайтах.
Заполнение формы пользователем считается подозрительным, если оценка меньше заданного минимального значения. При его снижении увеличивается вероятность пропуска спама, а при повышении значения — увеличивается вероятность отклонения настоящего человека.
Поддержка модулей оплаты
Впервые для корпоративного сайта мы добавили возможность использования модулей оплаты. Теперь вы можете не только принимать заявки с заказов, но еще и подключать оплату для приема платежей от клиентов.
Для этого мы реализовали поддержку модуля оплаты, которые нужно приобрести отдельно в 1С-Битрикс: Маркетплейс: «Интернет-эквайринг Тинькофф прием платежей». Подключайте печать чеков в платежном агрегаторе и принимайте безналичные платежи.
Алгоритм работы с модулями такой:
- вы приобретаете модули отдельно в Маркетплейсе 1С-Битрикс;
- устанавливаете необходимые модули на сайт;
- настраиваете модули через административную часть сайта.
О том, как подключить модули в Аспро: Корпоративный сайт 3.0, читайте в прикрепленных статьях.
Нужна помощь?
Поручите настройку интеграции нашим разработчикам — они учтут все нюансы работы, чтобы минимизировать сбои и ошибки. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
назадПодключение Google reCAPTCHA Поддержка модуля «Интернет-эквайринг Тинькофф приём платежей»вперед
Поддержка модуля «Интернет-эквайринг Тинькофф приём платежей»
Используйте модуль «Интернет-эквайринг Тинькофф прием платежей» для осуществления платежей на вашем сайте. Для настройки модуля вам нужно перейти в административную часть сайта: Аспро (1) → Аспро: Allcorp 3 (2) → Настройки (3).
Перейдите в раздел «Корзина» и в поле «Платежная система» выберите модуль «Интернет-эквайринг Тинькофф приём платежей».
Для управления настройками модуля перейдите в публичную часть сайта. Затем включите «Режим правки».
В каталоге выберите один из товаров. Затем положите товар в корзину.
Перейдите в корзину. Затем нажмите «Оформить заказ».
Заполните обязательные поля под звездочкой в форме оформления заказа и завершите покупку.
На странице успешного оформления заказа наведите на область и кликните на стрелку возле шестеренки. Выберите «Платежная форма Tinkoff Bank» (1), а затем «Редактировать параметры компонента» (2).
Во вкладке «Источник данных» вы можете:
- задать идентификатор терминала;
- поменять пароль для идентификатора терминала;
- задать язык;
- добавить электронный адрес, на который будут поступать htttp нотификации.
назадПоддержка модулей оплаты Настройка интеграции с ИнвойсБокс для приема платежейвперед
Настройка интеграции с ИнвойсБокс для приема платежей
В решении Аспро: Корпоративный сайт 3.0, начиная с версии 1.1.0, появилась возможность подключать прямую интеграцию с эквайрингом ИнвойсБокс. Система позволяет принимать платежи на сайте. При этом вам не нужно покупать сторонние модули, поскольку в решении добавлен специальный компонент для работы с платежной системой.
По подключению системы Инвойсбокс мы записали подробный видеообзор:
Чтобы подключить систему ИнвойсБокс, в административной части сайта перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) и перейдите на вкладку «Корзина».
На вкладке «Корзина» найдите поле «Платежная система», выберите «Интернет-эквайринг ИнвойсБокс (прием платежей)» и нажмите «Применить».
Для настройки платежной системы выполните тестовый заказ. На странице успешного оформления заказа в режиме вкладки перейдите в настройки параметров компонента платежной системы ИнвойсБокс. Нажмите на стрелку рядом с шестеренкой (1), выберите «Аспро: Платежная платформа ИнвойсБокс» (2) и «Редактировать параметры компонента» (3).
В параметрах компонента доступны следующие поля:
- Идентификатор магазина.
- Региональный код магазина.
- Подпись безопасности — API ключ. Подпись, идентификатор и код получаются при заключении договора с «Инвойсбокс», поэтому заполнять эти поля обязательно.
- Номер заказа. Значение по умолчанию «={$_REQUEST[“RESULT_ID”]}» менять не нужно.
- Стоимость заказа. Значение по умолчанию «={$totalSumm}» менять не нужно.
- Код валюты. По умолчанию используются рубли. Этот код указывается в соответствии со стандартом ISO 4217: RUB — российский рубль, EUR — евро, USD — доллар США и т. д.
- Тестовый режим. Если включить настройку, то платежи не будут проходить через финансовую систему. Такую же настройку надо будет включить в личном кабинете «ИнвойсБокс».
После внесения данных сохраните изменения.
Необходимые для заполнения данные вы сможете найти в личном кабинете ИнвойсБокс. Перейдите в настройки магазина. Здесь вам понадобятся идентификатор версии API (1), региональный код (2) и API ключ (3).
Нужна помощь?
Поручите настройку интеграции нашим разработчикам — они учтут все нюансы работы, чтобы минимизировать сбои и ошибки. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
назадПоддержка модуля «Интернет-эквайринг Тинькофф приём платежей» Настройка свойства наименования товара для оплаты ИнвойсБоксвперед
Настройка свойства наименования товара для оплаты ИнвойсБокс
В решении Аспро: Корпоративный сайт 3.0, начиная с версии 1.1.1, появилось отдельное свойство наименования товара для оплаты ИнвойсБокс.
В это свойство прописывается юридическое наименование товара, которое будет передаваться в систему приема платежей ИнвойсБокс.
Чтобы добавить свойство, в административной части сайта перейдите в Контент (1) → Каталог (aspro.allcorp3) (2) → Продукты (3) и перейдите в окно редактирования необходимого товара.
В настройках товара найдите поле «Наименование для документов». Если оно не отображается, перейдите по шестеренке в правом верхнем углу. В настройках формы редактирования, в доступных вкладках выберите «Элемент» (1), во вкладках напротив кликните «Товар» (2). Далее в доступных полях выберите «Наименование для документов» (3) и нажмите на стрелку (4), чтобы переместить поле в активные. Поставьте галку в поле «Установить данные настройки по умолчанию для всех пользователей» (5). Сохраните изменения.
В поле «Наименование для документов» введите юридическое название товара и сохраните изменения.
назадНастройка интеграции с ИнвойсБокс для приема платежей Требования к графическим материаламвперед
Требования к графическим материалам
В этой главе рассмотрим требования к графическим материалам, которые понадобятся для запуска корпоративного сайта на основе Аспро: Корпоративный сайт 3.0. К ним относятся баннеры на главной странице, тизеры, картинки для акций и другие изображения. Расположение и размер каждого графического материала в корпоративном сайте зависит от выбранного шаблона в виджете настроек.
Нужна помощь?
Доверьте создание изображений нашим дизайнерам — они учтут все технические нюансы и разработают безупречный баннер. Узнайте больше об услуге или оставьте заявку.
Содержание главы:
назадНастройка свойства наименования товара для оплаты ИнвойсБокс Создание 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)
Если эти теги есть, то нужно вернуться и изменить так, чтобы был
назадТребования к графическим материалам Логотипвперед
Логотип
Логотип размещается в шапке сайта. Виджет настроек предлагает 12 вариантов стандартной шапки и 3 шаблона фиксированной шапки.
Требования к логотипу
Размер контейнера для логотипа в шапке сайта: 160x50 px.
Допустимые форматы изображений: svg, jpg, png, gif.
Если вы хотите, чтобы логотип соответствовал вашим предпочтениям или общей цветовой схеме сайта, с версии решения 1.1.5 появилась возможность частично кастомизировать цвета у SVG-логотипа в шапке. Для этого нужно прописать класс в SVG-файле. Рассмотрим 3 варианта классов для изменения цвета.
Для указания специального цвета у SVG-логотипа воспользуйтесь классом fill-ignore.
Для указания цвета темы используйте класс fill-theme-svg.
Чтобы текст логотипа отображался в зависимости от темной или светлой темы, используйте класс fill-dark-light:
Зависимость показа логотипа от различных настроек
Для некоторых комбинаций настроек цвет логотипа будет зависеть от настроек баннера. Ниже будут описаны варианты, когда цвет логотипа должен зависеть от выбранной темы.
Мобильная шапка
- Белая
-
Светлая тема — обычный логотип.
-
Темная тема — светлый логотип.
-
Темная
- Всегда светлый логотип.
-
Цветная
- Всегда светлый логотип.
-
Серая
- Светлая тема — обычный логотип.
- Темная тема — светлый логотип.
Мобильное меню (2 типа, боковое и выпадающее сверху)
- Светлая тема — обычный логотип.
- Темная тема — светлый логотип.
Фиксированная шапка (3 типа)
- Светлая тема — обычный логотип.
- Темная тема — светлый логотип.
Варианты шапок (12 видов)
1-4, 7-11 шапки
Цвет блока с меню:
- Белый
-
Светлая тема — обычный логотип.
-
Темная тема — светлый логотип.
-
Темный
- Всегда светлый логотип.
-
Цветной
- Всегда светлый логотип.
-
Прозрачный
- Если есть баннер, в зависимости от его настроек.
- Если нет баннера:
- Светлая тема — обычный логотип.
- Темная тема — светлый логотип.
-
Серый
- Светлая тема — обычный логотип.
- Темная тема — светлый логотип.
5-6 шапки
- Если есть баннер, в зависимости от его настроек.
- Если нет баннера:
- Светлая тема — обычный логотип.
- Темная тема — светлый логотип.
12-я шапка
- Светлая тема — обычный логотип.
- Темная тема — светлый логотип.
назадСоздание svg-иконки Фавиконвперед
Фавикон
Фавикон — это небольшая картинка, которая отображается в сниппете в результатах поиска, рядом с адресом сайта в адресной строке браузера и около названия сайта в избранном или закладках браузера.
Рекомендации от поисковой системы Яндекс
Размер фавикон: 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. Боковой
Ширина — 306 px. Высота зависит от творческого решения дизайнера.
Низкий прямоугольник.
Квадрат.
Высокий прямоугольник.
4. Над контентом
В зависимости от страницы/раздела может быть по ширине сайта или по ширине контента. Зависит от того, учитывается ли боковая колонка или нет.
a.
Ширина сайта — 1700px без боковой колонки
Ширина контейнера для баннера — 1700 px.
Высота не ограничена. Мы рекомендуем 480 px.
Ширина сайта — 1700px с боковой колонкой
Ширина контейнера для баннера — 1352 px.
Высота не ограничена. Мы рекомендуем 390 px.
б.
Ширина сайта — 1500px без боковой колонки
Ширина контейнера для баннера — 1500 px.
Высота не ограничена. Мы рекомендуем 430 px.
Ширина сайта — 1500px с боковой колонкой
Ширина контейнера для баннера — 1152 px.
Высота не ограничена. Мы рекомендуем 350 px.
в.
Ширина сайта — 1348px без боковой колонки
Ширина контейнера для баннера — 1348 px.
Высота не ограничена. Мы рекомендуем 390 px.
Ширина сайта — 1348px с боковой колонкой
Ширина контейнера для баннера — 1000 px.
Высота не ограничена. Мы рекомендуем 310 px.
5. Под контентом
В зависимости от страницы/раздела баннер может быть по ширине сайта или по ширине контента. Зависит от того, учитывается ли боковая колонка или нет.
a.
**Ширина сайта — 1700px без боковой колонки
**Ширина контейнера для баннера — 1700 px.
Высота не ограничена. Мы рекомендуем 480 px.
Ширина сайта — 1700px с боковой колонкой
Ширина контейнера для баннера — 1352 px.
Высота не ограничена. Мы рекомендуем 390 px.
б.
Ширина сайта — 1500px без боковой колонки
Ширина контейнера для баннера — 1500 px.
Высота не ограничена. Мы рекомендуем 430 px.
Ширина сайта — 1500px с боковой колонкой
Ширина контейнера для баннера — 1152 px.
Высота не ограничена. Мы рекомендуем 350 px.
в.
Ширина сайта — 1348px без боковой колонки
Ширина контейнера для баннера — 1348 px.
Высота не ограничена. Мы рекомендуем 390 px.
Ширина сайта — 1348px с боковой колонкой
Ширина контейнера для баннера — 1000 px.
Высота не ограничена. Мы рекомендуем 310 px.
6. Внизу страницы
Ширина — 1920px.
Высота — По высоте не ограничен. Мы рекомендуем 120px.
назадФавикон Блоки на главной страницевперед
Блоки на главной странице
В этой главе рассмотрим требования к графическим материалам для блоков на главной странице.
Будут установлены требования к следующим блокам:
- Большие баннеры.
- Тизеры.
- Баннеры с текстом.
- Баннеры картинками.
- Баннеры с фоном.
- Блок о компании.
- Форма.
Содержание главы:
назадРекламные баннеры Большие баннерывперед
Большие баннеры
Всего доступно 5 типов отображения больших баннеров на главной: с наездом на шапку, карусель, с баннерами сбоку, без наезда на шапку, наполовину.
Вы также можете загрузить видео на главный баннер. Оптимальный размер видео 一 1024 х 576 рх, но он может варьироваться в зависимости от содержания видео или типа баннера. Если видео загружено из файла, рекомендуем не превышать объем 10 мб.
1.1 Большой баннер с наездом на шапку
Высокий
Фон — 1920x936 px.
Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 786 px.
Обычный
Фон — 1920x734 px.
Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 584 px.
Низкий
Фон — 1920x600 px.
Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 450 px.
1.2 Большой баннер. Карусель
Высокий — 618x773 px.
Обычный — 618x581 px.
Низкий — 618x451 px.
1.3 Большой баннер с баннерами сбоку
На всю ширину:
Высокий:
Фон — 1427x786 px. Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 786 px.
Дополнительные баннеры: 476x393 px.
Обычный:
Фон — 1427x580 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 786 px.
Дополнительные баннеры: 476x290 px.
Низкий:
Фон — 1427x450 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 786 px.
Дополнительные баннеры: 476x225 px.
1700:
Высокий:
Фон — 1275x786 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 786 px.
Дополнительные баннеры: 425x393 px.
Обычный:
Фон — 1275x580 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 786 px.
Дополнительные баннеры: 425x290 px.
Низкий:
Фон — 1275x450 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 786 px.
Дополнительные баннеры: 425x225 px.
1500:
Высокий:
Фон — 1125x786 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 786 px.
Дополнительные баннеры: 375x393 px.
Обычный:
Фон — 1125x580 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 786 px.
Дополнительные баннеры: 375x290 px.
Низкий
Фон — 1125x450 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 786 px.
Дополнительные баннеры: 375x225 px.
1348:
Высокий:
Фон — 1011x786 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 786 px.
Дополнительные баннеры: 337x393px.
Обычный:
Фон — 1011x580 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 786 px.
Дополнительные баннеры: 337x290 px.
Низкий
Фон — 1011x450 px. Активная картинка: В высоту — от нижней границы до шапки сайта, но не более 786 px.
Дополнительные баннеры: 337x225 px.
1.4 Большой баннер без наезда на шапку
Высокий
Фон — 1920x786 px.
Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 786 px.
Обычный
Фон — 1920x580 px.
Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 580 px.
Низкий
Фон — 1920x450 px.
Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 450 px.
1.5 Большой баннер наполовину
На всю ширину:
Высокий — 960x786 px.
Обычный — 960x580 px.
Низкий — 960x450 px.
1700:
Высокий — 850x786 px.
Обычный — 850x580 px.
Низкий — 850x450 px
1500:
Высокий — 750x786 px.
Обычный — 750x580 px.
Низкий — 750x450 px.
1348:
Высокий — 674x786 px.
Обычный — 674x580 px.
Низкий — 674x450 px.
назадБлоки на главной странице Тизерывперед
Тизеры
Тизеры преимуществ — это блок с небольшими иконками или картинками с кратким описанием преимуществ вашей компании или магазина. К тизерам можно привязывать ссылки и сделать их кликабельными, как баннеры. Блок с тизерами преимуществ вы можете отобразить на главной странице.
Иконки — 50x50 px.
Картинки слева — 80x80 px.
Картинки вверху — 140x140 px.
назадБольшие баннеры Баннеры с текстомвперед
Баннеры с текстом
Всего доступно 2 типа отображения баннеров с текстом: плиткой одинакового размера и в произвольном порядке.
1. Плиткой одинакового размера
На всю ширину
Высокая картинка
- 2 элемента в строке: 960x640 px.
- 3 элемента в строке: 640x640 px.
- 4 элемента в строке: 480x623 px.
Низкая картинка
- 2 элемента в строке: 960x422 px.
- 3 элемента в строке: 640x430 px.
- 4 элемента в строке: 480x320 px.
Ширина сайта 1700 px
Высокая картинка
- 2 элемента в строке: 834x558 px.
- 3 элемента в строке: 545x545 px.
- 4 элемента в строке: 401x521 px.
Низкая картинка
- 2 элемента в строке: 834x367 px.
- 3 элемента в строке: 545x365 px.
- 4 элемента в строке: 401x268 px.
Ширина сайта 1500 px
Высокая картинка
- 2 элемента в строке: 734x492 px.
- 3 элемента в строке: 478x478 px.
- 4 элемента в строке: 351x456 px.
Низкая картинка
- 2 элемента в строке: 734x323 px.
- 3 элемента в строке: 478x321 px.
- 4 элемента в строке: 351x235 px.
Ширина сайта 1348 px
Высокая картинка
- 2 элемента в строке: 658x440 px.
- 3 элемента в строке: 428x428 px.
- 4 элемента в строке: 313x407 px.
Низкая картинка
- 2 элемента в строке: 658x289 px.
- 3 элемента в строке: 428x286 px.
- 4 элемента в строке: 313x209 px.
2. В произвольном порядке
На всю ширину
Высокая картинка
- 1, 6 картинки: 960x640 px.
- 2, 3, 4, 5 картинки: 480x623 px.
Низкая картинка
- 1, 6 картинки: 960x422 px.
- 2, 3, 4, 5 картинки: 480x320 px.
Ширина сайта 1700 px
Высокая картинка
- 1, 6 картинки: 834x558 px.
- 2, 3, 4, 5 картинки: 401x521 px.
Низкая картинка
- 1, 6 картинки: 834x367 px.
- 2, 3, 4, 5 картинки: 401x268 px.
Ширина сайта 1500 px
Высокая картинка
- 1, 6 картинки: 734x492 px.
- 2, 3, 4, 5 картинки: 351x456 px.
Низкая картинка
- 1, 6 картинки: 734x323 px.
- 2, 3, 4, 5 картинки: 351x235 px.
Ширина сайта 1348 px
Высокая картинка
- 1, 6 картинки: 658x440 px.
- 2, 3, 4, 5 картинки: 313x407 px
Низкая картинка
- 1, 6 картинки: 658x289 px.
- 2, 3, 4, 5 картинки: 313x209 px.
назадТизеры Баннеры картинкамивперед
Баннеры картинками
Баннеры картинками на главной странице — небольшие кликабельные статичные изображения. Они дают быстрый доступ к нужным страницам. Доступно 2 типа отображения баннеров картинками: 1 в ряд и 2 в ряд.
1 в ряд
1920x180 px.
Размер безопасной зоны: 976х180 px.
2 в ряд
960x288 px.
Вся зона безопасная.
назадБаннеры с текстом Баннеры с фономвперед
Баннеры с фоном
Всего доступно 3 типа отображения баннеров с фоном: большие баннеры, без описания, с описанием.
1. Большие баннеры
Блок разделен на 2 половины. Слева текст, справа активная картинка. Активная картинка выравнивается по левому и нижнему краю блока. Высота баннера может быть больше. Она зависит от количества текста.
По ширине сайта
Фон — 1920x640 px.
Активная картинка — размер зависит от творческого решения дизайнера.
Ширина сайта 1700 px
Фон — 1700x640 px.
Активная картинка — размер зависит от творческого решения дизайнера.
Ширина сайта 1500 px
Фон — 1500x640 px.
Активная картинка — размер зависит от творческого решения дизайнера.
Ширина сайта 1348 px
Фон — 1348x640 px.
Активная картинка — размер зависит от творческого решения дизайнера.
2. Без описания
Блок разделен на 2 части. Верхний блок с текстом и нижний с картинкой. Картинка выравнивается по нижнему краю и по центру и не может быть ближе 60px от заголовка.
По ширине сайта
2 в ряд: Фон — 960x672 px.
Активная картинка — размер зависит от творческого решения дизайнера.
3 в ряд: Фон — 635x657 px.
Активная картинка — размер зависит от творческого решения дизайнера.
Ширина сайта 1700 px
2 в ряд: Фон — 850x666 px.
Активная картинка — размер зависит от творческого решения дизайнера.
3 в ряд: Фон — 567x688 px.
Активная картинка — размер зависит от творческого решения дизайнера.
Ширина сайта 1500 px
2 в ряд: Фон — 750x666 px.
Активная картинка — размер зависит от творческого решения дизайнера.
3 в ряд: Фон — 500x657 px.
Активная картинка — размер зависит от творческого решения дизайнера.
Ширина сайта 1348 px
2 в ряд: Фон — 674x666 px.
Активная картинка — размер зависит от творческого решения дизайнера.
3 в ряд: Фон — 449x688 px.
Активная картинка — размер зависит от творческого решения дизайнера.
3. С описанием
Блок разделен на 2 равные половины. Картинка занимает правую половину блока. Она выравнивается по левому и нижнему краю. Сверху она ограничена отступом в 46 px и не может прижиматься к верхнему краю. Высота блока зависит от количества текста. Чем больше текста, тем выше блок. Но минимальная высота — 360 px.
На всю ширину
Длина картинки 452 px. Длина может быть больше 452 px. В таком случае часть картинки, которая не поместилась в 452 px обрежется.
Высота зависит от количества текста.
Ширина сайта 1700 px
Длина картинки 417 px.
Высота зависит от количества текста.
Ширина сайта 1500 px
Длина картинки 367 px.
Высота зависит от количества текста.
Ширина сайта 1348 px
Длина картинки 329 px.
Высота зависит от количества текста.
назадБаннеры картинками Блок о компаниивперед
Блок о компании
Всего доступно 3 типа отображения блока о компании: с большим баннером, с текстом и картинкой, с двумя описаниями.
1. С большим баннером
На всю ширину
1920x500 px.
Ширина сайта 1700 px
1700x500 px.
Ширина сайта 1500 px
1500x500 px.
Ширина сайта 1348 px
1348x500 px.
2. С текстом и картинкой
На всю ширину
960x640 px.
Ширина сайта 1700 px
850x500 px.
Ширина сайта 1500 px
750x500 px.
Ширина сайта 1348 px
674x500 px.
3. С двумя описаниями
Ширина сайта 1700 px
850x500 px.
Ширина сайта 1500 px
750x500 px.
Ширина сайта 1348 px
674x500 px.
назадБаннеры с фоном Формавперед
Форма
Всего доступно 3 типа отображения формы: форма на фоне, картинка и форма, компактно. Рассмотрим требования к первым двум типам.
1. Форма на фоне
Оптимальный размер фона для формы: 1920x900 px.
2. Картинка и форма
На всю ширину
960x640 px.
Ширина сайта 1700 px
850x500 px.
Ширина сайта 1500 px
750x500 px.
Ширина сайта 1348 px
674x500 px.
назадБлок о компании Баннеры во внутренних разделахвперед
Баннеры во внутренних разделах
В этом уроке рассмотрим требования к графическим материалам для баннеров во внутренних разделах сайта.
Будут установлены требования к следующим баннерам:
- Баннер с затемнением.
- Баннер с активной картинкой.
- Баннер по ширине сайта.
- Баннер по ширине контента.
1. Баннер с затемнением
1920x800 px.
2. Баннер с активной картинкой
Фон — 1920x725 px.
Активная картинка — размер зависит от творческого решения дизайнера. Располагается в правой части баннера. В длину может занимать место, начиная с половины и до правой границы. В высоту — от нижней границы до шапки сайта, но не более 580 px.
3. Баннер по ширине сайта
Длина — 1920 px. По высоте не ограничен. Мы рекомендуем 730 px.
Ширина 1700 px
Длина — 1700 px. По высоте не ограничен. Мы рекомендуем 790 px.
Ширина 1500 px
Длина — 1500 px. По высоте не ограничен. Мы рекомендуем 700 px.
Ширина 1348 px
Длина — 1348 px. По высоте не ограничен. Мы рекомендуем 630 px.
4. Баннер по ширине контента
4.1. Без боковой колонки
Длина — 1156 px. По высоте не ограничен. Мы рекомендуем 560 px.
4.2. С боковой колонкой
Ширина 1700 px
Длина — 1352 px. По высоте не ограничен. Мы рекомендуем 660 px.
Ширина 1500 px
Длина — 1152 px. По высоте не ограничен. Мы рекомендуем 560 px.
Ширина 1348 px
Длина — 1000 px. По высоте не ограничен. Мы рекомендуем 490 px.
назадФорма Контентные разделывперед
Контентные разделы
В этом уроке рассмотрим требования к графическим материалам контентных разделов.
К контентным разделам относятся:
- тарифы,
- проекты,
- акции,
- новости,
- статьи,
- сотрудники,
- галерея,
- история,
- бренды,
- контакты.
Содержание главы:
назадБаннеры во внутренних разделах Тарифывперед
Тарифы
Рассмотрим требования к графическим материалам для тарифов.
Подразделы
Картинки: 120x120 px.
Иконки: 40x40 px.
Элемент (для главной и для внутренних)
С большой картинкой
Ширина сайта 1700 px — 399х267 px.
Ширина сайта 1500 px — 349x234 px.
Ширина сайта 1348 px — 311x208 px.
С маленькой картинкой
Картинка: 60x60 px.
Иконки: 40x40 px.
Списком
Картинка: 120x120 px.
Иконки: 40x40 px.
назадКонтентные разделы Проектывперед
Проекты
Рассмотрим требования к графическим материалам для проектов.
1. Несколько в ряд (для главной)
На всю ширину
2 элемента в строке: 960x640 px.
3 элемента в строке: 640x430 px
Ширина сайта 1700 px
2 элемента в строке: 850x570 px.
3 элемента в строке: 567x380 px.
Ширина сайта 1500 px
2 элемента в строке: 750x503 px.
3 элемента в строке: 500x335 px.
Ширина сайта 1348 px
2 элемента в строке: 674x452 px.
3 элемента в строке: 449x301 px.
2. Несколько в ряд (для внутренних)
Ширина сайта 1700 px без боковой колонки
3 элемента в строке: 545x365 px.
4 элемента в строке: 401x269 px.
Ширина сайта 1500 px без боковой колонки
3 элемента в строке: 479x321 px.
4 элемента в строке: 351x235 px.
Ширина сайта 1348 px без боковой колонки
3 элемента в строке: 428x287 px.
4 элемента в строке: 313x210 px.
3. 1 в ряд (для главной)
На всю ширину — 1920x740 px.
Ширина сайта 1700 px — 1700x561 px.
Ширина сайта 1500 px — 1500x495 px.
Ширина сайта 1348 px — 1348x445 px.
4. C текстом слева (для главной)
Ширина сайта 1700 px — 1122x370 px.
Ширина сайта 1500 px — 990x326 px.
Ширина сайта 1348 px — 890x294 px.
Акции
Рассмотрим требования к графическим материалам для блока с акциями.
1. С круглой картинкой (для главной и для внутренних)
170x170px.
2. С текстом внутри (для главной и для внутренних)
Ширина сайта 1700 px
3 элемента в строке: 545x545 px.
4 элемента в строке: 401x521 px.
Ширина сайта 1500 px
3 элемента в строке: 478x478 px.
4 элемента в строке: 351x456 px.
Ширина сайта 1348 px
3 элемента в строке: 428x428 px.
4 элемента в строке: 313x407 px.
3. С текстом внизу (для главной и для внутренних)
Ширина сайта 1700 px
3 элемента в строке: 543x364 px.
4 элемента в строке: 427x286 px.
Ширина сайта 1500 px
3 элемента в строке: 476x319 px.
4 элемента в строке: 349x234 px.
Ширина сайта 1348 px
3 элемента в строке: 426x285 px.
4 элемента в строке: 311x208 px.
4. Списком (для внутренних)
Большие картинки: 300x200 px.
Новости
Рассмотрим требования к графическим материалам для блока с новостями.
1. С текстом внизу (для главной и для внутренних)
Ширина сайта 1700 px без боковой колонки
3 элемента в строке: 545x365 px.
4 элемента в строке: 401x269 px.
Ширина сайта 1500 px без боковой колонки
3 элемента в строке: 479x321 px.
4 элемента в строке: 351x235 px.
Ширина сайта 1348 px без боковой колонки
3 элемента в строке: 428x287 px.
4 элемента в строке: 313x210 px.
2. С большим блоком (для главной и для внутренних)
Ширина сайта 1700 px без боковой колонки
700x466 px.
Ширина сайта 1500 px без боковой колонки
700x466px.
Ширина сайта 1348 px без боковой колонки
658x439px.
3. Списком (для внутренних)
300x200px.
Статьи
Рассмотрим требования к графическим материалам для блока со статьями.
1. С текстом внизу (для главной и для внутренних)
Ширина сайта 1700 px без боковой колонки
3 элемента в строке: 543x363 px.
4 элемента в строке: 399x267 px.
Ширина сайта 1500 px без боковой колонки
3 элемента в строке: 476x319 px.
4 элемента в строке: 349x234 px.
Ширина сайта 1348 px без боковой колонки
3 элемента в строке: 426x285 px.
4 элемента в строке: 310x208 px.
2. С большим блоком (для главной и для внутренних)
Ширина сайта 1700 px без боковой колонки
700x466 px.
Ширина сайта 1500 px без боковой колонки
700x466 px.
Ширина сайта 1348 px без боковой колонки
658x439 px.
3. Списком (для внутренних)
300x200 px.
Сотрудники
Рассмотрим требования к графическим материалам для блока «Сотрудники».
1. С текстом внутри (для главной и для внутренних)
На всю ширину
3 элемента в строке: 635x812 px.
4 элемента в строке: 476x609 px.
Ширина сайта 1700 px
3 элемента в строке: 567x726 px.
4 элемента в строке: 426x544 px.
Ширина сайта 1500 px
3 элемента в строке: 501x641 px.
4 элемента в строке: 375x481 px.
Ширина сайта 1348 px
3 элемента в строке: 449x575 px.
4 элемента в строке: 337x432 px.
2. 2 в ряд с текстом сбоку (для главной)
На всю ширину
400x500 px.
Ширина сайта 1700 px
357x448 px.
Ширина сайта 1500 px
315x395 px.
Ширина сайта 1348 px
283x355 px.
3. С текстом внизу (для главной)
На всю ширину
635x419 px.
Ширина сайта 1700 px
567x374 px.
Ширина сайта 1500 px
500x330 px.
Ширина сайта 1348 px
449x296 px.
Галерея
Оптимальный размер картинок для галереи — 1130x730 px. Картинки для анонса будут браться из картинок галереи.
История
Размер картинок для блока «Истории» — 300x200 px.
назадГалерея Бренды, партнеры, производителивперед
Бренды, партнеры, производители
Рекомендуемый размер логотипа бренда: не больше 150px в ширину и не больше 80px в высоту.
Контакты
Рассмотрим требования к графическим материалам для контактов.
Ширина сайта 1700 px — 826х550 px.
Ширина сайта 1500 px — 726х484 px.
Ширина сайта 1348 px — 650х433 px.
назадБренды, партнеры, производители Разделы каталогавперед
Разделы каталога
В этом уроке рассмотрим требования к графическим материалам для разделов каталога. Эти требования относятся к шаблону списка разделов, которому доступны три типа отображения: большие картинки, маленькие картинки и списком.
1. Большие картинки (для главной и для внутренних)
На всю ширину
3 элемента в строке — 635x425px.
4 элемента в строке — 475x319px.
Ширина сайта 1700 px по ширине контента
3 элемента в строке (фактически 4) — 425x285px.
4 элемента в строке: 425x285px.
Ширина сайта 1500 px по ширине контента
3 элемента в строке — 500x335px.
4 элемента в строке — 375x251px.
Ширина сайта 1348 px по ширине контента
3 элемента в строке — 449x301px.
4 элемента в строке — 337x226px.
2. Маленькие картинки (для главной и для внутренних)
Картинки
2 элемента в строке — 110x110px.
3 элемента в строке — 90x90px.
Прозрачные картинки:
2 элемента в строке — 110x110px.
3 элемента в строке — 90x90px.
Иконки:
40x40px.
3. Списком (для внутренних страниц)
Большие картинки
300x200px.
Картинки
2 элемента в строке — 110x110px.
3 элемента в строке — 90x90px.
Прозрачные картинки:
2 элемента в строке — 110x110px.
3 элемента в строке — 90x90px.
Иконки:
40x40px.
Содержание главы:
назадКонтакты Элементы каталогавперед
Элементы каталога
Рассмотрим требования к графическим материалам для элементов каталога.
На демосайте размеры подготовленных картинок — 700x700 px. Рекомендуется использовать высоту картинок не больше 900 px. В противном случае, когда откроется попап с увеличенной картинкой, изображение большего размера не поместится в экран и уменьшится.
Картинки в списке каталога преобразуются из анонсных изображений и подстраиваются под сетку: 3 или 4 в ряд.
назадРазделы каталога Услугивперед
Услуги
В этом уроке рассмотрим требования к графическим материалам раздела «Услуги». Эти требования относятся к шаблонам списка разделов, подразделов и элементов. Каждому из этих шаблонов доступно три типа отображения: большие картинки, маленькие картинки и списком.
В связанных услугах формат картинки горизонтальный 150х100. Поэтому если изображение большое, будет отображаться центр картинки.
1. Большие картинки (для главной и для внутренних)
Ширина сайта 1700 px без боковой колонки (для главной и для внутренних)
2 элемента в строке: 834 x 559 px.
3 элемента в строке: 545 x 545 px.
4 элемента в строке: 401 x 505 px.
Ширина сайта 1500 px без боковой колонки (для главной и для внутренних)
2 элемента в строке: 734 x 492 px.
3 элемента в строке: 479 x 479 px.
4 элемента в строке: 351 x 442 px.
Ширина сайта 1348 px без боковой колонки (для главной и для внутренних)
2 элемента в строке: 658 x 441 px.
3 элемента в строке: 428 x 428 px.
4 элемента в строке: 313 x 394 px.
2. С большой картинкой (для главной)
Широкий вариант — 960 x 615 px.
Ширина сайта 1700 px — 836 x 544 px.
Ширина сайта 1500 px — 736 x 480 px.
Ширина сайта 1348 px — 674 x 431 px.
3. Маленькие картинки (для главной и для внутренних)
Картинки: 140 x 140 px.
Прозрачные картинки: 120 x 120 px.
Иконки: 40 x 40 px.
4. Списком (для внутренних)
** 
Большие картинки: 300 x 200 px.
Картинки: 140 x 140 px.
Прозрачные картинки: 120 x 120 px.
Иконки: 40 x 40 px.
назадЭлементы каталога Маркетинговые окнавперед
Маркетинговые окна
Попап-окно — эффективный маркетинговый инструмент. Но только при грамотном использовании. Вы можете проинформировать посетителя о скидках, предложить подписаться на рассылку или пригласить на бесплатное мероприятие.
Оформляйте маркетинговое окно так, чтобы превратить посетителя сайта в подписчика или покупателя. Подробнее о настройке читайте в документации.
Маркетинговое окно меняет размеры в зависимости от наполнения текстом. Картинка занимает 45% от ширины. Чем больше текста будет написано, тем больше станет окно. Если из-за большого количества текста оно увеличилось в высоту, место для картинки тоже увеличится, а картинка впишется в него.
Размеры картинки
Максимальная ширина окна — 850 px.
Ширина — зависит от количества текста. Мы рекомендуем ширину — 383 px (45% от 850 px).
Высота — зависит от количества текста. Чем больше текста, тем высота больше.
назадУслуги Для веб-разработчиковвперед
Для веб-разработчиков
Решение Аспро созданы на современной технологической платформе 一 Bootstrap 3.0, HTML5, CSS3, jQuery. Они имеют принципиально новую архитектуру, с которой по-настоящему удобно работать. В специальном разделе есть библиотеки кнопок, иконок и элементов для оформления.
В этой главе мы расскажем об этих преимуществах, а также о том, как легко и просто изменять основные элементы сайта.
Внимание! Информация, представленная в этой главе, носит рекомендательный характер и предназначена для программистов, владеющих навыками разработки на 1С-Битрикс. Мы не оказываем консультации по разработке и не несем ответственности за последствия изменения кода шаблона. Инструкция подразумевает, что вы сможете выполнить работу с кодом самостоятельно.
Мы настоятельно рекомендуем придерживаться наших рекомендаций. Ошибки, возникшие из-за некорректных действий, устраняются платно.
Если вы не разработчик и хотите доработать решение под ваш проект 一 например, изменить внешний вид блоков, разделов, элементов или добавить новый функционал, пожалуйста, свяжитесь с нами.
Содержание главы:
назадМаркетинговые окна Модификация кода шаблонавперед
Модификация кода шаблона
В этой главе мы расскажем, как модифицировать отдельные разделы и элементы быстро и легко. При соблюдении этих рекомендаций у вас не будет путаницы и конфликтов функционала при обновлениях.
Глава выстроена в виде уроков-кейсов. В кейсах рассматривается общий алгоритм работы с шаблонами компонентов и элементов, содержатся названия файлов и ссылки, необходимые для работы.
Содержание главы:
назадДля веб-разработчиков Шапка и фиксированная шапкавперед
Шапка и фиксированная шапка
Если вам по каким-то параметрам не подходят имеющиеся 12 шаблонов шапки, вы можете создать свой. Для этого в административной части сайта проделайте путь Контент (1) → Структура сайта (2) → Файлы и папки (3) и перейдите по адресу /bitrix/templates/aspro-allcorp3/page_blocks.
Если вы хотите поменять шапку, то выберите файл с кодом header_#number# и создайте копию. Чтобы изменить фиксированную шапку, скопируйте файл header_fixed_#number#. В #number# указан тип шапки, на основе которого вы будете создавать копию.
Важно переместить новый файл в ту же папку и отметить флажок «Переименовать автоматически».
Новый файл переименуйте, нужно заменить цифру на слово custom. Например, вместо header_2 должно получиться header_custom.
Затем проделайте путь Аспро → Аспро: Allcorp3 → Настройки.
Перейдите в раздел «Шапка» и в самом конце выберите файл header_custom.php.
Сохраните изменения.
назадМодификация кода шаблона Подвал сайтавперед
Подвал сайта
Чтобы самостоятельно отредактировать подвал сайта, в административной части сайта нужно проделать путь Контент (1) → Структура сайта (2) → Файлы и папки (3). Затем перейти по адресу /bitrix/templates/aspro-allcorp3/page_blocks.
Выберите файл с кодом footer_#number# и создайте копию. В #number# указан тип футера, на основе которого вы будете создавать копию.
Важно переместить новый файл в ту же папку и отметить флажок «Переименовать автоматически».
Новый файл переименуйте, нужно заменить цифру на слово custom. Например, вместо footer_1 должно получиться footer_custom.
Затем проделайте путь Аспро → Аспро: Allcorp3 → Настройки.
Перейдите в раздел «Футер» и в самом конце выберите файл footer_custom.php.
Сохраните изменения.
назадШапка и фиксированная шапка Мобильная шапка и мобильное менювперед
Мобильная шапка и мобильное меню
Чтобы самостоятельно отредактировать мобильную шапку или мобильное меню, в административной части сайта нужно проделать путь Контент (1) → Структура сайта (2) → Файлы и папки (3). Затем перейти по адресу /bitrix/templates/aspro-allcorp3/page_blocks.
Если вы хотите поменять мобильную шапку, то выберите файл с кодом header_mobile_#number# и создайте копию. Чтобы изменить фиксированную шапку, скопируйте файл header_mobile_menu_#number#. В #number# указан тип мобильной шапки и мобильного меню, на основе которого вы будете создавать копию.
Разберем на примере мобильной шапки.
Важно переместить новый файл в ту же папку и отметить флажок «Переименовать автоматически».
Новый файл переименуйте, нужно заменить цифру на слово custom. Например, вместо header_mobile_1 должно получиться header_mobile_custom.
Затем проделайте путь Аспро → Аспро: Allcorp3 → Настройки.
Перейдите в раздел «Мобильная версия» и в конце раздела «Мобильная шапка» выберите файл header_mobile_custom.php.
Сохраните изменения.
назадПодвал сайта Поддержка PWAвперед
Поддержка PWA
Прогрессивное веб-приложение (PWA) — технология веб-разработки для управления сайтом через приложение на мобильных устройствах. С ним клиенты смогут быстро заходить на ваш сайт через смартфон или планшет.
Поддержка PWA появилась в решении Аспро: Корпоративный сайт 3.0 с версии 1.2.7.
Чтобы добавить сайт как веб-приложение, пользователь должен открыть сайт в браузере на мобильном устройстве. Затем перейти в настройки для страницы.
Затем нужно кликнуть поле «Добавить на главный экран».
Далее пользователь может изменить название приложения и добавить на главный экран.
Приложение на главном экране.
Для реализации PWA сайт должен соответствовать требованиям:
- Доступ по протоколу https.
- Адаптивность.
- Отдельный URL для каждой страницы.
Чтобы перейти в настройки приложения, в административной части сайта перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Веб-приложение (3).
Во вкладке сделайте следующее:
- Активируйте технологию (1).
- Название предлагается по умолчанию при добавлении на рабочий стол (2).
- Сокращенное название — короткое удобочитаемое имя приложения. Предназначено для использования там, где недостаточно места для отображения полного имени приложения (3).
- Укажите начальную страницу приложения, по умолчанию задана главная страница сайта. При запуске приложения будет открываться указанная страница, а не та страница, которую добавляли на рабочий стол (4).
- Выберите режим отображения приложения (5) :
Браузер — приложение открывается в обычной вкладке браузера или новом окне в зависимости от браузера и платформы.
Автономное — приложение будет выглядеть и ощущаться как отдельное приложение.
Полноэкранное — используется все доступное пространство экрана.
Чтобы изменился режим отображения, необходимо переустановить приложение.
- Измените цвет фона (6) и темы (7) при необходимости. Функция актуальна только для Android.
- По умолчанию на мобильных устройствах будет подгружаться фавикон для обозначения приложения. Но вы можете загрузить свой фавикон (****8). Операционная система сама будет подбирать оптимальный размер под конкретное мобильное устройство.
Сохраните изменения. После сохранения настроек будет создан файл манифеста в корне сайта. Если поле «Подключать манифест для сайта» активно, то в теге сайта будет прописана ссылка на файл.
назадМобильная шапка и мобильное меню Графические материалывперед
Графические материалы
В поставку решений Аспро включены библиотеки иконок, кнопок и других элементов интерфейса, которые помогут сделать сайт на основе готового решения еще красивее и уникальнее.
-
Библиотека UI-элементов для интернет-магазина Аспро: Максимум
-
Библиотека UI-элементов для интернет-магазина Аспро: Ландшафт
-
Библиотека UI-элементов для интернет-магазина Аспро: Приорити
-
Библиотека UI-элементов для интернет-магазина Аспро: Корпоративный сайт 2.0
-
Библиотека UI-элементов для интернет-магазина Аспро: Шины и диски 2.0
В разделе «Оформление» показаны варианты отображения текста с использованием заголовков различных уровней для разбиения информации на блоки меньшего размера, что упрощает ее восприятие, и позволяет отделить смысловые блоки друг от друга.
Для того, чтобы визуально выделить перечисление, например, преимуществ сотрудничества, вы можете задействовать один из вариантов представления списков: нумерованный/ненумерованный, иерархический/линейный или с детальным описанием. Также при создании списка в качестве маркера доступно использование пиктограмм, которые включены в библиотеку.
Для приверженцев интересной подачи материала приведен пример оформления цитат и буквиц, гармонирующий с общей стилистикой решения.
Цитата – это ключ, основная идея статьи, поэтому она должна особым образом выделяться на общем фоне и «цеплять» даже беглый взгляд посетителя.
Использование буквицы как художественного приема оформления текста делает его более приятным для чтения и украшает страницу, которая не изобилует другими яркими деталями.
В библиотеке присутствуют средства визуального оформления кода. Выражения из кода в тексте выделяются использованием другого цвета для него самого и его заднего фона, а строки кода для удобства помещаются в специальные блоки, чтобы ни один символ не потерялся в тексте описания.
В этом же разделе вы можете ознакомиться со стилями оформления таблиц, которые удобно использовать для представления структурированной информации (к примеру, отображения реквизитов компании).
Если вам необходимо выделить какой-либо элемент текста, вы можете установить возле него «визуальный якорь» в виде одной из пиктограмм, что в огромном множестве перечислены в разделе «Иконки». Например, к электронному адресу тех. поддержки с меткой легко будет вернуться в подробной инструкции по настройке программного продукта в случае, если инструкция не помогла и на одном из этапов возникли непредвиденные затруднения.
Также в этом разделе вы можете выбрать один из вариантов цветовой схемы, доступный для иконок большего размера.
Раздел «Кнопки» отображает варианты активных и неактивных кнопок, отличающихся размерами и расцветкой, чье поведение также различно при наведении на них указателя.
Раздел «Элементы» содержит примеры внешнего вида ярлыков (Labels) – иконок, содержащих исчерпывающую информацию, например, об участии предложения в действующей акции или отношение товара к хитам продаж.
Здесь же вы можете ознакомиться с отображением всплывающей подсказки, призванной при наведении указателя раскрыть посетителю значения используемых в статье терминов или внести некоторые уточнения.
Пример внутренних вкладок, используемых для улучшения организации предоставляемых пользователю сведений, демонстрирует оформление активных и неактивных вкладок, и поведение страницы при переключении с одной вкладки на другую.
Помимо прочего в этом разделе показаны способы представления аккордеона и его поведения при разворачивании скрытого по умолчанию варианта/полного списка. Функциональной особенностью этого элемента является возможность выбора посетителем какую информацию необходимо раскрыть более подробно, а какая представляется ему излишней.
Один из вариантов аккордеона используется на странице «Вакансии» в решении Аспро: Digital-компания при выборе соответствующей темы оформления раздела.
Ниже расположены примеры оформления предупреждений, шкалы прогресса, формы обратной связи.
Размеры навигационной панели по страницам раздела представлены в 3х вариантах.
Присутствуют дополнительные средства визуального оформления текстовых блоков.
Также в поставку включены элементы для работы с изображениями – Carousel, Fancybox и рамки для миниатюрных изображений.
Содержание главы:
назадПоддержка PWA Использование библиотеки 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-элементов Модуль умной поисковой оптимизации SEOвперед
Полная версия курса: Аспро: Корпоративный сайт 3.0 в базе знаний Аспро. Вопросы по внедрению, настройке или обновлению решения — свяжитесь со мной.
Работаю удалённо — цены и условия для вашего города: