Аспро: Digital — документация, часть 2 из 2: Интеграция с другими сервисами
Источник: официальный курс «Аспро: Digital» из базы знаний Аспро. Решение: Аспро: Digital. Справочная выгрузка сертифицированного партнёра Аспро, обновлено 19.09.2026.
Части курса: 1 · 2
Содержание
- Интеграция с другими сервисами
- Согласие на обработку персональных данных
- Система обратной связи
- Виджет Instagram*
- Рекомендации для графических материалов
- SEO, маркетинг, реклама
- Корзина
- Свойства и связи
- Личный кабинет
- Общие настройки
- Для разработчиков
- Установка модулей сторонних разработчиков
Интеграция с другими сервисами
В этой главе рассматриваются возможности интеграции решения Аспро: Digital с другими сервисами – например, сервисом аналитики Яндекс.Метрика.
Содержание главы:
назадНастройка расположения внутреннего меню в разделах сайта Расширенная интеграция с Яндекс. Метрикойвперед
Расширенная интеграция с Яндекс. Метрикой
Теперь настроить систему аналитики для сайта на решении Аспро еще легче и проще, потому что мы реализовали расширенную интеграцию Яндекс.Метрикой. Раньше, чтобы настроить цели, нашим пользователям приходилось обращаться к программисту. Теперь вы можете сделать это сами – за несколько минут и без вмешательства в код решения.
Благодаря расширенной интеграции с Яндекс.Метрикой вы сможете:
- Видеть, как взаимодействуют с вашим сайтом посетители. На каких страницах задерживаются надолго и оставляют заявку, а какие «проскакивают», потому что им не интересно
- Отслеживать эффективность рекламных кампаний. Какой канал приносит лиды и покупателей, а какой напрасно тратит деньги? Во сколько обходится заявка с Яндекс.Директа или Вконтакте? Какая кнопка в рассылке привела к покупке?
- Понимать, где слабые места вашего сайта и как увеличить конверсию в покупки и продажи.
Функционал доступен в решениях:
- Аспро: Максимум
- Аспро: Корпоративный сайт 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 Согласие на обработку персональных данныхвперед
Согласие на обработку персональных данных
В феврале 2017 года были внесены поправки в статью 13.11 КоАП по поводу нарушений закона о персональных данных. Они вступили в силу 1 июля 2017 года и коснулись всех, кто собирает, обрабатывает и хранит любые персональные данные. Подробнее о законе и мерах, которые необходимо предпринять, читайте в нашем блоге.
В связи с нововведением командой Аспро предусмотрена быстрая настройка уведомления пользователя о сборе таких данных. Находится она в административной части сайта. Вы можете активировать ее, и тогда на всех веб-формах сайта появится соответствующая отметка в виде галочки и ссылка на страницу соглашения.
Чтобы добраться до настройки в Аспро: Маркет, Аспро: Next и Аспро: Оптимус кликните по вкладке с названием решения, далее Настройки → Шаблон.
В решениях Аспро: Корпоративный сайт современной компании и Аспро: Стройка таким же образом перейдите к настройкам решения и в блоке «Валидация ввода» увидите пункт, включающий уведомления, и кнопку вызова редактора подписи.
В решениях Аспро: Digital-компания , Аспро: Корпоративный сайт 2.0, Аспро: Ландшафт и**Аспро: Шины и диски 2.0** уведомления настраиваются в настройках решения. Например, Аспро: Digital (Аспро: Allcorp2) → Настройки → Общие.
Аспро: Крутой шоп , Аспро: Интернет-магазин и Аспро: Шины и диски
Настройка расположена в настройках модуля решения: Настройки продукта → Настройки модулей → Аспро: Крутой шоп, интернет магазин → Шаблон.
Аспро: Корпоративный сайт и Аспро: Корпорация
Перейдите в настройки модуля решения: Настройки продукта → Настройки модулей → Аспро: Корпоративный сайт → Шаблон. В блоке «Валидация ввода» увидите пункт, включающий уведомления, и кнопку вызова редактора подписи.
Пункт настройки «Подпись к уведомлению» позволяет вызвать редактор текста уведомления.
Чтобы изменить ссылку в подписи наведите указатель на существующую ссылку, вызовите меню правой кнопкой мыши и выберите «Редактировать ссылку».
Заполните поля соответствующими данными.
В поставку каждого решения уже включена информационная страница, представляющая собой шаблон требуемого соглашения. Вы можете использовать уже готовый текст, вставив в него лишь название вашей компании и контактные сведения. Пример страницы в решении Аспро: Максимум
Для изменения шаблона, перейдите на страницу соглашения в публичной части сайта. В режиме правки наведите указатель на область текста и нажмите всплывающую кнопку «Изменить страницу в редакторе».
Отредактируйте содержимое и сохраните изменения.
Содержание главы:
назадИнтеграция с AmoCRM Автоматическое согласие на обработку персональных данныхвперед
Автоматическое согласие на обработку персональных данных
Для уменьшения количества кликов при взаимодействии пользователя с сайтом введена новая функция, позволяющая автоматически проставлять галочку «Согласен на обработку персональных данных» во всех используемых формах обратной связи и форме оформления заказа.
Внимание! Из закона 152-ФЗ следует, что для подтверждения согласия обработки персональных данных пользователь должен совершить конкретное действие — например, проставить галку в чекбоксе. Из этого следует, что настройка согласия по умолчанию не гарантирует 100% соблюдение 152-ФЗ. Компания Аспро не несет ответственности за юридические последствия применения этой настройки.
Активация данной возможности происходит в административной части сайта. Для этого перейдите настройки решения. Покажем на примере Аспро: Next как сделать настройки.
Прокрутите блок «Общие» до пункта «Галочка об информировании обработки персональных данных проставлена?» и включите его. Изменения вступят в силу после нажатия кнопки «Применить».
назадСогласие на обработку персональных данных Подключение Яндекс SmartCaptchaвперед
Подключение Яндекс SmartCaptcha
С обновлением Аспро: Оптимус 1.7.17 и Аспро: Маркет 1.8.10 в решение добавили еще один способ защиты от спама и ботов — Яндекс SmartCaptcha. Это российский сервис, который обучается на данных по защите веб-ресурсов Яндекса.
Для прохождения проверки в стандартном варианте пользователю нужно поставить галку «Я не робот», при скрытой капче этот этап отключается. Если результат подозрительный, появляется капча, у которой можно настроить уровень сложности в зависимости от страны, IP-адреса и устройства.
Как получить ключ
Для получения ключа перейдите по ссылке. Войдите в Yandex Cloud.
Найдите сервис Yandex SmartCaptcha.
Нажмите кнопку «Создать капчу».
Для создания капчи нужно указать «Имя» и «Список хостов». Затем нажмите кнопку «Создать».
Также вы можете настроить внешний вид (1) и варианты заданий (2). На предпросмотре (3) можно проверить задания капчи.
На следующем шаге вас попросят создать платежный аккаунт. Для этого заполните персональные данные и привяжите банковскую карту для оплаты капчи.
Выберите капчу и перейдите на вкладку обзор. Здесь понадобится скопировать ключ клиента и ключ сервера.
Настройка
Для настройки капчи зайдите в административную часть сайта. Проделайте путь: Аспро (1) → Аспро: Оптимус (2) → Настройки (3).
В настройке «Вид капчи» выберите Yandex SmartCaptcha.
Вы можете задать маску исключения со страницами, на которых не нужна капча (1). Скопируйте из аккаунта Яндекс Cloud ключ клиента (2) и ключ сервера (3) для интеграции с сервисом. Выберите размер капчи (4). Обычная капча имеет галку «Я не робот», скрытая — нет.
Виды капчи:
Обычная капча
Скрытая капча
Скрытая капча с уведомлением об обработке персональных данных
У скрытой капчи также можно включить уведомление об обработке данных (1) и выбрать его положение (2).
назадАвтоматическое согласие на обработку персональных данных Система обратной связивперед
Система обратной связи
Система обратной связи реализована как для редакции 1С-Битрикс: Стандарт, так и для редакции 1С-Битрикс: Старт. В этой главе расскажем, какие возможности есть у пользователей обеих редакций, где находятся все результаты заполненных форм и как ими управлять.
Содержание главы:
назадПодключение Яндекс SmartCaptcha Система обратной связи: формы на инфоблоках, веб-формы или формы Битрикс24вперед
Система обратной связи: формы на инфоблоках, веб-формы или формы Битрикс24
В решении Аспро: Корпоративный сайт 2.0, начиная с версии 1.2.15, система обратной связи реализована 3 способами: на инфоблоках, веб-формах и формах Битрикс24.
-
В зависимости от настройки «Использовать «Веб-формы» вместо инфоблоков», вы выбираете один из вариантов и настраивайте формы под себя. Если у вас редакция «Старт», то вам доступны только формы на инфоблоках. При наличии редакции «Стандарт» и выше, вы можете использовать еще и веб-формы. При этом вы можете настроить интеграцию веб-форм с Битрикс24. Тогда данные будут попадать как в админку, так и в CRM.
-
Если вы обрабатываете заявки только через Битрикс24, то подключайте соответствующие формы. При этом варианте в CRM будут передаваться UTM-метки, которые учитываются в сквозной аналитике. Форма подключается через скрипт, поэтому внешний вид формы будет в стилистике Битрикс24.
Вы можете управлять составом полей каждой формы.
Рассмотрим, как выглядит система обратной связи на веб-формах.
1. Заказать услугу.
2. Заказать проект.
3. Задать вопрос.
4. Написать сотруднику.
5. Оставить отзыв.
6. Отправить резюме.
Чтобы выбрать тип форм, в административной части сайта перейдите в Аспро (1) → Аспро: Allcorp2 (2) → Настройки (3).
В блоке «Формы» выберите тип обратной связи. Вы можете настроить каждую отдельно. К примеру, для формы «Заказать продукт» можно выбрать тип «Из настроек решения» и «Формы Битрикс24».
Если вы выберите первый вариант, то вам нужно активировать или деактивировать настройку «Использовать “Веб-формы” вместо инфоблоков», чтобы управлять формами на инфоблоках и веб-формах. После внесения изменений нажмите «Применить».
назадСистема обратной связи Веб-формы для редакции 1С-Битрикс: Стартвперед
Веб-формы для редакции 1С-Битрикс: Старт
В редакции 1С-Битрикс: Старт отсутствует модуль «Веб-формы», поэтому использование функционала системы обратной связи кажется невозможным. Но мы нашли выход из этой ситуации – реализовали систему обратной связи на инфоблоках. Так вы можете не просто заявить о себе в просторах Интернета, но еще и конвертировать посетителей сайта в заявки.
Доступны следующие веб-формы:
- Оставить отзыв
- Написать сотруднику
- Заказать курс
- Написать директору
- Оформление заказа
- Задать вопрос
- Обратный звонок
- Отправить резюме
- Заказать услугу
- Заказать продукт
- Заказать проект
Содержание главы:
назадСистема обратной связи: формы на инфоблоках, веб-формы или формы Битрикс24 Результаты заполненный формвперед
Результаты заполненный форм
Сообщения пользователей, полученные с форм, хранятся в административной части сайта. Для их просмотра перейдите
Для Аспро: Корпоративный сайт 2.0: Рабочий стол → Контент → Формы (aspro.allcorp2).
Для Аспро: Ландшафт: Рабочий стол → Контент → Формы (aspro.landscape).
Для Аспро: Стройка: Рабочий стол → Контент → Формы (aspro.stroy)
Для просмотра сообщений, например, с формы «Обратный звонок», кликните по ее названию.
Перед вами откроется список сообщений от посетителей. Щелкните на название, чтобы прочитать его.
В группе «Значения свойств» хранится информация, которую оставил пользователь.
Начиная с версии решения 1.0.1 обрабатывать заказы стало еще удобнее – в форме оформления заказа появилось отдельное поле для общей суммы. Заполняется оно автоматически в момент оформления покупки, а в лид CRM-системы передается отдельным полем.
назадВеб-формы для редакции 1С-Битрикс: Старт Управление формамивперед
Управление формами
Вы можете создавать новые, изменять и удалять существующие формы.
Для Аспро: Корпоративный сайт 2.0 перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Формы (aspro.allcorp2).
Для Аспро: Ландшафт сайт 2.0 перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Формы (aspro.landscape).
Для Аспро: Стройка перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Формы (aspro.stroy).
Для создания новой формы нажмите «Добавить инфоблок»(1). Чтобы изменить**(2)** или удалить**(3)** форму, вызовите меню кнопки «Гамбургер» у соответствующей строки и выберите нужный пункт.
Внимание! При удалении инфоблока также удаляются все результаты форм. Перед удалением инфоблока проверьте, чтобы у него не было связи с другими объектами.
Рассмотрим основные настройки инфоблока.
- На вкладке «Инфоблок»:
- установите галку «Информационный блок активен» (1), чтобы форму было видно на сайте;
- придумайте понятный символьный код (латинскими заглавными буквами)(2) – он будет использоваться для привязки к элементам (например, кнопкам);
- выберите сайт, на котором будет действовать форма**(3);**
- дайте форме название (4).
Внизу вкладки есть поле «Описание». Здесь можно добавить небольшой текст, который будет отображаться под заголовком формы.
На вкладке «Свойства» создаются и настраиваются поля форм.
Для каждого поля обязательно нужно указать название**(1)** , тип (2) и код заглавными латинскими буквами (7). Тип определяет, какое значение будет принимать поле – «Строка», «HTML/текст» или «Число».
Начиная с версии 1.0.1 вы можете также выбирать тип «Дата», «Список» (когда пользователю предлагается несколько вариантов стандартных ответов – например, «да» или «нет»), а также «Файл» (например, для загрузки документа с резюме). Если пользователь введет значение неверного формата, форма выдаст ошибку.
Чтобы поле отображалось в форме, установите галку «Акт.» (3). Если поле может хранить более одного значения, отметьте «Множ.» (4) – например, чтобы разрешить загрузку более одного файла за раз:
Для полей, которые являются обязательными для заполнения, активируйте параметр «Обяз.» (5). Чтобы задать порядок отображения полей на форме, заполните колонку «Сорт.»(6) – чем меньше индекс сортировки, тем ниже будет положение поля.
Для удаления лишней строки установите галку «Удал.»(9) и нажмите «Применить».
Внимание! Внесение изменений в свойства форм, настроенных по умолчанию, без навыков разработки на 1С-Битрикс может привести к неприятным результатам.
Колонка «Изм.» (8) содержит кнопки, которые открывает редактор свойств (полей) с дополнительными настройками. Дополнительные настройки могут понадобиться для определенных типов полей. Например, для поля типа «Список» в таблице «Значения списка» (2) следует задать доступные для выбора варианты. Также здесь можно выбрать внешний вид (1) – список или флажки.
Для типа «Html/текст» в дополнительных настройках можно задать высоту поля ввода.
При создании формы кнопка «Отправить», captcha и информирование о согласии на обработку данных привязываются автоматически (если в решении выставлена соответствующая настройка).
Примечание: После окончания редактирования сохраните изменения и сбросьте кеш, чтобы обновить информацию на сайте.
Подробнее о настройках каптчи можно почитать здесь. Дополнительную информацию о согласии на обработку персональных данных можно найти здесь.
назадРезультаты заполненный форм Веб-формы для редакции 1С-Битрикс: Стандартвперед
Веб-формы для редакции 1С-Битрикс: Стандарт
Вы можете сами выбрать, какой использовать вариант реализации системы обратной связи — стандартными веб-формами от 1С-Битрикс или инфоблоками (о них рассказали подробнее в уроке «Веб-формы для редакции 1С-Битрикс: Старт»).
Внимание! Для настройки интеграции решения с CRM-системой включите использование веб-форм от 1С-Битрикс.
Проверить, установлен ли модуль веб-форм можно в административной части сайта в Рабочий стол → Настройки → Настройки продукта → Модули.
Если модуль веб-форм установлен, в решении появится дополнительный параметр — «Использовать веб-формы вместо инфоблоков».
Его можно найти:
- в админке: например, Аспро: Allcorp2 → Настройки, группа настроек «Общие»;
- в виджете на вкладке «Общие».
В решении реализованы следующие веб-формы:
- Заказать звонок
- Написать сотруднику
- Заказать курс
- Оформление заказа
- Написать директору
- Заказать продукт
- Заказать проект
- Заказать услугу
- Задать вопрос
- Отправить резюме
- Оставить отзыв
Содержание главы:
назадУправление формами Результаты заполненных формвперед
Результаты заполненных форм
Сообщения пользователей хранятся в Рабочий стол → Сервисы → Веб-формы → Результаты. Чтобы просмотреть результаты формы, например, «Заказать звонок», выберите соответствующий пункт. Содержимое сообщений с небольших форм можно просмотреть прямо в таблице**(4).
Здесь также видно:
- от какого пользователя пришло сообщение – зарегистрированного или нет**(3);**
- когда была отправлена форма (2);
- был ли отправлен результат в CRM**(1)** – подробнее об интеграции с CRM и способах отправки результатов читайте здесь.
Для просмотра результатов с форм в более удобном виде вызовите меню кнопки «Гамбургер» и нажмите «Изменить».
Данные с формы отобразятся в группе «Поля результата».
Начиная с версии решения 1.0.1, в веб-форме оформления заказа появилось поле «Сумма». Теперь общая сумма заказа будет передаваться в лид 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).
Добавьте описание поля на вкладке «Вопрос», чтобы пользователь понял, что ему нужно ввести.
На вкладке «Ответ»:
- Укажите в таблице, какой тип данных принимает поле (2). Начиная с версии решения 1.0.1 поддерживается поля под ответы не только в виде текста, но и в виде даты, варианта из перечней типа checkbox, radio, области загрузки файлов и другие типы свойств.
- Заполните колонку «Текст» (1) в соответствии с выбранным типом ответа.
Например, если вы хотите предложить пользователю список, из которого он может выбрать несколько вариантов ответа, установив галки у нужных пунктов – перечислите варианты в колонке «Текст» и установите для каждого из них тип checkbox.
Если же в качестве ответа посетитель должен ввести свой текст, поставьте в первой колонке пробел и выберите нужный тип (text или textarea).
Подробнее о настройке веб-форм вы можете узнать из курса от 1С-Битрикс.
назадРезультаты заполненных форм Кастомные сообщения после отправки формывперед
Кастомные сообщения после отправки формы
В редакции 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 и прикрепите файл.
Сохраните изменения.
назадУправление веб-формами Генерация веб-формвперед
Генерация веб-форм
В решении Аспро: Корпоративный сайт 2.0, начиная с версии 1.2.19, добавлена генерация веб-форм.
Функционал позволяет создавать все отсутствующие веб-формы. Они проверяются по символьному коду. Поэтому, если все формы у владельца сайта активированы, но у одной из них изменен код, то при генерации система посчитает, что этой формы нет и вновь добавит ее.
Генерация веб-форм работает только в редакции 1С-Битрикс: Стандарт и выше. Если вы перешли на нее с редакции Старт, то вам не придется создавать веб-формы вручную.
Также функционал доступен только при установленном модуле «Веб-формы». Чтобы подключить его, в административной части сайта перейдите в Настройки (1) → Настройки продукта (2) → Модули (3).
Найдите модуль «Веб-формы» и нажмите «Установить».
Теперь функционал доступен для использования. Перейдите в Аспро (1) → Аспро: Allcorp2 (2) → Генерация веб-форм (3) и нажмите кнопку «Сгенерировать веб-формы».
Если некоторые веб-формы у вас отсутствовали, после генерации будет выведено сообщение об их создании.
Если все формы активы, после генерации будет выведено сообщение «Все веб-формы в актуальном состоянии».
назадКастомные сообщения после отправки формы Виджет Instagram*вперед
Виджет Instagram*
С 4 декабря 2024 года поддержка API Instagram Basic Display закончилась. Информация в этой статье больше неактуальна.
Виджет Instagram* располагается на главной странице сайта. Изображения в этот блок подгружаются автоматически из привязанного к сайту аккаунта Instagram*.
*Отображение блока**Instagram
Чтобы управлять настройками блока Instagram*, зайдите в административную часть сайта: Аспро (1) → Аспро: Маркет (2) → Настройки (3).
Вы можете отключить отображение блока Instagram* на главной странице. Для этого деактивируйте поле «Инстаграм на главной» и кликните «Применить».
Получение Access Token (API Token**)**
Для того, чтобы настроить отображение снимков, необходимо получить специальный код Access Token и добавить его на сайт с помощью настроек решения.
Как получить Access Token, читайте в инструкции.
Полученный Access Token необходимо вставить в блок «Инстаграм*». Для этого зайдите в административную часть сайта: Аспро → Аспро: Маркет → Настройки → блок «Инстаграм*». Вставьте код Access token в поле «API token» и нажмите кнопку «Применить».
Здесь вы можете прописать заголовок и задать количество видимых элементов.
*Instagram — принадлежит компании Meta, которую признали экстремистской, запрещён на территории РФ.
назадГенерация веб-форм Рекомендации для графических материаловвперед
Рекомендации для графических материалов
В главе представлены рекомендации, которые помогут вам наполнить решение своим контентом.
Содержание главы:
назадВиджет Instagram* Логотипывперед
Логотипы
Логотип компании
Размер контейнера для логотипа вашей компании на панели меню сайта составляет:
- 156 x 104 px при ширине страницы в 1200/1344 px;
- 182 x 104 px – при 1500 px;
- 215 x 104 px – при 1700 px.
Высота логотипа должна быть минимум на 20 px меньше, чем высота контейнера (не более 84 px). Допустимо использование изображения как равного по ширине с контейнером, так и меньше его. Если длина и ширина логотипа превышает обозначенные значения, картинка будет соприкасаться с меню и верхним блоком.
Допустимые форматы изображений – jpg, png, gif.
Логотипы партнеров
Для логотипов в разделе «Наши партнеры» используйте изображения с расширением jpg, png, gif. Максимальный размер картинок составляет 244 х 110 px. Допустимо размещение изображения меньшего размера.
назадРекомендации для графических материалов Тизеры на главнойвперед
Тизеры на главной
Рекомендуемые расширения для тизеров на главной странице сайта: jpg, png, gif. Соотношение сторон изображений должно быть 3:2. Оптимальный размер картинок: 640 на 427 px.
Баннеры
Из одной картинки
В качестве основного баннера рекомендуется использовать изображение с расширением jpg, png или gif. Чтобы занять всю ширину сайта, картинку необходимо размещать шириной в 1920 px. По высоте баннер следует ограничить 550 px.
Составной
Составной баннер содержит два изображения: фоновую (бэкграунд) и плавающую картинки.
Рекомендации к бэкграунду аналогичны рекомендациям к баннеру, состоящему из одного изображения.
Плавающая картинка должна быть расширения png и высотой в 550 px. Изображение будет накладываться на бэкграунд с его середины. Вы можете занять плавающей картинкой все свободное пространство до правого края фонового изображения (максимальная ширина будет составлять 960 px) или какую-то его часть.
Баннер на контентной странице
Требования к баннеру на контентной странице (например, на странице детального описания проекта или услуги) аналогичны требованиям к баннеру на главной странице. Он также может состоять из одной или двух картинок.
Рекламные баннеры
При наполнении рекламных областей используйте изображения с расширениями jpg, png и gif.
Для баннеров, что занимают всю ширину сайта, актуальны следующие параметры:
- Сверху над шапкой – 1920 х 70 px;
- Сверху под шапкой – 1920 x 100 px;
- Внизу страницы – 1920 x 120 px.
Рекомендации по размерам изображений для рекламных областей над контентом и под ним:
- При ширине сайта в 1200 px ширина баннера составляет 868 px, а высота – 249;
- 1344 px – 976 x 280 px;
- 1500 px – 1093 x 317 px;
- 1700 px – 1243 x 357 px.
Для бокового баннера при ширине сайта 1200 px используйте изображение размером в 268 х 203 px, при ширине в 1344, 1500 или 1700 px – 304 x 230 px.
назадТизеры на главной Картинка в начале контентной страницы вперед
Картинка в начале контентной страницы
Для изображений, которые собираетесь помещать в начале контентной страницы (например, для оформления новости, перед описанием услуги или в начале страницы «О компании»), выбирайте формат jpg, png или gif.
Оптимальные размеры для картинки:
- При ширине сайта 1200 px – 868 x 335 px;
- 1344 – 976 х 377 px;
- 1500 – 1093 x 421 px;
- 1700 – 1243 x 479 px.
назадБаннеры Изображения для анонсоввперед
Изображения для анонсов
-
направлений услуг на главной странице и в разделе «Услуги»
Изображения для оформления распределения услуг по категориям должны иметь расширение jpg, png или gif и размер 144 х 144 px (соотношение сторон 1:1).
-
первого уровня раздела «Услуги»
Рекомендации к расширению изображений те же – jpg, png, gif. Размер картинок должен быть 438 х 292 px (соотношение сторон 3:2).
-
разделов «Новости» и «Блог»
Требования к расширению изображений и соотношению сторон те же, что и для анонса первого уровня раздела «Услуги». Для оформления используйте картинки шириной в 630 и высотой в 420 px.
-
раздела «Продукты»
Рекомендуемые размеры изображения 254 x 254 px с расширением png.
-
раздела «Проекты»
Анонсы раздела «Проекты» следует оформлять, используя картинки высотой в 767 и шириной 511 px. Оптимальное соотношение сторон и требования к формату изображения аналогично рекомендациям к анонсу раздела «Услуги».
-
отзывов
Изображения для отзывов размещайте шириной и высотой 1:1, не более 120 px. Используйте формат jpg, png или gif.
-
на странице «Наша команда»
Рекомендовано то же расширение изображений и соотношение сторон, что и для анонсов отзывов. Максимальный размер – 150 px.
назадКартинка в начале контентной страницы Страницы с подробным описаниемвперед
Страницы с подробным описанием
-
товара
В подробном описании товара используйте изображения с соотношением сторон 1:1. Следует ограничить высоту картинки до 1000 px. Допустимые расширения для изображения: jpg, png, gif.
-
проекта
Рекомендации аналогичны рекомендациям к детальной странице товара, исключение составляет лишь оптимальное соотношение сторон изображения – 3:2.
назадИзображения для анонсов Лицензиивперед
Лицензии
Такие требования к изображениям как ограничение по размеру и рекомендованный формат аналогичны требованиям, предъявляемым к картинкам, оформляющим страницы с подробным описанием товара и проекта.
назадСтраницы с подробным описанием Контактывперед
Контакты
Для заполнения раздела «Контакты» используйте изображения с соотношением сторон 3:2, размером в 200 px на 133.
Фавикон
Фавикон — это небольшая картинка, которая отображается в сниппете в результатах поиска, рядом с адресом сайта в адресной строке браузера и около названия сайта в избранном или закладках браузера.
Рекомендации от поисковой системы Яндекс
Размер фавикон: 120x120 px (рекомендуемый), 16x16 px или 32x32 px.
Формат фавикон: SVG (рекомендуемый), ICO, GIF, JPEG, PNG, BMP.
Совет: Используйте размер 120x120 px или формат SVG, чтобы на логотип сайта выглядел более четким и заметным.
Как изменить или удалить фавикон
Как установить фавикон, читайте в нашей документации. Чтобы фавиконка изменилась в результатах поиска, обновите фавикон на вашем сайте. Чтобы удалить фавикон из поиска, удалите файл с сайта. Изменения в поисковой системе вступят в силу в течение двух недель после очередного посещения сайта роботом.
назадКонтакты SEO, маркетинг, рекламавперед
SEO, маркетинг, реклама
назадФавикон Рекламные баннерывперед
Рекламные баннеры
Рекламные баннеры – один из проверенных временем форматов интернет-рекламы.
В шаблоне Аспро: Digital и Аспро: Шины и диски 2.0 заданы 6 рекламных областей, которые вы можете активировать и использовать для привлечения внимания к своим уникальным предложениям или помочь партнерам в продвижении сопутствующих товаров и услуг.
Просмотреть какие области доступны для размещения рекламы и где они располагаются можно через виджет настроек в публичной части сайта.
Внимание! В решении Аспро: Digital виджет настроек только демонстрирует положение баннерных блоков. Для того, чтобы задействовать отображение той или иной области, необходимо произвести настройки в административной части сайта. Перенос настроек из виджета в центр управления возможен в Аспро: Шины и диски 2.0.
Рассмотрим варианты, составляющие раздел «Баннеры».
- «Сверху над шапкой» – баннер располагается в самом верху страницы над основной панелью навигации.
- «Сверху под шапкой» – реклама помещается между меню сайта и блоком со строкой навигации и заголовком текущей страницы (или основным баннером на главной странице).
- «Боковая» реклама помещается справа или слева от контента под альтернативным меню. Если активирован блок обратной связи или умный фильтр, то баннер будет следовать за ним.
- Тип «Над контентом» помещается непосредственно перед содержимым страницы под строкой навигации.
- Баннер «Под контентом» отображается после содержимого раздела, его карточки или блока с комментариями.
- Реклама «Внизу страницы» при активации появляется следом за баннером «Под контентом», если он включен. Рассматриваемый баннер плотно прилегает к блоку подписки в Аспро: Digital, занимая так же, как и баннеры, примыкающие к шапке, область во всю ширину страницы.
Если вы активируете баннер в публичной части сайте через виджет, то обязательно сохраните настройки. Для этого после активации баннеров нажмите на кнопку «Сохранить», которая находится в правом верхнем углу виджета.
Тип баннера определяет, будет реклама отображаться на каждой странице сайта или в некоторых его разделах. Так, в Аспро: Digital самый нижний баннер, над шапкой и под ней помещаются на каждой странице, а остальные – только в разделах «О компании», «Продукты», «Услуги», «Блог».
На примере бокового баннера рассмотрим, как добавить свое изображение, задействовать и настроить его показ на сайте.
Перейдем в Центр управления:
- Аспро: Digital в Рабочий стол → Контент (aspro.digital) → Реклама – Внутренние;
- Аспро: Шины и диски 2.0 в Рабочий стол → Контент → Реклама (aspro.tires2) → Реклама – Внутренние;
Управление карточками в админке стандартно. Используйте соответствующие кнопки для добавления нового элемента (1) или изменения существующего **(2).
Редактор откроет карточку элемента.
Чтобы добавить изображение баннера, перейдите во вкладку «Анонс» и выберите один из доступных способов загрузки изображения.
На основной вкладке «Элемент» необходимо проверить, установлена ли галочка у пункта Активность (1). Если она не установлена, элемент не будет виден на сайте. В полях ниже вы можете указать период, в который баннер должен отображаться (2). При создании нового элемента не забудьте указать его название**(3)** – поле обязательно для заполнения.
В разделе «Значения свойств» доступны для заполнения следующие поля:
- Открыть в окне (4) – параметр указывает браузеру, где открыть ссылку, прикрепленную к баннеру (в новом окне или в текущем);
- Позиция (5) – устанавливает тип баннера, определяющий его размещение и поведение (в нашем примере используется «Боковая»);
- Показ в разделах (6) – позволяет ограничить показ баннеров по разделам. Пустые поля ввода говорят о том, что баннеры будут отображаться по умолчанию в соответствии со своим типом, как было описано выше. Если в параметре указать один из разделов, например «Продукты», реклама отобразится только в этом разделе (включая страницы его элементов);
- Показ на странице**(7)** – задает показ баннера на какой-то конкретной странице. Например, можно настроить отображение рекламы на главных страницах разделов, не включая ее в карточках;
- Скрывать на мобильном (8) и Скрывать на планшетах (9) – опция прячет рекламу в мобильной версии сайта.
- Ссылка (10) – страница, на которую будет переправлен посетитель, если кликнет картинку. Ссылка указывается относительно корня сайта. Пример: /catalog/lyalya/;
- Уменьшение (11) – масштабирует или обрезает изображение анонса;
Пример активации показа баннера на мобильных телефонах.
Примечание. Боковой баннер не отображается в мобильной версии.
После настроек сохраните изменения.
Чтобы включить отображение нужного типа баннера в Аспро: Digital, перейдите в админке в Рабочий стол → Аспро: Digital → Настройки.
Пролистайте настройки до раздела «Баннеры». Установите галочку у того типа баннера, который собираетесь разместить, и сохраните изменения.
Результат наших действий на сайте.
назадSEO, маркетинг, реклама Страница с ошибкой 404вперед
Страница с ошибкой 404
Страница с ошибкой 404 — классический код ответа по протоколу HTTP. Он свидетельствует, что связь с сервером установлена, но информации по заданному запросу нет.
Такая страница нужна для того, чтобы:
1. Показать пользователю, что он ошибся или ввел не тот адрес.
2. Чтобы подстраховаться на тот случай, если вы где-то поменяли адрес или удалили раздел.
3. Пользователь мог перейти на главную или другие разделы. А еще страницы 404 — полезны для SEO.
Настроить такую страницу можно в параметрах компонента. Выбор компонента для настройки зависит от раздела, в который вы хотите добавить страницу 404.
Давайте рассмотрим, как добавить страницу 404 для каталога. Для этого вам нужно, перейти в настройки компонента каталога. Здесь вы можете:
Установить специальный статус для страницы в браузере.
Выводить специальную страницу с сообщением о том, что страница не найдена
Загрузить свое изображение для странице 404. здесь вы указываете путь к файлу, который хотите использовать.
назадРекламные баннеры Корзинавперед
Корзина
Для коммерческого сайта корзина является неотъемлемым атрибутом сделок купли-продажи. Преимуществом атрибута является быстрое оформление покупки нескольких товаров удаленно в процессе изучения посетителем каталога товаров и услуг.
В этой главе рассмотрим как настраивать корзину и форму оформления заказа.
Содержание главы:
назадСтраница с ошибкой 404 Настройка корзинывперед
Настройка корзины
Корзина имеет настраиваемый внешний вид. Примерить темы оформления можно через виджет настроек, раздел «Каталог».
Доступно 3 варианта корзины: «В шапке», «Боковая» и «Летающая».
При оформлении «В шапке» иконка корзины располагается рядом с основным меню. Клик по иконке перемещает посетителя на страницу со списком заказов.
«Боковая» корзина фиксируется у края экрана. Клик по иконке разворачивает список заказов в этом же окне.
«Летающая» также фиксируется у края экрана только имеет компактный вид.
назадКорзина Настройка цены товаравперед
Настройка цены товара
Для каждого товара существует три поля цены.
- «Цена на карточке» – отображается на сайте, можно прописывать как числа, так и выражения (например, «от 120 р/мес»)
- «Старая цена» – сумма отображается зачеркнутой, можно прописывать числа и символы.
- «Цена» – имеет только числовое значение и не отображается на сайте.
Внимание! Чтобы умный фильтр учитывал товар при отборе по запросу цены или диапазона цен, в поле «Цена» обязательно нужно ввести числовое значение. Это же значение учитывается при математических операциях в корзине, например, при подсчете стоимости и при изменении количества.
назадНастройка корзины Настройка формы оформления заказавперед
Настройка формы оформления заказа
Вы можете сами настраивать форму оформления заказа и составляющие ее поля, а также указывать какие поля являются обязательными для заполнения (например, имя и телефон).
Форма на инфоблоке
Рассмотрим на примере Аспро: Digital.
Настройка формы задается в административной части сайта. Перейдите в Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Формы (aspro.digital) (4) → Оформление заказа (5) и выберите вкладку «Свойства».
Чтобы добавить новое поле, задайте ему название, код, выберите тип поля и дополнительные опции, затем сохраните изменения.
-
«Название поля» отображается на сайте как его заголовок.
-
«Тип» определяет основную характеристику поля – какие значения будут корректны для поля ввода (строка, число, дата, текст в несколько строк, список).
-
«Акт.» – активность поля. Опция определяет, отображается выбранное поле на сайте или нет
-
«Множ.» – множественное свойство. Множественный список дополнительных опций при заказе означает, что пользователь может выбрать сразу несколько значений заданного свойства.
-
«Обяз.» – обязательное для заполнения поле. Если отмеченное поле не будет заполнено, то форма не отправится, а у пользователя на экране появится уведомление, что он не заполнил обязательное поле.
-
«Код» – уникальный ID поля, нужный программным модулям для обработки и хранения информации из формы.
Чтобы изменить настройки существующего поля, нажмите кнопку с многоточием возле него. Откроется расширенный режим редактирования. В нем представлены стандартные опции системы 1С-Битрикс для свойств инфоблока, поэтому, кроме обозначенных выше, остальные вам не нужны, т. к. они не повлияют на отображение и работу формы.
Чтобы удалить созданное вами поле, поставьте галочку в столбце «Удал.» напротив него и сохраните изменения.
Внимание! Мы настоятельно не рекомендуем удалять существующие по умолчанию поля – это действие необратимо. Если вы хотите, чтобы поле не отображалось на сайте и не заполнялось пользователем, деактивируйте его, сняв галочку в столбце «Удал.».
Веб-форма
Рассмотрим на примере Аспро: Digital.
В административной части сайта перейдите в Сервисы (1) → Веб-формы (2) → Настройка форм (3).
В списке веб-форм найдите форму с оформлением заказа. Напротив поля нажмите на «Гамбургер» и выберите «Изменить».
На вкладке «Свойства» доступны следующие поля:
- Наименование — задать заголовок, который будет отображаться на веб-форме.
- Сайты формы — присвоить сайты, на которых будет отображаться веб-форма.
- Название ссылки на результаты — подписать ссылку на результаты формы.
- Подпись на кнопке, сохраняющей результаты формы — подписать кнопку, которая отправляет результаты формы.
- Использовать CAPTCHA — добавить в форму проверку пользователя на робота для защиты от спама.
На вкладке «Описание» задайте описание для веб-формы.
На вкладке «Шаблон формы» можно использовать шаблон по умолчанию или создать шаблон формы с собственными полями. Сохраните изменения.
Чтобы отредактировать поля формы, нажмите на кнопку «Вопросы». Выберите необходимое для изменения поле, нажмите на «Гамбургер» напротив него и кликните «Параметры вопроса».
На вкладке «Свойства» доступны следующие поля:
- Активность — поставьте галку, чтобы вопрос отображался на веб-форме.
- Порядок сортировки — назначьте порядок отображения вопроса на форме.
- Символьный идентификатор — задайте уникальный ID для вопроса, обязательное для заполнения поле.
- Обязателен — установите вопрос обязательным при заполнении формы. Пользователь не сможет отправить результаты, если не ответит на вопрос.
На вкладке «Вопрос» напишите название поля, которое будет отображаться на веб-форме.
На вкладке «Ответ» настройте, как и что пользователь сможет вводить в поле формы. Задайте варианты ответа и установите необходимый тип поля. Например, при выборе типа date пользователь сможет вводить в поле формы только числа даты — день, месяц, год.
Рассмотрим значения типов полей:
- Строка: text ;
- Текст: textarea ;
- Группа переключателей: radio ;
- Флажок: checkbox ;
- Выпадающий список: dropdown ;
- Множественный список: multiselect ;
- Дата: date ;
- Изображение: image ;
- Файл: file ;
- Адрес e-mail:********email ;
- Адрес WWW: url ;
- Пароль: password.
назадНастройка цены товара Свойства и связивперед
Свойства и связи
Решение Аспро: Digital содержит наборы элементов, которые вы можете связывать между собой. Например, определенные тизеры преимуществ с карточками отдельных товаров, тарифы и т.д.
Связями элементов можно управлять на уровне настроек инфоблока. Чтобы понять принцип работы, в этой главе мы рассмотрим, что такое инфоблок и его свойства, и что необходимо знать о возможностях решения.
Общая информация
Информационные блоки – модуль, позволяющий каталогизировать и управлять различными типами (блоками) однородной информации. С помощью информационных блоков может быть реализована публикация различных типов динамической информации: каталоги товаров, блоки новостей, справочники и т.д.
Свойства инфоблока – это единицы структурированной информации конкретного инфоблока. Благодаря им информация выводится в том или ином виде на различных страницах. Например, сопутствующие услуги – в виде привязанных элементов, файлы – как документы для скачивания, а заданные координаты на карте – как точки, отображаемые на подключенному к сайту сервису Яндекс.Карты.
Чтобы разобраться, какое свойство за что отвечает, мы рассмотрим основные типы свойств, которые вам понадобятся для продуктивной работы с решением. Для удобства покажем это на конкретных примерах. Например, раздела «Проекты».
Содержание главы:
назадНастройка формы оформления заказа Типы свойстввперед
Типы свойств
Рассмотрим типы свойств на примере раздела «Проекты».
Чтобы просмотреть список свойств, в административной части сайта откройте Контент → Инфоблоки →Типы инфоблоков → Контент (aspro.digital). Далее выберите нужный инфоблок и через кнопку «Гамбургер» щелкните «Изменить».
Перейдите во вкладку «Свойства».
Здесь представлены такие типы как:
-
Файл – используется для добавления в инфоблок галереи, возможности прикреплять документы, аудио и видео;
-
Список – оперирует как одиночными значениями (поля с галками), так и множественными (представляет их в виде списка);
-
Дата – добавляет поле для ввода даты и времени;
-
HTML/текст – прикрепляет к карточке текстовое поле, изменяемое с помощью визуального редактора;
-
Привязка к элементам – настраивает ссылки на другие инфоблоки. Например, на похожие проекты;
-
Справочник – позволяет создать или выбрать Highload-блок, который будет использоваться в качестве справочника (в примере это справочник тизеров).
К основным типам также относятся «Строка» и «Число». Они хранят соответственно, символьные и числовые значения.
назадСвойства и связи Редактирование свойствавперед
Редактирование свойства
Самостоятельно без доработки шаблона решения вы можете добавить свойства только в таблицу характеристик для карточек проектов или товаров.
Внимание! Внесение изменений в свойства решения, настроенные по умолчанию, без должных знаний и понимания последствий может привести к неприятным результатам.
Приведем пример отключения и добавления нового свойства на инфоблоке «Проекты».
Допустим, вы хотите, чтобы в характеристиках проекта отображалось не одно имя автора в виде текста, а перечень сотрудников, вовлеченных в реализацию проекта, в виде ссылок на их карточки. Тогда необходимо будет убрать поле автора и добавить необходимое количество характеристик (руководитель, дизайнер, программисты и т. д.).
Чтобы отключить свойство в карточке инфоблока во вкладке «Свойства», снимите флажок с параметра «Акт.».
Внимание! Набор свойств для каждого инфоблока активен по умолчанию при установке сайта. Мы не рекомендуем удалять эти свойства, так как они связаны с определенным функционалом. Если вы хотите, чтобы свойство не выводилось на карточке товара, деактивируйте его.
Добавление характеристик происходит по стандартному сценарию, поэтому продемонстрируем действие на одном свойстве, которое назовем «Команда».
Пролистайте список свойств инфоблока до первой пустой строки. Укажите название, тип (для ссылки на элемент другого раздела – «Привязка к элементу») и символьный код свойства, который понадобится нам для его вывода. Чтобы в свойстве выводился не один сотрудник, а несколько, нужно поставить галку в поле «Множ.».
Далее открываем настройку свойств инфоблока кнопкой многоточие.
Примечание. Состав параметров настроек свойства зависит от его типа.
В поле «Информационный блок» выбираем тип инфоблока и сам инфоблок, который задает параметры для карточек. Сохраняем изменения в настройках свойства.
В списке свойств жмем «Применить».
Новые поля ввода автоматически появятся в редакторе карточек. Остается включить свойство в параметрах компонента для отображения на странице проекта.
Открываем любой проект в режиме правки и находим на всплывающем меню изображение шестерёнки.
В параметрах навигационной панели ищем «Настройка детального просмотра» и справа листаем до блока со свойствами. В списке, зажав клавишу «Ctrl», выделяем нужный пункт. Сохраняем изменения.
Примечание. Если добавить свойство типа «Файл», оно не будет отображаться в списке. Скопируйте его код в поле ввода вручную.
Затем идем в настройки проекта и заполняем новые характеристики.
Результат наших действий на странице:
Ссылки кликабельны, осуществляют перенаправление на карточку сотрудника.
Примечание. Свойство будет выведено в таблице с характеристиками для тех элементов каталога, для которых оно заполнено. Если значение свойства не выбрано, оно не будет отображено.
Свойство «Привязка к элементу» – частный случай свойств, который мы рассмотрим в следующем уроке.
назадТипы свойств Связи для страницвперед
Связи для страниц
В Аспро: Digital реализована гибкая и широкая система связей, которая позволяет связывать между собой элементы из разных разделов: например, товары – с тарифами, акциями или сопутствующими товарами. К странице проекта можно привязывать услуги, а к странице новости или акции – участвующие в ней товары.
Такие связи позволяют дополнить основную информацию об услуге или товаре, побуждают посетителя проводить больше времени на вашем сайте и просматривать большее количество страниц. Также это положительно влияет на конверсию: связи увеличивают вероятность того, что пользователь оставит заявку.
Посмотреть, какие страницы можно связывать между собой, можно непосредственно через настройки в публичной части сайта. К примеру, в блоке настроек товара “Значения свойств” мы видим, что к карточке товара можно привязать:
- услуги
- акции
- товары
- производителей
- проекты
В настройках инфоблока этому соответствует тип свойства «Привязка к элементу».
Чтобы связать между собой различные страницы, перейдите в ее настройке в публичной части сайта и выберите нужный элемент из списка.
Нажимаем кнопку с тремя точками, которая переадресует нас на список доступных для привязки элементов.
Выбираем нужный элемент с помощью кнопки «гамбургер» и пункта «Выбрать».
Итог: на карточке товара появились проекты на соответствующей вкладке и услуги.
назадРедактирование свойства Личный кабинетвперед
Личный кабинет
Этот функционал доступен только для зарегистрированных и авторизованных пользователей сайта. В личном кабинете пользователь может редактировать свои личные данные, настраивать подписки, просматривать материалы и написать непосредственно директору компании.
В самом ЛК есть 4 раздела и кнопка «Выйти», чтобы деавторизоваться.
В персональных данных пользователь может добавить или изменить свои ФИО, телефон, email и пароль.
В подписках можно настроить и оформить подписку на материалы с сайта.
Пользователь может указать удобный для получения рассылки email, выбрать интересующие рубрики и предпочтительный формат: текстовый или HTML.
В материалах отображаются материалы из подписок, можно отсортировать их по датам выхода.
В разделе «Написать директору» находится раскрытая форма обратной связи, сообщения из которой отправляются email директора, указанный в настройках.
В ней пользователь может сообщить информацию о сотрудниках вашей компании и быть уверенным, что она дойдет до начальства.
Содержание главы:
назадСвязи для страниц Настройки разделов личного кабинетавперед
Настройки разделов личного кабинета
Настройка рассылок
Перейдите в раздел «Подписки», активируйте режим правок и нажмите всплывающую кнопку с шестеренкой, чтобы войти в режим редактирования компонента.
Группа полей «Источник данных»
- Показать скрытые рубрики — активирует возможность выбора скрытых рубрик подписки для пользователей.
Группа полей «Дополнительные настройки»
- Разрешить анонимную подписку (1) — анонимные пользователи смогут подписываться на рассылку, лишь указав свой адрес электронной почты без необходимости регистрации на сайте
- Показывать ссылки на авторизацию при анонимной подписке**(2)** — при подписке на рассылку анонимному пользователю будут выведены формы авторизации или регистрации
- Устанавливать заголовок страницы (3) — заголовком страницы будет «Редактирование параметров подписки» при редактировании подписки или «Добавление адреса подписки».
Настройка «Написать директору»
Переключитесь на административную часть сайта и перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Формы (aspro.digital) → Написать директору.
В поле «Описание» вы можете прописать пояснительный текст, который отображается над формой.
На вкладке «Свойства» вы сможете настроить поля, которые может или должен заполнить для отправки пользователь.
Подробнее о настройках полей формы читайте в соответствующей статье.
назадЛичный кабинет Установка логина в значении email адресавперед
Установка логина в значении email адреса
Настройка «Логин равен email адресу» позволяет пользователю не придумывать логин при регистрации, а использовать для этого свою электронную почту. Адрес электронной почты уникальный для каждого. Поэтому не возникнет проблем при регистрации: «Логин занят другим пользователем». А клиентам не нужно будет запоминать новый логин.
В готовых решениях Аспро: Корпоративный сайт 2.0, Аспро: Маркет, Аспро: Оптимус, Аспро: Некст – возможно два варианта настройки для авторизации:
- логин задан отдельным полем. В этом случае логин не совпадает с адресом электронной почты и при регистрации пользователю будет необходимо его задать отдельно;
- логин может совпадать с email. На большинстве современных сайтов регистрация проходит именно по такому сценарию. Ее главное преимущество – пользователю не нужно запоминать отдельно логин. Это страхует от ошибок при авторизации и восстановлении пароля.
Давайте посмотрим, как будет выглядеть форма регистрации при активной/неактивной настройке.
Логин задан отдельным полем:
Логин равен email:
Чтобы включить функцию «Логин равен email адресу», перейдите в Аспро (1) → Настройки (2).
В блоке «Личный кабинет» активируйте параметр в поле «Логин равен email адресу».
Также эту функцию вы можете включить в публичной части сайта, если у вас включен виджет настроек.
В администрировании сайта проверьте активность виджета настроек. Параметр «Переключатель тем» должен быть включен.
назадНастройки разделов личного кабинета Общие настройкивперед
Общие настройки
назадУстановка логина в значении email адреса «Ленивая» подгрузка изображений — LazyLoadвперед
«Ленивая» подгрузка изображений — LazyLoad
В решении Аспро: Digital, начиная с версии 1.1.0, реализована ленивая загрузка. Она позволит не загружать сразу все картинки на странице и сократит первоначальное время загрузки. Сайт у пользователя будет загружаться быстрее.
Скорость загрузки изображений влияет на общий результат в сервисе PageSpeed Insights. Показатель косвенно является фактором ранжирования для поисковой выдачи, а также влияет на вовлеченность пользователей. Отметим, что на скорость загрузки также влияют различные факторы: скорость Интернета, настройки хостинга и др.
Чтобы активировать LazyLoad нужно перейти в административную часть и проделать путь: Аспро**(1)** → Аспро: Digital (2) → Настройки (3).
В блоке «Общие» необходимо активировать пункт «Использовать “ленивую” (LazyLoad) подгрузку изображений (отображение только видимых картинок)».
Сохраните изменения.
назадОбщие настройки Свойство «Валюта» для микроразметкивперед
Свойство «Валюта» для микроразметки
В Аспро: Digital, начиная с версии 1.1.0, в товарах добавлено свойство «Валюта» для микроразметки. Валюту теперь можно подставлять в цену товара с помощью маркера #CURRENCY#.
Аспро: Digital — это корпоративный сайт, поэтому в настройках нельзя задать валюту для всего сайта. Чтобы ее передавать в микроразметку для товаров, мы добавили новое свойство.
Перейдите в редактирование товара: Контент → Каталог (aspro.digital) → Продукты → Товар. У элемента отображается новое свойство «Валюта». Выберите для него значение в выпадающем списке. Оно не отобразится на сайте.
Если поле не отображается, перейдите в настройки формы редактирования. Для этого в правом верхнем углу нажмите на шестеренку.
В блоках «Доступные вкладки» (1) и «Вкладки» (2) отметьте поле «Товар». В блоке «Доступные поля» выделите поле «Валюта» (3). Добавьте выбранное поле (4). Сохраните изменения.
Чтобы выбранная валюта подставлялась автоматически в текст, нужно добавить маркер #CURRENCY#. Например, в поле «Цена в карточке» пропишем вместо значения «р.» маркер «#CURRENCY#» (1). При этом валюта у нас задана в соответствующем поле (2).
Результат в публичной части сайта. Для обычной цены отображается валюта «руб.», которая подставляется с помощью маркера и заданной валюты в отдельном поле.
Содержание главы:
назад«Ленивая» подгрузка изображений — LazyLoad Добавление новой валютывперед
Добавление новой валюты
Стандартно в решении отображается 4 валюты: рубли, евро, доллары и гривны. Чтобы добавить новую валюту, в административной части сайта проделайте путь: Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Каталог (aspro.digital) (4) → Продукты**(5)**.
На вкладке «Свойства» в поле «Валюта» нажмите на многоточие.
Укажите нужные значения. Вы можете создать новую валюту или заменить текущую.
- Символ валюты, который попадет в микроразметку.
- Символ, который увидит клиент на сайте и администратор сайта в списке валют при заполнении товара.
Сохраните изменения.
назадСвойство «Валюта» для микроразметки Подключение Google reCAPTCHAвперед
Подключение Google reCAPTCHA
В Аспро: Digital вы можете выбрать, какую капчу использовать на своем сайте: стандартную от 1С-Битрикс или Google reCAPTCHA.
Google reCAPTCHA — инструмент от Google, который анализирует поведение пользователей и в зависимости от него предлагает пройти проверку по различным сценариям: от простейшего клика по квадрату «Я не робот» (в большинстве случаев) до расшифровки надписей и выбора определенных картинок (если есть подозрение, что с формой взаимодействует бот, а не реальный человек).
Подключайте Google reCAPTCHA, чтобы снизить количество спамных обращений на сайте.
Форма с Google reCaptcha v2.
Форма с Google reCaptcha v3 доступна в решении, начиная с версии 1.1.0.
Форма с Google reCaptcha v3, если пользователь не прошел проверку.
Форма и капча 1С-Битрикс.
В административной части сайта перейдите в Аспро**(1)** → Аспро: Digital (2) → Настройки (3).
Перейдите к блоку «Google reCaptcha» и активируйте соответствующее поле. После активации поля на странице отобразятся дополнительные поля.
Подключение капчи от google потребует дополнительной регистрации вашего сайта на сервисе. Перейдите по ссылке и заполните поля формы:
- В поле «Название» (1) укажите название сайта, его раздела или формы обратной связи, на которой устанавливаете капчу. Эта метка для вас, чтобы потом было проще ориентироваться в статистике по зарегистрированным на сервисе сайтах.
- В «Типе reCAPTCHA» (2) выберите один из видов капчи.
- В поле «Домены» (3) можно указать несколько доменов, по одному в строке. Вместе с доменом капча подключится и ко всем поддоменам.
- Укажите адрес почты владельца (4) при необходимости.
- Далее следует ознакомится с условиями использования reCAPTCHA. Для продолжения регистрации, необходимо их принять — установить соответствующую галку (5).
- Также рекомендуется поставить галку у пункта «Отправлять владельцам оповещения» (6). Данная опция будет держать вас в курсе о проблемах сайта, связанных с трафиком.
- Сохраните настройки (7).
Если название сайта на кириллице, добавьте второй домен в Punycode.
После успешной регистрации вам будет предоставлена инструкция подключения капчи к своему сайту. Из нее потребуется публичный (1) и секретный (2) ключи. Публичный ключ необходим для отображения блока капчи. Секретный — для проверки правильности отправки капчи.
Скопируйте их в одноименные поля в используемом вами решении от Аспро.
Сохраните изменения. В форме обратной связи появится соответствующий блок.
В группе настроек Google reCAPTCHA v2 также можно настроить внешний вид блока, отображаемого с формой обратной связи**(2). И задать маски исключения(1)** — адреса тех страниц, на которых не будет работать reCAPTCHA в формах. Действует только на статических страницах.
Блоки могут быть:
- светлыми и темными;
- обычными, компактными и скрытыми.
Блок можно убрать из формы обратной связи. Он может отображаться в правом или левом нижнем углу.
В группе настроек Google reCAPTCHA v3 также можно задать маски исключения**(1)** и минимальную допустимую оценку пользователя**(2)**.
Внимание! При верификации капчи сервис Google reCAPTCHA возвращает рейтинг человечности текущего пользователя — число от 0.0 (бот) до 1.0 (человек). Эта оценка неоднозначна и может меняться со временем. Так как при ее расчете анализируются собранные поведенческие характеристики пользователя и другие параметры на разных сайтах.
Заполнение формы пользователем считается подозрительным, если оценка меньше заданного минимального значения. При его снижении увеличивается вероятность пропуска спама, а при повышении значения — увеличивается вероятность отклонения настоящего человека.
назадДобавление новой валюты Для разработчиковвперед
Для разработчиков
Решение Аспро созданы на современной технологической платформе – Bootstrap 3.0, HTML5, CSS3, jQuery. Они имеют принципиально новую архитектуру, с которой по-настоящему удобно работать. В специальном разделе есть библиотеки кнопок, иконок и элементов для оформления.
В этой главе мы расскажем об этих преимуществах, а также о том, как легко и просто изменять основные элементы сайта.
Внимание! Информация, представленная в этой главе, носит рекомендательный характер и предназначена для программистов, владеющих навыками разработки на 1С-Битрикс. Мы не оказываем консультации по разработке и не несем ответственности за последствия изменения кода шаблона. Инструкция подразумевает, что вы сможете выполнить работу с кодом самостоятельно.
Мы настоятельно рекомендуем придерживаться наших рекомендаций. Ошибки, возникшие из-за некорректных действий, устраняются платно.
Если вы не разработчик и хотите доработать решение под ваш проект – например, изменить внешний вид блоков, разделов, элементов или добавить новый функционал, пожалуйста, свяжитесь с нами.
Содержание главы:
назадПодключение Google reCAPTCHA Модификация кода шаблонавперед
Модификация кода шаблона
В этой главе мы расскажем, как мофидицировать отдельные разделы и элементы быстро и легко. При соблюдении этих рекомендаций вы избежите путаницы и конфликтов функционала при обновлениях.
Глава выстроена в виде уроков-кейсов. В кейсах рассматривается общий алгоритм работы с шаблонами компонентов и элементов, содержатся названия файлов и ссылки, необходимые для работы.
Содержание главы:
назадДля разработчиков Главная страницавперед
Главная страница
Для того, чтобы изменить компоновку главной страницы, перейдите в Центр управления Аспро. В блоке настроек «Главная» вы увидите поле «Тип главной страницы». Выберите пункт Custom – специальную опцию для разработчиков.
После того, как вы подключите шаблон, в публичной части сайта на главной странице останется только шапка и подвал.
Далее перейдите в структуру сайта. В корне найдите файлы, которые соответствуют типам компоновки главной страницы:
- indexblocks_index1.php
- indexblocks_index2.php
- indexblocks_index3.php
- indexblocks_index4.php
В них содержится код элементов главной страницы, который вы можете использовать для работы.
Файл indexblocks_custom.php предназначен для внесения изменений. Скопируйте туда в нужном порядке фрагменты кода отдельных элементов, которые необходимы вам для работы, или разместите свой код. Для примера мы разместим на главной странице блок запроса консультации.
Если вы все сделали правильно, нужный блок отобразится на главной странице в публичной части сайта.
назадМодификация кода шаблона Шапка сайтавперед
Шапка сайта
Изменения для шапки сайта выполняются по аналогичному алгоритму. Перейдите в Центр управления Аспро. В настройках найдите блок «Шапка». Подключите опцию для разработчиков Custom.
Вид сайта в публичной части снова изменился:
Перейдите в структуру сайта по адресу /bitrix/templates/aspro-digital/page_blocks. Найдите в списке файлы с кодом для различных типов шапки сайта. Всего их 15:
- header_1.php
- header_2.php
- …
- header_15.php
Файл header_custom.php предназначен для внесения изменений. Скопируйте туда фрагменты кода отдельных элементов, которые необходимы вам для работы, или разместите свой код.
назадГлавная страница Подвал сайтавперед
Подвал сайта
Подключите опцию для разработчиков Custorm в настройках решения, расположенных в Центре управления Аспро.
Перейдите в структуру сайта /bitrix/templates/aspro-digital/page_blocks. Найдите файлы, которые могут понадобиться для работы:
- footer_1.php
- footer_2.php
- footer_4.php
- footer_5.php
Файл footer_custom.php предназначен для внесения изменений. Скопируйте туда фрагменты кода отдельных элементов, которые необходимы вам для работы, или разместите свой код.
назадШапка сайта Мобильная шапка и мобильное менювперед
Мобильная шапка и мобильное меню
Перейдите в Центр управления Аспро и подключите опцию Custom для разработчиков в зависимости от того, что хотите изменить - мобильную шапку или тип мобильного меню.
Перейдите в структуру сайта: /bitrix/templates/aspro-digital/page_blocks. Найдите нужные файлы.
Содержат код мобильной шапки:
- header_mobile_1.php
- header_mobile_2.php
Содержат код мобильного меню:
- header_mobile_menu_1.php
- header_mobile_menu_2.php
Файлы, в которые нужно вносить изменения:
- header_mobile_custom.php – для мобильной шапки
- header_mobile_menu_custom.php – для мобильного меню.
Отредактируйте нужный файл и сохраните изменения.
назадПодвал сайта Графические материалывперед
Графические материалы
В поставку решений Аспро включены библиотеки иконок, кнопок и других элементов интерфейса, которые помогут сделать сайт на основе готового решения еще красивее и уникальнее.
-
Библиотека UI-элементов для интернет-магазина Аспро: Максимум
-
Библиотека UI-элементов для интернет-магазина Аспро: Ландшафт
-
Библиотека UI-элементов для интернет-магазина Аспро: Приорити
-
Библиотека UI-элементов для интернет-магазина Аспро: Корпоративный сайт 2.0
-
Библиотека UI-элементов для интернет-магазина Аспро: Шины и диски 2.0
В разделе «Оформление» показаны варианты отображения текста с использованием заголовков различных уровней для разбиения информации на блоки меньшего размера, что упрощает ее восприятие, и позволяет отделить смысловые блоки друг от друга.
Для того, чтобы визуально выделить перечисление, например, преимуществ сотрудничества, вы можете задействовать один из вариантов представления списков: нумерованный/ненумерованный, иерархический/линейный или с детальным описанием. Также при создании списка в качестве маркера доступно использование пиктограмм, которые включены в библиотеку.
Для приверженцев интересной подачи материала приведен пример оформления цитат и буквиц, гармонирующий с общей стилистикой решения.
Цитата – это ключ, основная идея статьи, поэтому она должна особым образом выделяться на общем фоне и «цеплять» даже беглый взгляд посетителя.
Использование буквицы как художественного приема оформления текста делает его более приятным для чтения и украшает страницу, которая не изобилует другими яркими деталями.
В библиотеке присутствуют средства визуального оформления кода. Выражения из кода в тексте выделяются использованием другого цвета для него самого и его заднего фона, а строки кода для удобства помещаются в специальные блоки, чтобы ни один символ не потерялся в тексте описания.
В этом же разделе вы можете ознакомиться со стилями оформления таблиц, которые удобно использовать для представления структурированной информации (к примеру, отображения реквизитов компании).
Если вам необходимо выделить какой-либо элемент текста, вы можете установить возле него «визуальный якорь» в виде одной из пиктограмм, что в огромном множестве перечислены в разделе «Иконки». Например, к электронному адресу тех. поддержки с меткой легко будет вернуться в подробной инструкции по настройке программного продукта в случае, если инструкция не помогла и на одном из этапов возникли непредвиденные затруднения.
Также в этом разделе вы можете выбрать один из вариантов цветовой схемы, доступный для иконок большего размера.
Раздел «Кнопки» отображает варианты активных и неактивных кнопок, отличающихся размерами и расцветкой, чье поведение также различно при наведении на них указателя.
Раздел «Элементы» содержит примеры внешнего вида ярлыков (Labels) – иконок, содержащих исчерпывающую информацию, например, об участии предложения в действующей акции или отношение товара к хитам продаж.
Здесь же вы можете ознакомиться с отображением всплывающей подсказки, призванной при наведении указателя раскрыть посетителю значения используемых в статье терминов или внести некоторые уточнения.
Пример внутренних вкладок, используемых для улучшения организации предоставляемых пользователю сведений, демонстрирует оформление активных и неактивных вкладок, и поведение страницы при переключении с одной вкладки на другую.
Помимо прочего в этом разделе показаны способы представления аккордеона и его поведения при разворачивании скрытого по умолчанию варианта/полного списка. Функциональной особенностью этого элемента является возможность выбора посетителем какую информацию необходимо раскрыть более подробно, а какая представляется ему излишней.
Один из вариантов аккордеона используется на странице «Вакансии» в решении Аспро: Digital-компания при выборе соответствующей темы оформления раздела.
Ниже расположены примеры оформления предупреждений, шкалы прогресса, формы обратной связи.
Размеры навигационной панели по страницам раздела представлены в 3х вариантах.
Присутствуют дополнительные средства визуального оформления текстовых блоков.
Также в поставку включены элементы для работы с изображениями – Carousel, Fancybox и рамки для миниатюрных изображений.
Содержание главы:
назадМобильная шапка и мобильное меню Использование библиотеки UI-элементоввперед
Использование библиотеки UI-элементов
В этом уроке мы расскажем и покажем наглядно, как можно использовать UI элементы из библиотеки, включенной в поставку решения, а также как пользоваться возможностями верстки, вставлять иконки, кнопки и элементы оформления на сайт.
Внимание! Для успешной работы с html-кодом понадобятся хотя бы минимальные знания тегов и принципов записи. Если возникают сомнения или нужно попрактиковаться, вы можете смело экспериментировать с версткой на тестовой странице. Изменение html-кода может испортить верстку отдельной страницы, но не сломает весь сайт.
Представленные на демо-сайте UI элементы являются html-кодом, который вы можете скопировать и вставить в нужное место на странице сайта. В качестве примера добавим на сайт элемент «Шестеренки» и заголовки разного размера.
Перейдите на нужную страницу сайта, где вы хотите разместить элементы, активируйте режим правки и откройте страницу для редактирования. Переключитесь на совмещенный режим отображения, чтобы было видно одновременно и html-код, и внешний вид содержимого.
Откройте на вашем сайте раздел с библиотекой UI-элементов, перейдите на страницу с нужным содержимым, войдите в режим редактирования и также переключитесь в нем на совмещенный режим отображения.
Скопируйте код интересующих вас элементов и вставьте на странице своего сайта.
В нашем примере скопирован код заголовка и код элемента «Шестеренки». Вы можете вносить изменения в код – например, убрать тестовый текст под заголовком или поменять подпись под шестеренками.
После сохранения изменений на странице отображаются нужные элементы:
Важно! Для Аспро: Максимум, начиная с версии 1.6.1, чтобы работали иконки, нужно дополнительно подключить библиотеку иконок font awesome. Подключение производится на той странице, где они будут отображаться. Для этого вставьте код CJSCore::Init(‘aspro_font_awesome’) на странице.
Для Аспро: Корпоративный сайт 3.0 код отличается: CJSCore::Init(‘aspro_font-awesome’).
Подключение библиотеки на Аспро: Лайтшоп
Для десктопной версии Аспро: Лайтшоп вставьте следующий код: \Aspro\Lite\Functions\Extensions::init( БИБЛИОТЕКА);
А для мобильной версии: \Aspro\Lite\Functions\ExtensionsMobile::init(БИБЛИОТЕКА);
Чтобы найти все доступные библиотеки, перейдите в административную часть сайта. Выберите Контент (1) → Структура сайта (2) → Файлы и папки (3). Вставьте следующий путь в поле:
— для десктопной версии: /bitrix/modules/aspro.lite/lib/functions/Extensions.php
— для мобильной версии: /bitrix/modules/aspro.lite/lib/functions/ExtensionsMobile.php
Доступные библиотеки находятся в массиве $arConfig.
назадГрафические материалы Установка модулей сторонних разработчиковвперед
Установка модулей сторонних разработчиков
Решения «Аспро» поддерживают стандартный набор модулей и компонентов 1С-Битрикс.
Мы не тестируем модули и компоненты сторонних разработчиков, поэтому не можем гарантировать совместимость с решениями «Аспро» и 100% работоспособность на готовом сайте. Для того, чтобы установить такое решение, рекомендуем обратиться к сертифицированным партнерам 1С-Битрикс.
Внимание! Если вы собираетесь установить модуль или компонент стороннего разработчика, помните: вы делаете это на свой страх и риск. Любые вмешательства такого рода приравниваются к изменению кода и могут привести к нарушению логики работы решения, изменениям верстки и программным ошибкам. Перед тем, как устанавливать модуль, убедитесь, что вы обладаете необходимыми навыками для внесения изменений в решение и обязательно выполните резервное копирование.
назадИспользование библиотеки UI-элементов
Полная версия курса: Аспро: Digital в базе знаний Аспро. Вопросы по внедрению, настройке или обновлению решения — свяжитесь со мной.
Работаю удалённо — цены и условия для вашего города: