0  /  170

Аспро: Оптимус – универсальный интернет-магазин

Содержание

Установка решения

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

Также рекомендуем ознакомиться с материалами от разработчиков 1С-Битрикс:
Установка продукта «1С-Битрикс: Управление сайтом»

15-минутная видеоинструкция по установке интернет-магазина:



13-минутная видеоинструкция по установке сайта:


Подготовка хостинга

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

В нашей документации установка решения показана на примере хостинга RedDock, куда файл bitrixsetup.php уже загружен. Если вы используете другой хостинг, расположение элементов и последовательность действий могут незначительно отличаться — например, вам придется загрузить файл bitrixsetup.php вручную. 

Рекомендуем ознакомиться с содержанием раздела «Поддержка» вашего хостинга, который может содержать готовые инструкции по установке 1С-Битрикс.

Также вам будут полезны эти материалы:  

Рекомендации по выбору и тестированию хостинга от разработчиков 1С-Битрикс
Список рекомендуемых хостингов от разработчиков 1С-Битрикс

Установка через bitrixsetup и создание базы данных

Авторизация и проверка наличия файла bitrixsetup.php

  1. Авторизуемся на хостинге и проверяем наличие файла bitrixsetup.php в корне сайта – в дальнейшем он будет необходим нам для установки и активации лицензии 1С-Битрикс.

    Мы проводим установку сайта на хостинге RedDock, и в нашем случае файл присутствует по умолчанию. Если на вашем хостинге файл отсутствует, скачать его можно прямо на сайте 1С-Битрикс и загрузить на ваш хостинг.

Создание базы данных

  1. Переходим в соответствующий раздел для создания базы данных.



  2. Нажимаем кнопку «Сохранить». Имя базы данных сохраняем в блокнот — в дальнейшем оно нам понадобится при установке 1С-Битрикс. База данных готова!



  3. Заполняем поля «Имя базы данных», выбираем из списка сайт, на который будем устанавливать решение, задаем имя пользователя и генерируем пароль. Имя базы данных и пароль сохраняем в отдельном документе – в дальнейшем нам понадобятся эти данные при установке решения. 

Если нет возможности подключить боевой домен к сайту — на нем старый сайт или в данный момент нет к нему доступа, необходимо создать новый домен.
При авторизации на хостинге создан технологический домен вида bx....ru — его удалять не нужно.
Создаем новый www-домен с наименованием основного домена — sitename.ru. Переходим в wwww-домен → sitename.ru → Изменить. В настройках www-домена ставим галку  «Использовать технологический домен вида bx....ru».



Упрощенная установка на хостинге RedDock

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

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

2. Авторизуйтесь на хостинге RedDock.

3. Необходимо в корне сайта удалить сторонние файлы. Например, в нем по умолчанию лежит файл «bitrixsetup.php».

В левом меню перейдите в раздел Главное (1) → Менеджер файлов (2). Здесь находится путь к корню вашего сайта. В нашем примере необходимо перейти в папку «www» → «домен сайта».


Выделите все файлы и директории, при нажатой клавише ctrl. Затем нажмите кнопку «Удалить».

4. Установите решение. Перейдите в левом меню в раздел WWW (1) → WWW-домены (2).  


Выделите строку с вашим доменом и нажмите кнопку «Установка 1C-Bitrix».


Активация и установка решения на примере «Аспро: Маркет»

Активация ключа

Копируем адрес сайта, вставляем его в адресную строку на новой вкладке и вместо index.php после знака «/» прописываем «bitrix». Получается ссылка вида <вашсайт.hostdk.ru/bitrix>. 


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




Нажимаем кнопку «Открыть лицензионное соглашение» и принимаем его.




Переходим к активации лицензионного ключа и созданию аккаунта на сайте www.1c-bitrix.ru. Нажимаем кнопку «Активировать ключ» в административной панели




Заполняем открывшуюся форму: вводим имя, фамилию, логин и пароль для входа на сайт, email. Нажимаем кнопку «Активировать ключ» внизу формы.

Установка обновлений

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



Важно! Если при попытке установить обновления система выдает ошибку, проверьте, установлены ли необходимые модули 1С-Битрикс. Список модулей


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




Отчет об успешной установке выглядит так: 



Активация купона решения и загрузка обновлений

Переходим на вкладку «Обновление решений» и активируем купон. 



Переходим на вкладку «Список обновлений». Выбираем обновление, которое необходимо установить. В нашем случае это «Аспро: Маркет — адаптивный интернет-магазин». Отмечаем его и нажимаем кнопку «Загрузить».


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




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


Внимание! Если выдаётся ошибка «[CHECK_IS_BAD] Купон (чек) не действителен. Ошибка активации купона», то возможны три варианта:
  1. Купон уже активирован на текущую копию 1С-Битрикс, тогда решение будет доступно по ссылке http://вашсайт/bitrix/admin/partner_modules.php?lang=ru
  2. Не активирована лицензия на платформу 1С-Битрикс.
    Активируйте вначале лицензию на 1С-Битрикс по адресу:
    http://ваш_сайт/bitrix/admin/update_system.php?lang=ru
    а затем попробуйте снова активировать решение
    http://ваш_сайт/bitrix/admin/update_system_partner.php?lang=ru
    вкладка «Активация купона».
    После активации купона решение будет доступно для скачивания по ссылке http://ваш_сайт/bitrix/admin/partner_modules.php?lang=ru.
  3. Если решения нет в списке по адресу http://вашсайт/bitrix/admin/partner_modules.php?lang=ru, то скорее всего купон был активирован на другую копию 1С-Битрикс, и вопрос по его повторной активации необходимо решать через техническую поддержку 1С-Битрикс, т.к. мы не занимаемся и не контролируем процессы связанные с активацией купонов и привязкой их к копиям 1С-Битрикс.

Загрузка решения из Маркетплейс

    Переходим на предыдущую вкладку, где у нас открыт Мастер установки 1С-Битрикс. Выбираем пункт «Загрузить из Маркетплейс» и нажимаем кнопку «Далее».



    Из списка решений выбираем «Аспро: Маркет» и нажимаем кнопку «Далее» внизу страницы. Поле «Купон» оставляем пустым — мы уже активировали ключ в административной панели нашего будущего сайта.




    Начинается подготовка к установке продукта. 

Настройка продукта

Выбираем шаблон «Аспро: Маркет — адаптивный интернет-магазин» и переходим к настройкам продукта.




Выбираем одну из 10 тем оформления нашего будущего интернет-магазина и нажимаем кнопку «Далее».




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




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




Выбираем типы плательщиков — физическое и/или юридическое лицо. Нажимаем кнопку «Далее».


Заполняем информацию о способах оплаты и доставки, выбираем местоположения (Россия и СНГ), США, мир или выбираем пункт «Не загружать», чтобы настроить эти параметры позже. Нажимаем на кнопку «Далее».




Ожидаем, пока система установит решение.




Отчет об успешной установке продукта выглядит так: 

Решение «Аспро: Маркет» установлено. Теперь мы можем перейти к следующему шагу – зайти на сайт и выполнить первичные настройки.

Активация лицензии, загрузка и установка обновлений 1С-Битрикс

Активация 1С-Битрикс

  1. Переходим на новую вкладку, в которую копируем имя домена. Именно туда мы будем устанавливать 1С-Битрикс и наше решение. На странице приветствия выбираем стандартную установку 1С-Битрикс.



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


Установка 1С-Битрикс

  1. После завершения загрузки откроется «Мастер установки 1С-Битрикc». Внимательно читаем информацию и нажимаем кнопку «Далее».



  2. Принимаем лицензионное соглашение.



  3. Регистрируем продукт. Ставим галочку в пункте «Установить в кодировке UTF-8», как рекомендуют разработчики 1С-Битрикс. Нажимаем кнопку «Далее».

Проверка параметров системы

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





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

Ввод параметров базы данных и установка компонентов

  1. Заполняем поля «Имя пользователя» и вводим ранее сохраненный пароль для базы данных.

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



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



  2. Дождитесь окончания установки компонентов.

Создание учетной записи администратора

  1. Переходим к созданию администратора. Заполняем поля «Логин» (логин администратора базы данных), «Пароль» (для входа в базу данных), E-mail, «Имя», «Фамилия» и нажимаем на кнопку «Далее».

  2. После выполнения этих действий мы попадем на страницу Маркетплейса. Установка 1С-Битрикс завершена. Теперь открываем новую вкладку браузера и переходим непосредственно к установке решения. 



Авторизация на сайте

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

Для того, чтобы пройти авторизацию и получить доступ к административной части вашего сайта, наберите в браузере http://вашсайт.ru/bitrix.

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



Ссылки по теме:
Авторизация на сайте – статья из курса «Контент-менеджер» от 1С-Битрикс.

Первые шаги

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

Типовые настройки решения

Модуль настроек решения «Аспро: Оптимус» — это специальный раздел, в котором вы можете настраивать интернет-магазин и отдельные его элементы: менять цветовую схему всего сайта и оформление шапки, баннеров на главной странице, корзины, кнопок и других элементов, управлять отображением наличия товаров и устанавливать на сайт счетчики Google и Яндекс.

Переключитесь на административный раздел и в нем перейдите в настройки решения: Рабочий стол → Аспро: Optimus → Настройки.



Настройки решения разделены на блоки:
  • Шаблон — основные настройки решения: цвета, логотипы, общие настройки элементов магазина
  • Кнопка «Наверх» — настройки кнопки, которая после прокрутки страницы может вернуть в самое ее начало
  • Главная страница — настройки анимации основного баннера
  • Добавление в корзину — настройки отображения элементов и кнопок, связанных с добавлением товара в корзину
  • Отображение наличия товара — настройки отображения наличия товара
  • Выражения и названия — настройки отображения словесных выражений для элементов карточки товара
  • Яндекс/Google счетчики — настройки счетчиков
Рассмотрим подробно настройки каждого блока.

Минимальная цена покупки

Минимальная цена покупки задается в модуле настроек решения:
  • Аспро → Аспро: Market → Настройки
  • Аспро → Аспро: Optimus → Настройки.

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


Шаблон



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



    Этот виджет работает в демонстрационном режиме – выставленные с его помощью настройки не сохраняются. С помощью виджета вы можете подобрать подходящее оформление, а затем в настройках решения выставить уже определенные параметры. Подробнее о его работеЦветовая схема (2) — базовый цвет для общего оформления сайта: меню, кнопки, заголовки, ссылки, графические украшения и т.д. Если базовые цвета вам не подходят, выберите пункт «пользовательский».

  • Цветовая схема (2) — базовый цвет для общего оформления сайта: меню, кнопки, заголовки, ссылки, графические украшения и т.д. Если базовые цвета вам не подходят, выберите пункт «пользовательский».

  • Пользовательский цвет (3) — поле для вашего цвета, если в наборе базовых не нашлось подходящего. Вы можете задать цвет с помощью hex-кода цвета (без #) или выбрать его из палитры. Выбранный цвет будет применен, если в предыдущем списке выставлен пункт «пользовательский».

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

  • Пользовательский цвет (5) — поле для вашего цвета фона. Нужно размещать hex-код цвета без #. Цвет будет применен, если в предыдущем списке выставлен пункт «пользовательский».

  • Цвет меню (6) — задает оттенок для главного и выпадающих меню. Можно выбрать светлое, темное и цветное. Если выбрано цветное, то цвет будет соответствовать настройкам цветовой схемы/

  • Логотип сайта (7) — можно загрузить картинку логотипа, которая размещается в шапке. Если загружать файл .png с поддержкой прозрачности, то логотип можно будет залить основным цветом сайта. В этом случае при смене цветовой схемы поменяется и цвет логотипа. Что делать, сли вы не хотите, чтобы прозрачные области заливались основным цветом. Кнопка «Добавить файл» позволяет сразу загрузить картинку с компьютера, кнопка «гамбургер» рядом открывает список вариантов, где можно выбрать загрузку из медиабиблиотеки, структуры сайта, с локального компьютера или прописать прямую ссылку на изображение.


  • Favicon (8) — иконка сайта, которая отображается рядом с заголовком вкладки браузера. Эта иконка обязательно должна быть 16х16px. Загружается тем же образом, что и логотип. 


  • Web Clip Icon 180x180 (9) — иконка веб-приложения для Apple-устройств. Размеры изображения – 180х180px. Загружается тем же образом, что и логотип.

  • Корзина (10) — определяет положение блока с корзиной, отложенными товарами, списком сравнения и личным кабинетом. Можно выбрать летающую или в шапке. 

    В первом случае блок прячется за правым краем экрана и выплывает при нажатии на иконки:



    Во втором случае иконки располагаются в шапке (при этом из блока пропадает иконка личного кабинета):



  • Тип SKU (11) — варианты отображения торговых предложений: на карточке с товаром в виде превью или таблицы с характеристиками.


  • Режим показа детальной картинки (12) — задает тип отображения полноразмерной картинки в карточке товара при нажатии/наведении на обычную. Можно выбрать обычный, всплывающее окно и лупа.

  • Умный фильтр (13) — задает положение умного фильтра в каталоге. Можно выбрать горизонтальный или вертикальный. 

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



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


  • Выводить магазины из (15) — определяет, из какого ресурса будет браться информация о розничных магазинах. Доступные варианты – из инфоблока или складов.

  • Не заливать логотип в цвет сайта (16) — отметьте, если не хотите, чтобы цвет логотипа зависел от цветовой схемы сайта и заливался соответствующим цветом.

  • Маска ввода телефона (17) — задает параметры ввода телефонных номеров пользователями в формах обратной связи. По умолчанию маска ввода телефона выглядит так: +7 (999) 999-99-99.

  • Валидация ввода телефона (18) — определяет формат отображения телефонных номеров. По умолчанию настроена для вывода российских номеров: ^[+][7] [(][0-9]{3}[)] [0-9]{3}[-][0-9]{2}[-][0-9]{2}$. Как изменить формат ввода телефонных номеров, читайте здесь

  • Отображать выпадающее меню с подразделами каталога в навигационной цепочке (19) — активирует в  «хлебных крошках» выпадающее при наведении меню для разделов каталога. Если опция неактивна, навигационная цепочка остается статичной: пользователь может переместиться с ее помощью только на обозначенные в ней разделы.


  • Печать заказа (20) — добавляет кнопку «Распечатать заказ» в корзину на этапе оформлении заказа.

  • Расположение описания раздела в списке товаров (21) — настраивает отображение текстового описания раздела каталога. Можно выбрать перед списком товаров или после.

  • Уровень вложенности меню (22) — определяет, сколько уровней вложенных меню может отображаться на сайте. К примеру, если существует раздел «Услуги», а в нем подраздел «Доставка» с подразделом «Города» (в котором есть страницы для каждого города), то при выборе типа уровня вложенности «2» в выпадающем меню будет отображаться только подраздел «Доставка». При уровне вложенности «3» у подраздела «Доставка» будет отображаться меню с подразделом «Города». При уровне вложенности «4» у подраздела «Города» будет отображаться меню со страницами городов.

  • Не добавлять название сайта в заголовок браузера (23) — отменяет добавление в заголовок вкладки браузера название сайта, прописанное в настройках. Актуально, если вы хотите выводить там другой текст.


Кнопка «Наверх»

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



Рассмотрим основные настройки: 
  • Вид кнопки (1) — определяет внешний вид кнопки. Можно выбрать: круглая цветная/серая/белая, квадратная цветная/серая/белая. Если выбран цветной вариант, цвет кнопки будет соответствовать цветовой схеме сайта
  • Положение кнопки (2) — определяет отступы для кнопки. Можно выбрать: с отступом от края или касается края.

Главная страница

В этом блоке находятся настройки, позволяющие управлять типом и скоростью анимации/слайдшоу на основных (больших) баннерах на главной странице интернет-магазина.


  • Тип анимации большого баннера (1) — определяет, с каким эффектом будут меняться слайды на основном баннере. Можно выбрать: скольжение горизонтально, скольжение вертикально или выцветание
  • Скорость слайдшоу (2) — определяет, с какой частотой будут сменяться слайды. Задается в миллисекундах
  • Скорость анимации (3) — определяет, с какой скоростью происходят анимационные эффекты при смене слайдов. Задается в миллисекундах.

Корзина

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


  • Отображать корзину при добавлении товара (1) — при активной опции после добавления товара в корзину, раскрывается блок корзины в зависимости от выбранного ранее ее положения: выезжает справа из-за края экрана, если выбрана летающая корзина, или разворачивается под шапкой, если выбрана корзина в шапке
  • Разрешить указание количества добавляемого товара в списке товаров (2) — активирует возможность выбрать количество товара на превью в списке товаров
  • Разрешить указание количества добавляемого товара на странице товара (3) — активирует возможность выбрать количество товара на карточке
  • Кнопка покупки у товаров с нулевой/отсутствующей ценой (4) — определяет, что заменит кнопку «В корзину» для товаров без цены. Доступные варианты: ничего не отображать или отображать кнопку «Под заказ» с pop-up окном формы заказа.
  • Кнопка покупки у отсутствующих товаров (5) — определяет, что будет отображаться на месте кнопки «В корзину» у товаров, которых нет в наличии. Доступные варианты: отображать кнопку «В корзину», отображать кнопку «Под заказ» с pop-up окном формы, отображать кнопку «Подписаться» или ничего не отображать.

Выражения и названия

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




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


Счетчики Google/Яндекс

С помощью этого блока настроек вы можете установить счетчики Яндекс.Метрики, Google Analytics/Google Tag Manager. Для этого скопируйте код сервиса в соответствующие поля и нажмите кнопку «Применить».




В этом же блоке вы можете:
  • связать свой интернет-магазин с сервисами электронной коммерции Яндекс и Google
  • добавить метки «Товар добавлен в корзину», «Товар удален из корзины» и «Этап оформления заказа» в Google Tag Manager.

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

Решение поддерживает расширенную интеграцию с Яндекс.Метрика. Более подробно читайте в нашей главе.

Наличие товара

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


  • Отображать наличие товара для групп (1) – вы можете выбрать одну или несколько групп пользователей, для которых на карточке товара отображается иконка остатков товара
  • Отображать наличие товара количеством для групп (2) – вы можете выбрать одну или несколько групп пользователей, для которых на карточке товара отображается точное количество остатков
  • Если доступно… подменять числа на выражения (3) – активная опция скрывает точное количество. Вместо него рядом с иконкой остатков появляется выражение «Мало», «Достаточно» или «Много»
  • Значения остатков, для которых выводятся соответствующие выражения (4-5) – если количество остатков товара больше или меньше выставленных значений, отображаются соответствующие выражения. Если количество остатков попадает в диапазон между значениями, отображается выражение «Достаточно».
Подробно об отображении наличия товара и настройках читайте в уроке «Управление остатками»



Управление отображением левого меню

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


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


Переключитесь в административный раздел сайта и перейдите в Рабочий стол → Аспро: Optimus → Настройки. В поле «Отображать левое меню каталога» установите значение «нет».


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

Настройка прав пользователей

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

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

Уровни доступа

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

Чтобы просмотреть список имеющихся уровней доступа, изменить их или добавить новый, в административной части сайта перейдите в Рабочий стол → Настройки → Пользователи → Уровни доступа.


У уровня доступа есть несколько основных параметров — это вид объекта, для которого создается уровень (файл/папка или модуль), сам конкретный объект (например, главный модуль) и операции, которые может совершать с объектом пользователь.


В режиме редактирования/добавления уровня доступа на вкладке «Параметры» располагаются первые основные параметры:

  • Название (1) — наименование уровня
  • Привязка (2) — вид объекта для уровня доступа. Это может быть файл/папка или системный модуль
  • Модуль (3) — выбор конкретного модуля, на который распространяются правила доступа.

Буква — это короткое наименование уровня доступа для системы, Описание — это развернутая информация для администратора.

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


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

Группы пользователей

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

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

Чтобы изменить или создать новую группу пользователей, в административной части сайта перейдите в Рабочий стол → Настройки → Пользователи → Группы пользователей.


Войдите в режим редактирования/добавления группы.


На вкладке «Параметры» находятся основные параметры группы:

  • Название (1) — наименование группы
  • Символьный идентификатор (2) — id группы для использования в системе
  • Описание (3) — развернутое описание для администратора

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

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


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


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

Настройка прав пользователя

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

В административной части сайта перейдите в Рабочий стол → Настройки → Пользователи → Список пользователей. В списке пользователей найдите нужного и войдите в режим редактирования.


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


Добавление новых пользователей и управление существующими

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

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


Обязательно пропишите e-mail и логин для пользователя, выберите сайт по умолчанию, на который он будет попадать, если у вас в системе многосайтовость.


Остальные поля на вкладке «Пользователь» не обязательны для заполнения.

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


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

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

Настройка резервного копирования

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

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

Настройки → Инструменты → Резервное копирование → Регулярное резервное копирование

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

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



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




Задайте пароль для шифрования архива и нажмите на кнопку «Сохранить».



Подробнее о настройках резервного копирования в 1С-Битрикс читайте в курсе от 1С-Битрикс «Администратор. Базовый».

Обзор настроек главного модуля

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

Настройки главного модуля задаются в административной части сайта:
Рабочий стол → Настройки → Настройки продукта → Настройки модулей → Главный модуль

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

Закладка «Настройки»

Основные настройки системы включают в себя:
  • системные настройки
  • почту
  • файлы
  • оптимизацию CSS
  • внешние сервисы перевода
  • часовые пояса
  • скорость сайта
  • сервис рекомендаций
  • карту сайта
  • богатые ссылки
  • панель инструментов публичного раздела
  • служебные процедуры.

Системные настройки
  • Название сайта – используется для всех сайтов по умолчанию
  • URL сайта – используется по умолчанию в качестве адресов сайтов, работающих под управлением системы и задается в виде www.site.ru
  • Распространять куки на все домены – если параметр активен, для всех доменов используются общие файлы cookies. Это означает, что при переключении между несколькими доменами авторизация будет сохраняться.
  • Режим вывода ошибок – вы можете выбрать, какие сообщения об ошибках в работе системы увидит пользователь. Рекомендуется выставить параметр «Только ошибки»


Почта
  • E-Mail адрес или список адресов через запятую, на который будут дублироваться все исходящие сообщения – адрес (адреса), на которые будут дублироваться все сообщения из системы почтовых событий сайта
  • E-Mail администратора сайта (отправитель по умолчанию) – адрес отправителя письма с сайта по умолчанию. Подробнее о настройке почтовых уведомлений мы пишем здесь. 


Файлы
  • Качество JPG при масштабировании – уровень сжатия для .jpg файлов при масштабировании (задается в процентах).

Закладка «Авторизация»

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

Регистрация новых пользователей

В этом блоке настроек вы можете:
  • задать возможность самостоятельной регистрации пользователей
  • использование CAPTCHA при регистрации
  • задать, в какую группу будут добавлены новые пользователи (имеющие право голосовать за рейтинг, зарегистрированные, имеющие право голосовать за авторитет, администраторы интернет-магазина, контент-редакторы). Удерживая клавишу ctrl, вы можете выбрать несколько групп.
  • сделать обязательным поле с e-mail при регистрации
  • настроить подтверждение регистрации по e-mail и отредактировать почтовый шаблон
  • проверять e-mail на уникальность при регистрации – если функция активирована, пользователи с дублирующимся адресом электронной почты не смогут зарегистрироваться повторно.

Закладка «Система обновлений»

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


Закладка «Доступ»

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


Служебные процедуры

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


Композитный режим

Композитный сайт – технология мгновенной загрузки сайтов от 1С-Битрикс. Благодаря ей пользователь мгновенно получает контент страницы, сайт лучше ранжируется в поисковых системах, а конверсия интернет-магазина растет.

Управление технологией осуществляется в настройках продукта:
Настройки → Настройки продукта → Композитный сайт

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



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

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

Техническая поддержка

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

Если вы не нашли ответ на свой вопрос, оформите запрос в поддержку через форму.  

Как создать учетную запись для сотрудника техподдержки Аспро



Вопросы по приобретению решений и доработкам, а также пожелания по функционалу решения отправляйте через эту форму или на адрес info@aspro.ru

При каждом обращении обязательно предоставьте следующие данные:
  1. Адрес сайта
  2. Логин и пароль для доступа к 1С-Битрикс с правами администратора. Как предоставить доступ сотруднику техподдержки
  3. Адрес сервера, логин и пароль для доступа к сайту. При необходимости сотрудник поддержки может запросить у вас данные для доступа по FTP или SSH с правами на чтение и запись. Как предоставить доступ сотруднику техподдержки
  4. Четкое описание проблемы и действий для ее воспроизведения.
  5. Скриншоты или скринкасты (по возможности)
    Обзор рекомендуемых программ. 
Выполнение этих рекомендаций ускорит обработку вашей заявки.

Поддержка осуществляется по будням с 8:00 до 16:00 по московскому времени. Скорость ответа зависит от загруженности команды и сложности вопроса, но в среднем составляет 2-3 рабочих дня.

Единицы измерения

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


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


Внесите необходимые изменения и нажмите кнопку «Сохранить».

Если вы хотите отключить обозначение единиц измерения, выполните следующую инструкцию:  

  1. Откройте настройки параметров компонента Каталог товаров на детальной странице товара.

    Настройки

  2. Снимите галочку "Показывать единицы измерения" в разделе "Дополнительные настройки".Единицы измерения

Новый шаблон корзины 1С-Битрикс

В готовом решении Аспро: Next версии 1.1.2 реализована поддержка нового шаблона корзины от 1С-Битрикс. Благодаря ему вы можете гибко настраивать ее внешний вид, а также использовать расширенные возможности для управления стикерами и мобильной версией.

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

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

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


Перед вами откроется редактор параметров компонента:


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

Группа «Основные параметры»

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

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


Группа настроек «Внешний вид»


В этой группе появились параметры, которые позволят вам:

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


Например, вы можете включить/отключить отображение:

  • изображения товара (1);
  • действующей скидки (2);
  • кнопки удаления товара из корзины (3);
  • типа цены (4);
  • суммы за количество выбранного товара (для каждой позиции в корзине) (5).

2. Менять положение блока с полем ввода номера купона, общей стоимостью заказа и кнопками его оформления.


Теперь этот блок можно разместить:

  • над корзиной


  • под корзиной

3. Выбирать режим отображения корзины: «Расширенный» или «Компактный»


  • Вид корзины в режиме «Расширенный» для товаров без торговых предложений:

  • Вид корзины в режиме «Компактный» для товаров без торговых предложений:


  • Вид корзины в режиме «Расширенный» для товаров с торговыми предложениями:


  • Вид корзины в режиме «Компактный» для товаров с торговыми предложениями:

4. Включать/отключать отображение цены за штуку в отдельной колонке


Вид страницы при активном параметре:

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


Когда вы включаете отображение стикера (1), появляется дополнительная настройка (2), которая позволит вам выбрать к какой стороне картинки крепить стикер на изображение – по центру, справа, слева или внизу:

6. Определять порядок положения блоков товара


Например, вы можете настроить корзину так, чтобы сначала выводились свойства торгового предложения (1), а потом товара (2):


Или, наоборот, сперва вывести свойства товара (2), а потом торгового предложения (1):


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

7. Включать/отключать анимацию цен

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

8. Выводить дополнительные метки товара

Метки товара – это стикеры «Акция», «Хит», «Советуем», «Новинка».


Новый шаблон позволяет вывести их как в полной версии сайта (1), так и в мобильной (2), а также определить положение стикера относительно изображения товара (3).


Внимание! По умолчанию в корзине данные стикеры скрыты стилями, чтобы они не загромождали пространство. Если вы все же хотите, чтобы они отображались в корзине, пожалуйста, напишите нам в поддержку. https://aspro.ru/support.

Группа «Настройки изображений»

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


Рассмотрим работу параметров подробнее.

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


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


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



Если требуется вывести дополнительные изображения торговых предложений, также выберите в настройках свойство с фото (например, «Картинки»):


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


Результат на странице:


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

  • Вариант «Без сжатия» дает максимальный размер фото



  • «Адаптивный» – средний


  • «Стандартный» – самый миниатюрный



Согласие на обработку персональных данных

В феврале 2017 года были внесены поправки в статью 13.11 КоАП по поводу нарушений закона о персональных данных. Они вступят в силу 1 июля 2017 года и коснутся всех, кто собирает, обрабатывает и хранит любые персональные данные. Подробнее о законе и мерах, которые необходимо предпринять, читайте в нашем блоге


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

Чтобы добраться до настройки в Аспро: Маркет и Аспро: Оптимус кликните по вкладке с названием решения, далее Настройки → Шаблон.


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



В решениях Аспро: Digital-компанияАспро: Корпоративный сайт 2.0, Аспро: Ландшафт и Аспро: Шины и диски 2.0 уведомления настраиваются в настройках решения. Например, Аспро: Digital (Аспро: Allcorp2) → Настройки → Общие.



Аспро: Крутой шоп, Аспро: Интернет-магазин и Аспро: Шины и диски

Настройка расположена в настройках модуля решения: Настройки продукта → Настройки модулей → Аспро: Крутой шоп, интернет магазин → Шаблон.


Аспро: Корпоративный сайт и Аспро: Корпорация

Перейдите в настройки модуля решения: Настройки продукта → Настройки модулей → Аспро: Корпоративный сайт → Шаблон. В блоке «Валидация ввода» увидите пункт, включающий уведомления, и кнопку вызова редактора подписи.



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


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


Заполните поля соответствующими данными.

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

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


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


Автоматическое согласие на обработку персональных данных

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

Внимание! Из закона 152-ФЗ следует, что для подтверждения согласия обработки персональных данных пользователь должен совершить конкретное действие — например, проставить галку в чекбоксе. Из этого следует, что настройка согласия по умолчанию не гарантирует 100% соблюдение 152-ФЗ. Компания Аспро не несет ответственности за юридические последствия применения этой настройки.



Активация данной возможности происходит в административной части сайта. Для этого перейдите настройки решения. Покажем на примере Аспро: Next как сделать настройки.





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



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

При миграции сайта между решениями Аспро (например, с Аспро: Крутой шоп на Аспро: Оптимус) или с готовых сайтов сторонних разработчиков на решение Аспро: Оптимус часто возникают вопросы, какое разрешение должно быть у графических элементов на страницах, например у всевозможных баннеров и иконок. В этом уроке рассмотрим, какие элементы могут понадобиться для решения Аспро: Оптимус и какие у них должны быть параметры.

Главный баннер



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

Требования к основному баннеру: файл .jpg или .png с разрешением 916х322 px.

Плавающие баннеры (большой и малый)

Блок баннеров на главной странице с быстрым доступом к разделам каталога. Эти баннеры выстраиваются в ровную плитку на любой ширине окна. Они бывают двух видов: большие и маленькие.

Требования к плавающим баннерам: файл .jpg или .png. Разрешение для больших — 458х220 px, для маленьких — 227х220 px.

Тизеры преимуществ


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

Требования к изображениям для тизеров преимуществ: файл .png с разрешением 40x40 px.

Фоновое изображение (бэкраунд)


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

Требования к фону: файл .jpg с разрешением не менее 1920x1500 px

Фото товара для карточки




Основное фото товара на его странице. Требования к фото для карточки товара: файл .jpg или .png с разрешением не менее 500х500 px. Оптимально — 1000х1000 px. Изображение обязательно должно быть квадратным.

Фото товара для раздела каталога


Миниатюра фото товара для раздела каталога.

Требования к фото для раздела каталога: файл .jpg или .png с разрешением не менее 120x120 px. Изображение обязательно должно быть квадратным.

Баннер во включаемой области


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

Требования к баннеру во включаемой области: файл .jpg или .png с разрешением 220x270 px.

Фото для блока на главной «О компании» и анонсов акций


Требования к фото для блока «О компании» и анонсов акций: файл .jpg или .png с оптимальным разрешением 220х220 px. Изображение для блока «О компании» лучше сделать квадратным, для анонсов акций — прямоугольными.




Настройка

«Аспро: Оптимус» – это мощный и гибкий инструмент для электронной коммерции, успешное функционирование которого зависит от грамотной настройки.

Раздел содержит подробные инструкции по настройке внешнего вида сайта, элементов главной страницы, каталога и карточек товаров, способов доставки и оплаты, маркетинговых и рекламных возможностей, интеграции с 1С и другими сервисами.

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

Настройка Captcha для покупки в 1 клик

Начиная с версии решений Аспро: Оптимус 1.1.11 и Аспро: Маркет 1.3.11 появилась возможность добавлять капчу в форму «Купить в 1 клик».

Вид формы с captcha в Аспро: Оптимус:



В Аспро: Маркет:



Чтобы добавить капчу в форму, перейдите в центр управления решения Аспро: Optimus или Аспро: Market и выберите «Настройки».





Пролистайте параметры до группы «Покупка в 1 клик». Установите галку у пункта «Показывать captcha» и нажмите «Применить».


Главная страница

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

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

Рассмотрим подробнее структуру и основные элементы главной страницы.

scrin_1.jpg
  • Шапка сайта (1) — здесь располагается логотип, краткое описание или слоган компании, блок с телефонами и ссылкой «Заказать звонок», открывающей форму заказа обратного звонка, строка поиска по сайту.

  • Каталог (2) — в выпадающем списке можно видеть все активные разделы каталога и осуществлять быстрый переход в разделы и подразделы.

  • Верхнее меню (3) — представлены основные разделы сайта. Вы можете изменить пункты меню в административной части сайта.

  • Основной баннер (4) — вы можете загрузить большое изображение и описание самого продвигаемого товара. Кнопка на баннере может иметь любой текст и вести на любую нужную страницу сайта.

  • Блок тизеров преимуществ на главной (5) — состоит из стилизованных иконок и коротких описаний преимуществ вашей компании. Позволяет продемонстрировать их пользователю.

scrin_2.jpg

  • Маленький баннер (6) - произвольный рекламный баннер, который может анонсировать акцию, новинку и пр.

  • Блок подписки (7) — позволяет пользователю подписаться на обновления с помощью e-mail адреса.

  • Блок брендов (8) — отображает несколько первых (в зависимости от настроек сортировки) брендов из списка производителей.

  • Плавающие баннеры (9) — избранные разделы каталога в виде «плитки» из картинок с названиями и всплывающим кратким описание разделов.


  • Блок новостей (10) — отображает заголовки нескольких свежих новостей и позволяет перейти к полному списку новостей (ссылка «Все новости»).

  • Блок статей (11) — ссылки на свежие статей. Позволяет перейти к полному списку статей (ссылка «Все статьи»).

  • Блок избранных товаров на главной (12) — товары, для которых включена соответствующая опция отображения в одной из вкладок данного блока. Вы можете отметить для показа на главной товары для вкладок «Мы советуем», «Новинки», «По акции» и «Хиты продаж». Товары из этого блока можно добавить в корзину, отложенные и список сравнения.

  • Акции (13) — превью активных акций. Позволяет перейти на подробное описание каждой акции или к полному списку акций (ссылка «Все акции»).


  • О компании (14) — краткое описание вашей компании и кнопка «Подробнее» для перехода на страницу с подробной информацией.

  • Левая часть подвала (15) — здесь располагается копирайт и пиктограммы поддерживаемых платежных систем.

  • Нижнее меню (16) — дублирует в компактном виде основные меню сайта и предоставляет доступ к важным страницам.

  • Авторизация и регистрация (17) — после авторизации здесь отобразится имя пользователя.

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

Баннеры

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



Баннеры делятся на основной (слайдер) и плавающие (плитка). Размеры картинок для баннеров:
  • основной банне𠘖 916х320 px
  • плавающий баннер – малый (227x220 px) и большой (458x220 px). 

Основные баннеры

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



Редактировать и добавлять баннеры вы можете и в административном разделе. Для этого перейдите в соответствующие настройки: Рабочий стол → Контент → Реклама → Баннеры → На главной, основной баннер. Выберите нужный баннер, нажмите на кнопку в виде гамбургера и выберите пункт «Изменить», чтобы войти в окно редактирования.



Рассмотрим поля основного баннера:



  • Активность (1) — публикация элемента на сайте
  • Начало и конец активности (2) — если вам нужно, чтобы элемент отображался на сайте ограниченное время и автоматически снимался с публикации по окончании этого времени или, наоборот, публиковался с определенной даты, выберите дату и время в соответствующих полях
  • Название (3) — обязательное поле для заполнения. Отображается только в административном разделе
  • Расположение текста (4) — определяет, с какой стороны текст будет отображаться на баннере. Возможные варианты: не установлено (текст ставится по умолчанию), текст справа, текст слева, текст по центру, только картинка (текст не отображается)
  • Цвет текста (5) — определяет оттенка текста на баннере. Можно выбрать: темный, светлый
  • Тип перехода (6) — определяет, как откроется страница при переходе по ссылкам в баннере. Доступные варианты: в новом окне, в текущем
  • Тип баннера (7) — определяет тип баннера. Можно назначить: основной, плавающий, баннер слева
  • Размер баннера (8) — определяет ширину баннера. Доступные варианты: не установлено, на всю область (вся ширина экрана), широкий (ширина блока контента)
  • Классы первой и второй кнопки (9) — можно прописать уникальные классы для кнопок, если они созданы в вашей версии верстки. Как изменить вид кнопок на основном баннере (на примере Аспро: Маркет)
  • Ссылка с баннера (10) — делает баннер кликабельным. Переход на указанную страницу при клике в любой области баннера
  • Текст первой кнопки (11) — создает на баннере кнопку и задает надпись на кнопке
  • Ссылка с первой кнопки (12) — делает кнопку кликабельной.

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

Кнопки навигации на баннерах

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



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



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

Плавающие баннеры

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



В административной части перейдите в раздел Рабочий стол → Контент → Реклама → Баннеры → На главной, плавающий баннер



Рассмотрим поля настроек для плавающего баннера:


  • Размер баннера (1) — определяет, как будет отображаться баннер. Можно выбрать 3 значения: не установлено, на всю область и широкий. Значение «не установлено» сделает баннер маленьким, «широкий» — большим, «на всю область» — шириной с весь блок для плавающих баннеров
  • Расположение текста (2) — определяет в какой части баннера будет поясняющий текст. Можно выбрать текст слева, справа, по центру и без текста (вариант «Только картинка»). Если выбрано «не установлено», то текст разместиться по умолчанию
  •  Тип баннера (3) — определяет типа баннера. Можно выбрать из имеющихся в системе 
  • Тип перехода (4) — определяет, как произойдет переход по ссылке в баннере. Можно выбрать открытие страницы в новой вкладке или в той же. Если выбрано «не установлено», то применятся настройки по умолчанию 
  • Цвет текста (5) — определяет оттенок поясняющего текста на баннере. Можно выбрать светлый или темный.
Внимание!  Внимание! Функционал кнопок со ссылками для плавающих баннеров недоступен. Рабочие настройки: расположение текста, тип баннера, тип перехода, ссылка с баннера. 
 
Картинку вы можете загрузить на вкладке «Подробно».



Закончив настройку, сохраните изменения. 

Обратный звонок

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



Этот сервис хорош для тех пользователей, которые не хотят по каким-то причинам общаться с онлайн-оператором в подключенном сервисе (или если такой сервис на вашем сайте не подключен) либо боятся потратить деньги при звонке на ваш номер.

Чтобы настроить форму, переключитесь на административную часть сайта и перейдите в Рабочий стол → Сервисы → Веб-формы → Настройка форм(CALLBACK) Заказать звонок.

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


Настройка отображения цены в разделе «Услуги»

Начиная с версий решений Аспро: Оптимус 1.1.11 и Аспро: Маркет 1.3.11 в карточках услуг появилось новое поле – «Цена», которое принимает значения типа «строка». Это значит, что цену можно вводить не просто в виде цифры, а в свободной форме. Например, «1 200 руб/час», «Цена договорная», «от 3 000 руб/смена».



Значение, указанное в этом поле, будет выводиться:

  • в анонсе на странице со списком услуг


  • в блоке с кнопкой, вызывающей форму «Заказать услугу», на детальной странице услуги


Настройка порядка отображения соц. сетей в футере

Начиная с версий решений Аспро: Оптимус 1.1.11 и Аспро: Маркет 1.3.11 появилась возможность управлять порядком отображения социальных сетей в футере сайта.



Для этого включите режим правки.



Наведите указатель на блок с соц. сетями.

В Аспро: Маркет над блоком появится плавающее меню с канцелярской кнопкой и шестеренкой. Кликните по изображению шестеренки.



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



Откроется редактор параметров компонента:



Также вы можете использовать кнопку «Изменить область».



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


После этого вы попадете в нужный редактор:



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

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

Например, поднимем в списке youtube-канал.



В таком случае все элементы, которые находились выше ссылки на youtube, сместились вниз.



Результат на странице:


Настройка отображения связанных товаров в разделах «Производители», «Акции», «Новости», «Статьи»

Начиная с версии Аспро: Оптимус 1.1.11 вы можете определить, каким образом должны отображаться связанные товары в разделах «Производители», «Акции», «Новости» и «Статьи»:
  • слайдером


  • в виде блоков друг под другом


Для переключения между вариантами активируйте режим правки.



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



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


Отображение размера экономии в летающей корзине

Начиная с версии 1.1.9 в Аспро: Оптимус можно отображать размер экономии в летающей корзине.



Активировать настройку можно в административной части сайта. Для этого перейдите в Аспро: Optimus → Настройки.



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


Подключение Google reCAPTCHA

В Аспро: Оптимус 1.1.8, Аспро: Next 1.0.7 и Аспро: Маркет 1.5.0 появился выбор – какую каптчу использовать на своем сайте: стандартную от 1С-Битрикс или Google reCAPTCHA.

Google reCAPTCHA – инструмент от Google, который анализирует поведение пользователей и в зависимости от него предлагает пройти проверку по различным сценариям: от простейшего клика по квадрату «Я не робот» (в большинстве случаев) до расшифровки надписей и выбора определенных картинок (если есть подозрение, что с формой взаимодействует бот, а не реальный человек).

Переключение осуществляется в административной части сайта. Раскройте вкладку с названием решения («Аспро: Optimus», «Аспро: Next» или «Аспро: Market» и выберите пункт «Настройки».





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



Подключение каптчи от google потребует дополнительной регистрации вашего сайта на сервисе. Перейдите по ссылке и заполните форму следующего вида:


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

В «Типе reCAPTCHA» (2) выберите один из видов каптчи. Чтобы использовать скрытую каптчу, выберите invisible reCAPTCHA.

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

Далее следует ознакомится с условиями использования reCAPTCHA. Для продолжения регистрации, необходимо их принять – установить соответствующую галку (4).

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

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


Скопируйте их в одноименные поля в используемом вами решении от Аспро.




Сохраните изменения кнопкой «Применить». В форме обратной связи появится соответствующий блок.


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



Блоки могут быть:

  • светлыми и темными;



  • обычными, компактными и скрытыми.


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

Кнопка «Поделиться» в соцсетях

В новых версиях Аспро: Маркет (1.2.14) и Аспро: Оптимус (1.0.12) появилась возможность — пользователи сайта могут поделиться контентными разделами в социальных медиа.

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


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


После этого кнопка появится на странице.


Раздел покупателя D7

Раздел покупателя D7 от 1С-Битрикс доступен в решениях «Аспро: Оптимус» (версия 1.0.4 и выше), «Аспро: Маркет» (версия 1.2.10 и выше) и «Аспро: Крутой шоп» (версия 1.1.4).

Преимущества нового раздела:
  1. Вся информация о пользователе и его заказах собрана в одном месте.
  2. Возможность управлять профилями покупателей, задавая для каждого из них свои способы оплаты, доставки и т.д.
  3. Поддержка разделения заказов и оплаты.
  4. Различные сценарии работы со счетом, который можно пополнить и без оформления заказа.
Вы можете переключиться на раздел покупателя D7 самостоятельно, отредактировав или заменив файлы решения. 
Архив с файлами index.php и .left.menu.php

Внимание! Перед внесением правок в код обязательно создайте резервную копию сайта. Мы настоятельно не рекомендуем редактировать код компонента, если вы не обладаете базовыми знаниями в веб-разработке. В этом случае обратитесь в техническую поддержку Аспро с запросом о подключении раздела покупателя D7.

Переключитесь на административную часть сайта и перейдите в Рабочий стол → Контент → Структура сайта → Файлы и папки → personal. Найдите файл index.php и откройте его для редактирования как PHP.



Удалите существующий код и скопируйте новый. Ниже приводим нужные фрагменты кода. 

Для решения «Аспро: Маркет» и «Аспро: Крутой шоп»:

<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("Личный кабинет");
?>
<?
global $USER;
if(!$USER->isAuthorized()){
    LocalRedirect(SITE_DIR.'auth/?backurl='.SITE_DIR.'personal/');
}
else{
    //LocalRedirect(SITE_DIR.'personal/personal-data');?>
    <div class="left_block">
        <?$APPLICATION->IncludeComponent("bitrix:menu", "left_menu", array(
            "ROOT_MENU_TYPE" => "left",
            "MENU_CACHE_TYPE" => "A",
            "MENU_CACHE_TIME" => "3600",
            "MENU_CACHE_USE_GROUPS" => "Y",
            "MENU_CACHE_GET_VARS" => array(
            ),
            "MAX_LEVEL" => "1",
            "CHILD_MENU_TYPE" => "left",
            "USE_EXT" => "N",
            "DELAY" => "N",
            "ALLOW_MULTI_SELECT" => "N"
            ),
            false
        );?>    
    </div>
    <div class="right_block">
        <div class="personal_wrapper">
            <?$APPLICATION->IncludeComponent(
                "bitrix:sale.personal.section", 
                "main", 
                array(
                    "ACCOUNT_PAYMENT_ELIMINATED_PAY_SYSTEMS" => array(
                        0 => "0",
                    ),
                    "ACCOUNT_PAYMENT_PERSON_TYPE" => "1",
                    "ACCOUNT_PAYMENT_SELL_SHOW_FIXED_VALUES" => "Y",
                    "ACCOUNT_PAYMENT_SELL_TOTAL" => array(
                        0 => "100",
                        1 => "200",
                        2 => "500",
                        3 => "1000",
                        4 => "5000",
                        5 => "",
                    ),
                    "ACCOUNT_PAYMENT_SELL_USER_INPUT" => "Y",
                    "ACTIVE_DATE_FORMAT" => "d.m.Y",
                    "CACHE_GROUPS" => "Y",
                    "CACHE_TIME" => "3600",
                    "CACHE_TYPE" => "A",
                    "CHECK_RIGHTS_PRIVATE" => "N",
                    "COMPATIBLE_LOCATION_MODE_PROFILE" => "N",
                    "CUSTOM_PAGES" => "",
                    "CUSTOM_SELECT_PROPS" => array(
                    ),
                    "NAV_TEMPLATE" => "",
                    "ORDER_HISTORIC_STATUSES" => array(
                        0 => "F",
                    ),
                    "PATH_TO_BASKET" => "/basket/",
                    "PATH_TO_CATALOG" => "/catalog/",
                    "PATH_TO_CONTACT" => "/contacts",
                    "PATH_TO_PAYMENT" => "/order/payment",
                    "PER_PAGE" => "20",
                    "PROP_1" => array(
                    ),
                    "PROP_2" => array(
                    ),
                    "SAVE_IN_SESSION" => "Y",
                    "SEF_FOLDER" => "/personal/",
                    "SEF_MODE" => "Y",
                    "SEND_INFO_PRIVATE" => "N",
                    "SET_TITLE" => "Y",
                    "SHOW_ACCOUNT_COMPONENT" => "Y",
                    "SHOW_ACCOUNT_PAGE" => "Y",
                    "SHOW_ACCOUNT_PAY_COMPONENT" => "Y",
                    "SHOW_BASKET_PAGE" => "Y",
                    "SHOW_CONTACT_PAGE" => "Y",
                    "SHOW_ORDER_PAGE" => "Y",
                    "SHOW_PRIVATE_PAGE" => "Y",
                    "SHOW_PROFILE_PAGE" => "Y",
                    "SHOW_SUBSCRIBE_PAGE" => "Y",
                    "USER_PROPERTY_PRIVATE" => "",
                    "USE_AJAX_LOCATIONS_PROFILE" => "N",
                    "COMPONENT_TEMPLATE" => "main",
                    "ACCOUNT_PAYMENT_SELL_CURRENCY" => "RUB",
                    "COMPOSITE_FRAME_MODE" => "A",
                    "COMPOSITE_FRAME_TYPE" => "AUTO",
                    "SEF_URL_TEMPLATES" => array(
                        "index" => "index.php",
                        "orders" => "orders/",
                        "account" => "account/",
                        "subscribe" => "subscribe/",
                        "profile" => "profiles/",
                        "profile_detail" => "profiles/#ID#",
                        "private" => "private/",
                        "order_detail" => "orders/#ID#",
                        "order_cancel" => "cancel/#ID#",
                    )
                ),
                false
            );?>
        </div>
    </div>
<?}
?>
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>

Для  решения «Аспро: Оптимус»:

<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("Личный кабинет");
?>
<?
global $USER;
if(!$USER->isAuthorized()){
    LocalRedirect(SITE_DIR.'auth/?backurl='.SITE_DIR.'personal/');
}
else{
    //LocalRedirect(SITE_DIR.'personal/personal-data');?>
    <?$APPLICATION->IncludeComponent(
    "bitrix:sale.personal.section", 
    "main", 
    array(
        "ACCOUNT_PAYMENT_ELIMINATED_PAY_SYSTEMS" => array(
            0 => "0",
        ),
        "ACCOUNT_PAYMENT_PERSON_TYPE" => "1",
        "ACCOUNT_PAYMENT_SELL_SHOW_FIXED_VALUES" => "Y",
        "ACCOUNT_PAYMENT_SELL_TOTAL" => array(
            0 => "100",
            1 => "200",
            2 => "500",
            3 => "1000",
            4 => "5000",
            5 => "",
        ),
        "ACCOUNT_PAYMENT_SELL_USER_INPUT" => "Y",
        "ACTIVE_DATE_FORMAT" => "d.m.Y",
        "CACHE_GROUPS" => "Y",
        "CACHE_TIME" => "3600",
        "CACHE_TYPE" => "A",
        "CHECK_RIGHTS_PRIVATE" => "N",
        "COMPATIBLE_LOCATION_MODE_PROFILE" => "N",
        "CUSTOM_PAGES" => "",
        "CUSTOM_SELECT_PROPS" => array(
        ),
        "NAV_TEMPLATE" => "",
        "ORDER_HISTORIC_STATUSES" => array(
            0 => "F",
        ),
        "PATH_TO_BASKET" => "/basket/",
        "PATH_TO_CATALOG" => "/catalog/",
        "PATH_TO_CONTACT" => "/contacts",
        "PATH_TO_PAYMENT" => "/order/payment",
        "PER_PAGE" => "20",
        "PROP_1" => array(
        ),
        "PROP_2" => array(
        ),
        "SAVE_IN_SESSION" => "Y",
        "SEF_FOLDER" => "/personal/",
        "SEF_MODE" => "Y",
        "SEND_INFO_PRIVATE" => "N",
        "SET_TITLE" => "Y",
        "SHOW_ACCOUNT_COMPONENT" => "Y",
        "SHOW_ACCOUNT_PAGE" => "Y",
        "SHOW_ACCOUNT_PAY_COMPONENT" => "Y",
        "SHOW_BASKET_PAGE" => "Y",
        "SHOW_CONTACT_PAGE" => "Y",
        "SHOW_ORDER_PAGE" => "Y",
        "SHOW_PRIVATE_PAGE" => "Y",
        "SHOW_PROFILE_PAGE" => "Y",
        "SHOW_SUBSCRIBE_PAGE" => "Y",
        "USER_PROPERTY_PRIVATE" => "",
        "USE_AJAX_LOCATIONS_PROFILE" => "N",
        "COMPONENT_TEMPLATE" => "main",
        "ACCOUNT_PAYMENT_SELL_CURRENCY" => "RUB",
        "COMPOSITE_FRAME_MODE" => "A",
        "COMPOSITE_FRAME_TYPE" => "AUTO",
        "SEF_URL_TEMPLATES" => array(
            "index" => "index.php",
            "orders" => "orders/",
            "account" => "account/",
            "subscribe" => "subscribe/",
            "profile" => "profiles/",
            "profile_detail" => "profiles/#ID#",
            "private" => "private/",
            "order_detail" => "orders/#ID#",
            "order_cancel" => "cancel/#ID#",
        )
    ),
    false
);?>
<?}?>
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>

Сохраните изменения. Найдите и откройте для редактирования как PHP файл «Меню типа «left» или .left.menu.php. Аналогичным образом замените код на новый.

Для решения «Аспро: Маркет» и «Аспро: Крутой шоп»:

<?
$aMenuLinks = Array(
	Array(
		"Мой кабинет", 
		"/personal/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Текущие заказы", 
		"/personal/orders/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Личный счет", 
		"/personal/account/", 
		Array(), 
		Array(), 
		"CBXFeatures::IsFeatureEnabled('SaleAccounts')" 
	),
	Array(
		"Личные данные", 
		"/personal/private/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Сменить пароль", 
		"/personal/change-password/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"История заказов", 
		"/personal/orders/?filter_history=Y", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Профили заказов", 
		"/personal/profiles/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Корзина", 
		"/basket/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Подписки", 
		"/personal/subscribe/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Контакты", 
		"/contacts/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Выйти", 
		"?logout=yes&login=yes", 
		Array(), 
		Array("class"=>"exit"), 
		"" 
	)
);
?>

Для  решения «Аспро: Оптимус»:

<?
$aMenuLinks = Array(
	Array(
		"Мой кабинет", 
		"/personal/index.php", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Текущие заказы", 
		"/personal/orders/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Личный счет", 
		"/personal/account/", 
		Array(), 
		Array(), 
		"CBXFeatures::IsFeatureEnabled('SaleAccounts')" 
	),
	Array(
		"Личные данные", 
		"/personal/private/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Сменить пароль", 
		"/personal/change-password/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"История заказов", 
		"/personal/orders/?filter_history=Y", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Профили заказов", 
		"/personal/profiles/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Корзина", 
		"/basket/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Подписки", 
		"/personal/subscribe/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Контакты", 
		"/contacts/", 
		Array(), 
		Array(), 
		"" 
	),
	Array(
		"Выйти", 
		"?logout=yes&login=yes", 
		Array(), 
		Array("class"=>"exit"), 
		"\$GLOBALS['USER']->isAuthorized()" 
	)
);
?>

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


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

После проделанных операций сбросьте кэш сайта. Инструкция

Настройка интернет-магазина

Свойства товара

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

Значения свойств товара в Аспро: Next и Аспро: Шины и диски 2.0 заполняются вручную или автоматически при выгрузке из 1С. Если вы хотите создать новое свойство, выгрузите CSV-файл, содержащий это свойство, и вручную настройте соответствие полей. После этого настройте отображение свойства для тех элементов, где вы хотите его показывать – списке товаров, карточке отдельного товара, умном фильтре или странице сравнения товаров. 


Настройка вывода свойств товара

Свойства товара выводятся:

Свойства товара на странице списка товаров: 





Свойства на странице отдельного товара:



Свойства в умном фильтре:





Свойства на странице сравнения товаров:




Свойства на странице оформления заказа:



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

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



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

Перейдите в блок «Настройки списка» и выберите нужные свойства, удерживая клавишу CTRL.


Настройка вывода свойств в карточке товара

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


Настройка вывода свойств в умном фильтре

Осуществляется в настройках инфоблока каталога:
Контент → Инфоблоки → Типы инфоблоков → Каталог

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


Активируйте настройку «Показывать в умном фильтре». Здесь же вы можете задать вид отображения свойства: радиокнопки, флажки, выпадающий список или число от и до (с ползунком). Сохраните изменения.


Настройка вывода свойств на странице сравнения товаров

Осуществляется в настройках компонента каталога (блок «Сравнение товаров», поля «Свойства» и «Свойства предложений»).


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

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




Настройка сортировки свойств товара

Сортировка свойств товара – это порядок отображения их характеристик на детальной странице, странице списка и странице сравнения товаров.

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

Инструкция:

  1. Перейдите в настройки инфоблока каталога:
    Контент → Инфоблоки →Типы инфоблоков → Каталог

  2. На вкладке «Свойства» задайте нужный порядок отображения характеристик товара.



  3. Перейдите в любой раздел каталога (/catalog/) и вызовите окно настроек комплексного компонента.



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



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


Отображение разделов связанных товаров

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

Связанные разделы на странице новостей и статей.


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

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


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

Настройка отображения разделов каталога в боковом меню

Начиная с версии Аспро: Оптимус 1.1.11 можно самим выбирать тип отображения левого меню:
  • справа при наведении



  • в развороте под названием раздела (снизу)



Для переключения способа представления выпадающего меню откройте центр управления Аспро: Optimus → Настройки.



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


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

Настройка заказа для способа доставки «Самовывоз»

При выборе способа доставки «Самовывоз» оформление заказа выглядит так:

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



  • В блоке «Покупатель» поле «Адрес доставки» не отображается (в отличие от других способов доставки).



Однако при некорректной настройке свойств заказа и служб доставки поле для ввода адреса доставки может выводиться (причем в качестве поля, обязательного для заполнения):



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

Настройка свойств заказа, службы доставки и складов

Перейдите в настройки складов
Магазин → Складской учет → Склады.

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



Активируйте параметры «Пункт выдачи» и «Пункт отгрузки»:



Перейдите в настройки служб доставки:
Магазин → Настройки → Службы доставки

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



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



Примечание: Если вы используете редакцию 1С-Битрикс: Малый бизнес, вам будет доступен только 1 пункт самовывоза. Для редакции 1С-Битрикс: Бизнес количество пунктов самовывоза не ограничено.

Перейдите в свойства заказа: 
Магазин → Настройки → Свойства заказа → Список свойств

Найдите свойство, которое необходимо отредактировать. В нашем случае это свойство №7 – адрес доставки для типа плательщика «Физическое лицо (s1)». Перейдите в настройки параметров свойства. 



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



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


Настройка товаров с каноническими ссылками

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

Каноническая ссылка – это ссылка, записанная со специальным атрибутом rel = “canonical” в исходном коде страницы. Именно она укажет роботу, что просматриваемая страница является основной.

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

Перейдите в административной части сайта в Контент → Инфоблоки → Типы инфоблоков → Каталог. Выберите инфоблок, в котором хранится информация о распространяемой вами продукции или предлагаемых тарифах. Например, чтобы настроить канонические ссылки для детального описания предлагаемого на сайте ПО, следует выбрать инфоблок «Продукты».



Далее откройте вкладку «Поля» (1) и установите галку возле пункта «Разрешить выбор основного раздела для привязки» (2).



Нажмите кнопку «Применить» (3) и вернитесь на вкладку «Инфоблок». Здесь нужно указать канонический URL элемента (протокол, адрес сервера и путь на сайте).

В решении Аспро: Next строка должна иметь вид:

http://#SERVER_NAME##SITE_DIR#catalog/#SECTION_CODE_PATH#/#ELEMENT_ID#/.

Если вы используете протокол https, обязательно укажите это – замените на него «http» в начале строки.



В остальных решениях (для интернет-магазинов и корпоративных сайтов) URL нужно указать явно. Например, для сайта на основе решения Аспро: Digital поле следует заполнять так:

https://yoursite.ru/catalog/#SECTION_CODE_PATH#/#ELEMENT_CODE#/,

где yoursite.ru – адрес вашего сайта.


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

Перейдите в каталог предлагаемой вами продукции (Рабочий стол → Контент → Каталог → Каталог товаров) и откройте любую карточку. В редакторе появится новое поле «Основной раздел». Заполните его и сохраните изменения.



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



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



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



Последний шаг – настройка параметров компонента. Откройте в публичной части сайта любую карточку товара. Активируйте режим правки. Наведите указатель на описание предложения и нажмите на шестеренку в появившемся меню.



В новом окне перейдите к группе параметров «Настройки детального просмотра», поставьте галку возле «Устанавливать канонический URL» и сохраните настройки.



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


Как скрыть недоступные товары и торговые предложения

В этом уроке мы продемонстрируем как отключить в каталоге отображение товаров и торговых предложений, которых не осталось на складе. Приведенная ниже инструкция актуальна для решений Аспро: Next, Аспро: Оптимус, Аспро: Маркет и Аспро: Шины и диски 2.0.

Настройка производится в 2 шага. Нам понадобится:

       1. Включить и настроить количественный учет

В административной части сайта перейдите в Рабочий стол → Настройки → Настройки продукта → Настройки модулей → Торговый каталог.

В группе «Значения параметров товаров по умолчанию» должны быть выставлены следующие настройки:
  • Включить количественный учет – Да;
  • Разрешить покупку при отсутствии товара (включая разрешение отрицательного количества товара) – Нет.

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



       2. Настроить параметры компонента «Каталог»

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



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



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



Обратите внимание, что если у товара задан стикер «Акция», «Хит», «Новинка», «Советуем», то он будет отображаться в соответствующем блоке на главной странице (даже если он недоступен).

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



Но в блоке «Хит» на главной странице товар остался.


Далее расскажем, какие настройки внести, чтобы товар не отображался и в этих блоках.

Заходите в публичную часть сайта в режиме правки. Наведите на блог «Хит/ Советуем/ Новинка/ Акция» и нажмите на кнопку «Изменить область».



Кликните 2 раза на кнопку «Табы на главной».


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


Не забудьте сохранить.

В результате товар «Набор елочных игрушек» в разделе «Хит» не отображается.






Подписка на товары


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

В новых версиях решений подписка на товар осуществляется без авторизации: 

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



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



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


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



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



Настройка кнопки подписки

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

  1. На основной панели навигации слева выбрать в соответствии с вариантом решения:

  • Аспро: Market → пункт «Настройки».
  • Аспро: Optimus → пункт «Настройки».
  • Аспро: Next → пункт «Настройки».
  • Аспро → Аспро: Шины и диски 2.0 → «Настройки»
  • В Аспро: Крутой шоп выбрать «Настройки» → пункт «Настройки продукта» → подпункт «Настройки модулей» → «Аспро: Крутойшоп, интернет магазин».




  1. Прокрутить список настроек до блока «Добавление в корзину». <
  2. Найти нужную опцию «Кнопка покупки у отсутствующих товаров».
  3. Кликнуть по полю ввода и выбрать один из доступных вариантов: Отображать кнопку «В корзину»; Отображать кнопку «Под заказ» с попапом; Отображать кнопку «Подписаться» ; «Ничего не отображать».

В случае, если в опции «Кнопка покупки у отсутствующих товаров» установлен пункт  «Отображать кнопку «Подписаться», в блоке «Выражения и названия» (находится ниже блока «Добавление в корзину») можно отредактировать название кнопок «Подписаться», «Отписаться».

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


Раннее вы смотрели

Управление отображением единиц измерения в блоке «Ранее вы смотрели»

В версиях готового интернет-магазина Аспро: Оптимус 1.0.8 и выше появилась возможность отключить отображение единиц измерения в блоке «Ранее вы смотрели».

Это особенно актуально, если в интернет-магазине имеются товары с разными единицами измерения, из-за чего цены отображаются не единообразно – например, у одних товаров цена прописывается как «100 руб.», а у других — «100 руб./шт» или «100 руб./м».



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


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


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

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

Покупка в 1 клик

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

Функция «Покупка в 1 клик» способна повысить конверсию на 60-80%. В этой главе мы рассмотрим основные настройки быстрой покупки. С их помощью вы сможете активировать или деактивировать опцию, настраивать поля формы и доступ к ней для различных типов покупателей (например, только для физических или юридических лиц). 

«Аспро: Оптимус»



«Аспро: Маркет»



«Аспро: Next»



«Аспро: Шины и диски 2.0»


Чтобы активировать или деактивировать форму покупки в 1 клик, переключитесь в административную часть сайта и перейдите в настройки решения: 

  • Рабочий стол → Аспро: Optimus → Настройки;
  • Рабочий стол → Аспро: Market → Настройки;
  • Рабочий стол → Аспро: Next → Настройки;
  • Рабочий стол → Аспро → Аспро: Шины и диски 2.0 → Настройки.



Рассмотрим основные поля и их значения:

  • Показывать captcha (1) — включает поле для ввода каптчи в форме
  • Отображать кнопку быстрого заказа в корзине (2) — активирует на карточке товара и в разделе каталога соответствующую кнопку
  • Отображать текст о стоимости доставки (3) – включает показ текста-дисклеймера на форме «Купить в 1 клик»
  • Тип плательщика (4) — определяет, какой круг лиц может заказывать в один клик: физические или юридические лица
  • Служба доставки (5) — определяет способ доставки товара и соответствующую запись в оформленном заказе. Можно выбрать доставку курьером или самовывоз
  • Платежная система (6)— определяет валюту, в которой считается стоимость товара
  • Поля (7) — определяет, какие поля будут отображаться в быстром оформлении заказа. Выбрать несколько значений можно, щелкая по ним мышью при нажатой клавише ctrl
  • Обязательные поля для заполнения (8) — определяет, какие поля из выбранных должны быть обязательно заполнены. При отправке формы система будет проверять, заполнены ли обязательные поля, и, если не заполнены, то покажет пользователю сообщение об этом.
После отправки заполненной формы пользователю демонстрируется сообщение о том, что его заказ принят, и оператор свяжется с ним в ближайшее время. 

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

  • Рабочий стол → Аспро: Optimus → Настройки → Магазин → Настройки → Свойства заказа;
  • Рабочий стол → Аспро: Market → Настройки → Магазин → Настройки → Свойства заказа;
  • Рабочий стол → Аспро: Next → Настройки → Магазин → Настройки → Свойства заказа;
  • Рабочий стол → Аспро: Шины и диски 2.0 → Магазин → Настройки → Свойства заказа.


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

Статьи по теме в базе знаний: 

Как отредактировать названия полей формы «Покупка в 1 клик»?
Настройка параметров «Покупки в 1 клик»
Как добавить дополнительные поля в форму покупки в 1 клик?
Как сделать обязательным поле email в форме покупки в 1 клик?

Текст-дисклеймер на форме покупки в 1 клик

В решении Аспро: Next, а также версиях готовых интернет-магазинов Аспро: Оптимус 1.0.8, Аспро: Маркет 1.2.13 и Аспро: Шины и диски 2.0 предусмотрена возможность на форме покупки в 1 клик прописать пользовательское пояснение-дисклеймер – например, о том, что в конечную цену будет включена стоимость доставки.

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




Чтобы изменить текст подсказки, переключитесь на административную часть сайта и перейдите в:
  • Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix/templates/aspro_optimus/components/aspro/oneclickbuy.optimus/shop/lang/ru/template.php (для решения Аспро: Оптимус)
  • Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix/templates/aspro_mshop/components/aspro/oneclickbuy.mshop/shop/lang/ru/template.php (для решения Аспро: Маркет)
  • Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix/templates/aspro_next/components/aspro/oneclickbuy.next/shop/lang/ru/template.php (для решения Аспро: Next)
  • Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix/templates/aspro_tires2/components/aspro/oneclickbuy.tires2/shop/lang/ru/template.php (для решения Аспро: Шины и диски 2.0)

Вам нужна строка

 $MESS['DELIVERY_NOTE_TITLE'] = 'Стоимость доставки';

Измените значение переменной в кавычках на нужную вам фразу.


Было:

	 $MESS['DELIVERY_NOTE_TITLE'] = 'Стоимость доставки';

Стало:

	 $MESS['DELIVERY_NOTE_TITLE'] = 'Доставка';

Чтобы увидеть изменения в публичной части сайта, сбросьте кэш страницы и компонентов и на всякий случай обновите страницу со сбросом кэша (через ctrl+F5).


В качестве памятки в комментарии возле этой строки указан путь к файлу, в котором можно изменить текст пояснения.

Чтобы изменить текст пояснения, перейдите в Рабочий стол → Контент → Структура сайта → Файлы и папки → include/oneclick_delivery_text.php. В этом файле в формате HTML хранится сам текст, его и можете изменять. Не забудьте про соответствующие теги.  


В результате в пояснении появится ваш новый текст, причем в том оформлении, которое вы задали ему HTML-тегами.


Настройка поясняющего текста-дисклеймера
в обзоре новинок Аспро: Оптимус 1.0.8

Наборы

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


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

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

Рассмотрим, как создавать наборы для списка товаров.

Переключитесь на административную часть сайта и перейдите в нужных подраздел каталога. В примере мы рассмотрим создание набора для женской футболки, поэтому путь будет такой: Рабочий стол → Контент → Каталог→ Каталог товаров → Одежда → Женская одежда.



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

Форма добавления наборы во многом похожа на форму добавление обычного товара, добавляется только вкладка «Состав набора». Нужно указать название товара и при необходимости – дополнительные свойства. Желательно также добавить фотографии набора во вкладках «Анонс» и «Подробно», чтобы набор корректно отображался в списке товаров и на своей карточке (иначе пользователь увидит стандартную «заглушку» в виде иконки фотоаппарата).


На вкладке «Состав набора» можно выбрать товары, которые входят в набор, и их количество в наборе.


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


Создание и настройка наборов для торговых предложений

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

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

В примере мы рассмотрим создание набора для женской футболки, поэтому путь будет такой: Рабочий стол → Контент → Каталог→ Каталог товаров → Одежда → Женская одежда.

Войдите в режим редактирования товара, для которого создаем набор.


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

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


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

На вкладке «Элемент» вы заполняете основные данные о товаре: название товара (как можно более подробное), основные свойства торговых предложений – например, размер и цвет.


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

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


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


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

Внимание! Для каждого вида модификаций товара (в нашем случае для пары размер-цвет) нужно создавать отдельное торговое предложение с набором.

Настройка отображения количества товаров в наборе

В Аспро: Next, начиная с версии 1.1.7, и Аспро: Шины и диски 2.0 вы можете задавать количество отображаемых товаров в наборе. Это количество будет включено в набор и по нему будет устанавливаться цена, а остальные товары посетитель сможет добавить самостоятельно. Используйте этот функционал, если вы создаете набор из торговых предложений, чтобы у посетителя был выбор.

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

В поле «Количество отображаемых товаров в наборе» пропишите значение и сохраните изменения.

Заданное количество товаров включено в набор.


А остальные товары отображаются в блоке ниже и их можно добавить в набор.

Наборы и комплекты

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

В документации 1С-Битрикс даются такие определения: 

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




Комплект – это список товаров, составляющих необходимую комплектацию основного товара. Сам комплект не имеет физического остатка, его остаток зависит от товаров, которые входят в этот комплект. В комплект могут быть добавлены именно товары: торговые предложения и/или простые товары. Товар с торговыми предложениями добавить в него нельзя.



В этой главе мы рассмотрим каждый элемент и приведем инструкции по его настройке. 

Комплекты

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

Простой пример для понимания разницы:

  1. Толстовка, стоимостью 1000 руб., входит в набор для пробежки вместе с майкой, стоимостью 500 руб., и бриджами, стоимостью 2000 руб. Цена набора составляет 3500 руб. Вы можете купить набор для пробежки, а можете приобрести только толстовку.

  2. Комплект для пробежки стоимостью 3000 руб., в который входят толстовка, майка и бриджи. Вы можете приобрести этот комплект только целиком по указанной цене.

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

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

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

В примере мы рассмотрим создание набора для женской футболки, поэтому путь будет такой: Рабочий стол → Контент → Каталог→ Каталог товаров → Одежда → Женская одежда.



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

Форма добавления наборы во многом похожа на форму добавление обычного товара, добавляется только вкладка «Состав комплекта». Вам необходимо заполнить название товара и при необходимости – дополнительные свойства. Желательно также добавить фотографии набора во вкладках «Анонс» и «Подробно», чтобы набор корректно отображался в списке товаров и на своей карточке (иначе будет отображаться стандартная «заглушка» в виде фотоаппарата).


На вкладке «Состав комплекта» можно выбрать товары, которые входят в набор и их количество в наборе.

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


Умный фильтр

Умный фильтр – инструмент сортировки, доступный в разделах и подразделах каталога. Помогает пользователю подобрать товар по определенным параметрам. В решении доступно 2 варианта отображения фильтра: горизонтальный и вертикальный. В Аспро: Next, начиная с версии 1.4.0, доступен 3 вариант фильтра — компактный.

Компактный фильтр – размещается над списком товаров и занимает оптимальную область страницы. Этот вариант доступен только в Аспро: Next, начиная с версии 1.4.0.При выборе параметров свойство подсвечивается рамкой. Также внутри рамки выводится количество выбранных параметров.


Горизонтальный фильтр – входит в состав контентной области и размещается над списком товаров.


Вертикальный фильтр – является частью бокового меню и располагается в левой области страницы.




Настройки отображения

Варианты отображения умного фильтра:
  • в блоке контента перед списком товаров — горизонтальный (Аспро: Маркет, Аспро: Оптимус)
  • сбоку под меню каталога — вертикальный (Аспро: Маркет, Аспро: Оптимус, Аспро: Крутой шоп).


Вид фильтра настраивается в настройках модуля решения, который находится в административном разделе сайта.

  • для Аспро: Маркет: Рабочий стол → Настройки → Настройки продукта → Настройки модулей → Аспро: Маркет - Адаптивный интернет-магазин 

  • для Аспро: Оптимус:  Рабочий стол → Аспро: Optimus → Настройки

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



Вывод параметров

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

Инструкция

В административном разделе перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков →  Каталог и переключитесь на вкладку «Свойства». Здесь представлены все типы характеристик всех товаров вашего магазина. Они, как правило, напрямую связаны со свойствами из 1С.


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

Откроется окно настроек свойства инфоблока. Рассмотрим подробнее его настройки.


  • Показывать в умном фильтре (1) — если параметр активен, параметр выводится в умном фильтре

  • Вид в умном фильтре (2) — определяет вид параметра в фильтре.

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

    Для числового свойства вид может быть числом от и до (числа вводятся в поля - 2 на скриншоте ниже) или числом от и до с ползунком (числа можно ввести вручную или выбрать с помощью ползунков на шкале - 1 на скриншоте ниже).

    Для свойства типа «Дата/время» список возможных видов такой же, как для строк и множеств. Единственное отличие – добавляется дополнительный вид «Календарь» (при вводе или после нажатия соответствующей кнопки разворачивается календарь с возможностью выбора даты и времени – №5 на скриншоте ниже).

  • Показать развернутым (3) — при активной опции параметр в фильтре сразу развернут, видны все его значения. Если опция неактивна, характеристика свернута: пользователь видит только ее название. Чтобы увидеть и выбрать значения, нужно нажать значок «Развернуть».

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


Настройка сортировки свойств

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

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




Фасетные индексы

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

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

В административном разделе перейдите в Рабочий стол → Контент → Инфоблоки  Фасетные индексы


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


В списке «Информационный блок» выберите «Каталог товаров». В поле «Шаг» можете оставить значение по умолчанию.


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




Решение типичных проблем

Подборка полезных статей из базы знаний: 


Отображение количества значений у свойств фильтра

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



В новых версиях решений появилась возможность скрыть отображение этих значений:

Для этого при включенном режиме правки наведите на область каталога или товара. В появившемся меню нажмите на изображение шестеренки:



На вкладке «Настройки фильтра» снимите (или установите) галочку в строке «Отображать количество элементов у свойств в фильтре»



Вот так выглядит фильтр при деактивированной настройке:


Выбрать тип отображения умного фильтра в Аспро: Next

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


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


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

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

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

Форма покупки в 1 клик.


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

Оформление заказа с открытыми блоками для заполнения. Этот вариант доступен, начиная с версии 1.4.0.


Оформление заказа с закрытыми блоками для заполнения.



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



В поле «Шаблон компонента» выберите нужный вариант оформления заказа:

  • v1 (Аспро: Next — интернет-магазин) — шаблон Аспро: Next с открытыми блоками для заполнения.

  • bootstrap_v4 (Встроенный шаблон) — стандартный шаблон 1С-Битрикс без стилей Аспро: Next.

  • .default (Встроенный шаблон) — стандартный шаблон 1С-Битрикс со стилями Аспро: Next с закрытыми блоками.


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

Фоновое изображение

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



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

Требования к изображениям:
  • размер 1920x1500 px
  • формат JPG.
Для ускорения скорости загрузки страницы рекомендуется размещать по центру фонового изображения белую полосу шириной 1200 px (будет перекрываться контентом сайта). 

Для управления фоном переключитесь на административную часть и перейдите в настройки фонового баннера: Рабочий стол → Контент → Реклама → Фоновые картинки. Выберите нужный для редактирования фон.


Картинку вы можете загрузить на вкладке «Анонс».



Рассмотрим настройки свойств фона:





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

    Адреса прописываются строго по формуле: префикс SITE_DIR + символьный код раздела, для которого мы хотим задать фоновое изображение. Например, для страницы «Контакты» с адресом http://your-site/contacts/ специальная запись адреса будет выглядеть так: SITE_DIRcontacts/. Префикс SITE_DIR обозначает директорию, в которой находится содержимое сайта. Таким образом при переносе на другой домен ссылки останутся рабочими. Также можно вместо части url прописывать имя .php-файла. Актуально, например, для главной страницы сайта.
  • Фиксированный баннер (2) — если опция активна, баннер фиксируется и не перемещается при прокрутке блока с контентом.
  • Адреса страниц для исключения показа (3) — можно прописать адреса страниц, на которых не будет установлен этот фон.

Кнопка «Добавить» добавляет дополнительное поле в соответствующие блоки, если это необходимо. 

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



Управление остатками

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

Аспро: Оптимус

image05.png


Аспро: Маркет

image01.png

Аспро: Шины и диски 2.0


Аспро: Next


Аспро: Крутой шоп

image02.png


Подписи иконок кликабельны и при клике открывают и переводят на вкладку «Наличие на складе» (если она подключена на карточке).

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

Переключитесь на административный раздел и перейдите в раздел Рабочий стол → Настройки → Настройки продукта → Настройки модулей → Аспро: (ИмяПродукта) - Адаптивный интернет-магазин.

Вам нужна группа полей «Отображение наличия товара».

image03.png

  • Отображать наличие товара для групп – вы можете выбрать одну или несколько групп пользователей, для которых на карточке товара отображается иконка остатков товара
  • Отображать наличие товара количеством для групп – вы можете выбрать одну или несколько групп пользователей, для которых на карточке товара отображается точное количество остатков
  • Если доступно… подменять числа на выражения – активная опция скрывает точное количество. Вместо него рядом с иконкой остатков появляется выражение «Мало», «Достаточно» или «Много»
  • Значения остатков, для которых выводятся соответствующие выражения – если количество остатков товара больше или меньше выставленных значений, отображаются соответствующие выражения. Если количество остатков попадает в диапазон между значениями, отображается выражение «Достаточно».

Если вы хотите отключить отображение количества остатков в цифрах или выражениях и оставить только обозначения «Есть в наличии» и «Нет в наличии», снимите выделение с нужной группы пользователей (клик+Ctrl) в списке «Отображать наличие товара количеством для групп».

image04.png


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

image00.png


Добавление товара

Существует два способа добавления товаров в каталог:

  • Автоматическая выгрузка их 1C или любых других систем импорта. Подробнее о настройке выгрузки и экспорте данных читайте в документации «Аспро» или 1С-Битрикс  Экспорт и импорт данных.

  • Добавление товаров вручную. В этом случае вы  самостоятельно размещаете описания, картинки, характеристики на карточке товара.

Добавление товара

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

Аспро: Оптимус

01.jpg

Аспро: Крутой шоп

02.jpg

Аспро: Маркет

03.jpg

Добавить товар можно и через  административную часть сайта: Рабочий стол → Контент → Каталог → Каталог товаров  

04.jpg

При добавлении товара необходимо заполнить вкладки:

  • Товар
  • Анонс
  • Подробно
  • SEO
  • Разделы каталога
  • Торговый каталог

Вкладка «Товар»

05.jpg

Рассмотрим основные поля для заполнения:

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

  • Начало и окончание активности – можно указать конкретный срок показа товара

  • Название – обязательное поле, в которое нужно вписать название товара. Символьный код генерируется автоматически, если параметр активен в настройках инфоблока: Рабочий стол→Контент→Инфоблоки→Типы инфоблоков→Каталог

06.jpg


Внимание: Система не позволит создать товары с одинаковым символьным кодом, поэтому если вы заводите товары с одинаковым названием, их символьный код должен различаться.
  • Сортировка – вы можете переместить товар вверх списка или вниз с помощью сортировки

07.jpg


  • Наши предложения – поставьте галочку, чтобы товар отображался в списке специальных предложений («Хиты продаж», «Советуем», «Новинки») или для прикрепления к товару скидки по акции

  • Бренд  – прикрепляет товар к определенному бренду. Нажмите кнопку с троеточием. Откроется окно со списком. Кликните на нужном бренде дважды или нажмите на кнопку «Гамбургер» слева от бренда, а затем на пункт «Выбрать».

08.jpg

Подробнее об управлении брендами читайте здесь.

09.jpg

  • Видео – добавьте HTML-код видеоролика из YouTube, рассказывающего о достоинствах товарах или о способах его применения. Видео отобразится в карточке товара. Как прикрепить видео на карточку товара.

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

10.jpg

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

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

11.jpg
  • Аксессуары – товары, которые приобретаются вместе с создаваемым товаром. Подробнее о создании аксессуаров читайте здесь.

  • Похожие товары – товары, которыми можно заменить создаваемый товар. Отображаются в виде списка на карточке товара.  Подробнее об этом читайте здесь.

Характеристики:

12.jpg

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

Вкладка «Анонс»

13.jpg

На этой вкладке размещается картинка для анонса, которая появится в списке товаров, и краткое описание.

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

Вкладка «Подробно»

14.jpg

На этой вкладке размещается основная картинка для карточки товара. Если во вкладке «Анонс» не загружена картинка, то в списке отобразится изображение из вкладки «Подробно».

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

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

Вкладка «SEO»

15.jpg

Заполнение метаданных для продвижения сайта в поисковых системах в соответствие с рекомендациями SEO-специалистов.

Вкладка «Разделы каталога»

16.jpg

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

Вкладка «Торговый каталог»

17.jpg

На вкладке «Торговый каталог» заполняются данные о товаре:

  • Цена
  • Параметры
  • Скидки
  • Склады

Обязательные поля для заполнения:

  • Цена – если поле не заполнено, система не даст сохранить товар.

18.jpg

Параметры:

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

Добавление товара с торговыми предложениями

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

Аспро: Оптимус

19.jpg


Аспро: Маркет

20.jpg

Аспро: Крутой шоп

21.jpg

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

22.jpg

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

В этом окне необходимо заполнить:

  • Название товара
  • Картинку для анонса (для отображения товара в списке и рекомендациях)

Также можно заполнить общие данные:
  • Описание для анонса
  • Подробное описание

Для добавления торговых предложений к товару, нужно перейти на вкладку «Торговые предложения»

23.jpg

Здесь можно:

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

Создание торгового предложения вручную

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

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

24.jpg

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

Подробнее о добавлении свойств и их значений читайте здесь

К каждому предложению можно добавить основную картинку (во вкладку «Подробно») и дополнительные (на вкладке «Элемент» в поле «Картинки»).

Дальше необходимо войти на вкладку «Торговый каталог» и заполнить поля:

  • Цена;
  • Количество.

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

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

Генерация торговых предложений

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

25.jpg

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

26.jpg

27.jpg

  • Характеристики (2) – заполните общие характеристики предложений: вес, длину, ширину, доступное количество и т.д.
  • Цена (3) – общая цена для всех предложений.
28.jpg


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

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

29.jpg

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

30.jpg

Добавление торгового предложения с набором

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

31.jpg

Набор – это предложенный магазином список (рекомендованный список) до трёх товаров, которые отображаются в публичной части, к основному товару. Может содержать любое разумное количество товаров, из которого можно выбрать замену для предложенного товара.

32.jpg

Нажмите кнопку «Добавить торговое предложение с набором». Появится окно, в котором можно увидеть дополнительную вкладку «Состав набора».

33.jpg

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


Создание торговых предложений

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

Торговое предложение – это набор однотипных товаров, различающихся по некоторым характеристикам: например, по цвету или размеру. В интернет-магазине торговое предложение выглядит как один товар с возможностью выбрать подходящую опцию (например, один цвет из нескольких предложенных).



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



Чтобы добавить выбираемую опцию для товара (например, вариант цвета), нажмите кнопку «Добавить элемент» и заполните необходимые поля: название опции, цвет из списка, загрузите изображение для анонса и детальное изображение, которое будет показывать на карточке товара при переключении на эту опцию.



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


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


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

Переключитесь на административную часть сайта и перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков  → Каталог. Выберите тип «Торговые предложения» и переключитесь в нем на вкладку «Свойства».


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

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

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


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


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


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


Карточка товара

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

Рассмотрим подробнее элементы на карточке товара:

001.jpg

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

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

  • Кнопки «Отложить» и «Сравнить» (3) — при нажатии добавляют соответственно в отложенные товары или в список сравнения характеристик

  • Общие сведения (4) — анонс описания, рейтинг, бренд и/или артикул

  • Цены (5) — основная цена и старая (или без скидки), если такая установлена. Так же здесь может отображаться размер скидки в процентах и рублях.

  • Параметры и корзина (6) — в зависимости от настроек карточки товара и магазина здесь находятся дополнительные параметры, которые может выбрать пользователь перед покупкой: цвет, размер, количество и т.д. Так же здесь отображается маркер наличия товара (с количеством на складе или без), кнопки «Корзина», «Купить в 1 клик» и «Поделиться» для репоста в соцсетях, а так же предупреждение о различии цены в интернет-магазине и розничных.

  • Тизеры преимуществ на карточке товара (7) — стилизованные иконки и короткое описание преимуществ покупки в вашем магазине. Могут работать как ссылки и вести на привязанные к ним страницы

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

002.jpg
  • Персональные рекомендации (9) — блок товаров, которые подобрала система для конкретного пользователя, основываясь на просмотрах и заказах. Так же в этом блоке можно подключить сопутствующие товары или аксессуары на дополнительной вкладке
003.jpg
  • Блок «Ранее вы смотрели» (10) — товары, карточки которых пользователь просмотрел ранее

Вывод общей суммы при выборе нескольких единиц товара

В Аспро: NextАспро: Оптимус и Аспро: Шины и диски 2.0 при выборе нескольких единиц товара система автоматически подсчитывает и выводит общую сумму как в карточке товара, так и в списке элементов раздела каталога. Система учитывает права пользователя на покупку по доступному ему типу цены и заданный для товара диапазон цен.

Пример отображения общей суммы в списке элементов раздела для пользователя-оптовика:



Пример отображения общей стоимости в карточке товара для посетителя без права покупки по оптовой цене:



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

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



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

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



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




  • В админке перейдите в Аспро: Next → Настройки.



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




Не забудьте сохранить изменения при помощи кнопки «Применить».

Аксессуары, похожие товары, услуги

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

На карточке в Аспро: Оптимус:

001.png

На карточке в Аспро: Маркет:

001.jpg
На карточке в Аспро: Крутой шоп:
002.jpg

Аксессуары

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

image13.png

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

image00.png

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


image02.png

Чтобы удалить выбранный товар, сотрите его id из поля ввода.

image08.png

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

image04.png

Похожие товары

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

image11.png

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

image00.png

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

image14.png

Чтобы удалить выбранный товар, сотрите его id из поля ввода.

image15.png

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


image07.png

Услуги

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

image10.png

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

image01.png

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

image03.png

Чтобы удалить выбранный товар, сотрите его id из поля ввода.

image12.png

Все выбранные услуги отобразятся в виде ссылок на их страницы в блоке «Услуги» на карточке товара.


image06.png

2 типа детальных карточек товара

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

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

Без табов — вся информация о товаре размещена сразу на странице отдельными блоками.

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


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

Контент → Каталог → Каталог товаров → Категория с разделами

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


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

Быстрый просмотр товаров

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

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

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

Клик по кнопке вызывает попап окно, в котором содержится 3 области:

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


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

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

Чтобы включить «Быстрый просмотр», в административной части перейдите в Аспро → Аспро: Optimus → Настройки.

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

Настройка отображения товаров с SKU для каждого раздела каталога

В решениях Аспро: Next 1.1.0, Аспро: Оптимус 1.1.11, Аспро: Маркет 1.3.11 и Аспро: Шины и диски 2.0 тип SKU (списком или с переключателем) можно задать индивидуально для каждого раздела каталога.

3-минутная видеоинструкция по настройке:



По умолчанию настройка раздела передается всем подразделам, которые в нем содержатся. Например, при выборе 1 типа SKU для раздела «Одежда» настройка продублируется в подразделы «Женская одежда» и «Мужская одежда». Чтобы изменить тип SKU в любом из подразделов, нужно выполнить настройку отдельно для него. Давайте рассмотрим на примере.

Установим тип SKU №1 (с переключателем) для раздела «Одежда», а для подраздела «Мужская одежда» отдельно установим тип SKU №2 (в виде списка). В результате в подразделах раздела «Одежда» по умолчанию будет выбран 1 тип SKU:
  • в подразделе «Женская одежда»



  • в подразделе «Детская одежда для девочек» 



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




Индивидуальный тип SKU можно настроить как в публичной, так и в административной части сайта.

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



Наведите указатель на список товаров. На появившемся меню сверху нажмите «Изменить раздел».




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



Для настройки из админки в Аспро: Next перейдите в Рабочий стол → Контент → Каталог (aspro.next) → Каталог товаров. Откройте карточку нужного раздела. Рассмотрим на примере подраздела «Мужская одежда». Нажимаем на кнопку «Гамбургер» на соответствующей строке и в меню выбираем «Изменить».




В Аспро: Оптимус и Аспро: Маркет перейдите в Рабочий стол → Контент → Каталог → Каталог товаров и откройте карточку раздела – нажмите кнопку «Гамбургер» на соответствующей строке и выберите «Изменить».




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


Вывод подсказок у свойств торговых предложений

В новых версиях интернет-магазинов появилась возможность выводить подсказки у свойств торговых предложений в карточке товара:

Включить настройку можно в публичной части сайта при включенном режиме правки. Наведите на область карточки товара и в появившемся меню нажмите на шестеренку: 


На вкладке «Дополнительные настройки» активируйте вывод подсказок:



Чтобы задать текст подсказки для конкретного свойства, перейдите в настройки в административной части сайта:

  • Путь для Аспро: Next: Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.next) →  Торговые предложения
  • Путь для Аспро: Маркет и Аспро: Оптимус: Контент → Инфоблоки → Типы инфоблоков → Каталог →  Торговые предложения



На вкладке «Свойства» выберете нужное свойство (например, размер) и нажмите на многоточие:



В строке «Подсказка» введите нужный текст: 



Получим такой итог: 


Настройка отображения скидочной цены

В Аспро: Оптимус 1.1.8, Аспро: Next 1.1.7 и Аспро: Шины и диски 2.0 появилась возможность выгрузки скидок из 1С. Теперь можно вместо стандартного способа (указать цену и процент скидки) задать типы для действующих и старых цен, после чего настроить карточки товаров соответствующим образом: заполнить поля с ценами и отметить в Центре управления Аспро, какой тип цены следует воспринимать как старую цену. В публичке цена установленного типа будет отображена зачеркнутой:



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

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



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



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



Чтобы активировать новую функцию отображения старой цены, раскройте меню вкладки с названием решения («Аспро: Optimus», «Аспро: Next» или «Аспро: Шины и диски 2.0») и выберите пункт «Настройки».



Пролистайте список настроек до параметра «Старая цена для товаров», который находится:

  • в решении Аспро: Оптимус в блоке «Шаблон»;


  • в решениях Аспро: Next и Аспро: Шины и диски 2.0 в блоке «Каталог».


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

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

Отображение экономии и размера скидки

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



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



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


Единицы измерения

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

Выбрать единицу измерения товара можно в настройках в административной части сайта. Перейдите в Контент → Каталог (aspro.next или aspro.tires2) → Каталог товаров.



Выберете нужный раздел каталога, подраздел и нужный товар. Покажем на примере раздела «Автоэлектроника», подраздела «GPS-навигаторы», товара «Навигатор Pioneer 780».

Выберете вкладку «Торговый каталог», а затем вкладку «Параметры». В строке «Единица измерения» выберете нужный тип.


Редактирование единиц измерения

Вы можете изменять существующие единицы измерения или добавлять новые. Перейдите в Магазин → Настройки → Единицы измерения.





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



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



  • Если вы хотите добавить свою единицу измерения, которой нет в классификаторе, нажмите на кнопку «Добавить» (3) в окне единиц измерения. Заполните необходимые поля и сохраните.

Отключение обозначений единиц измерения

  1. Откройте настройки параметров компонента Каталог товаров на детальной странице товара




  2. Снимите галочку «Показывать единицы измерения» в разделе «Дополнительные настройки»


Типы цен для торговых предложений

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

В версии Аспро: Оптимус 1.0.11 и выше (редакция 1С-Битрикс: Бизнес)  появилась возможность назначать различные типы цен для торговых предложений. Ранее вы могли это делать только для товаров, указывая их оптовую и розничную стоимость.

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

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


По кнопке переходим в редактор каталога товаров. Нам нужна вкладка «Торговые предложения».


В списке выбираем элемент, которому необходимо добавить оптовую цену. В примере это торговое предложение по женским бриджам размера L. Рядом с нужным типом товара нажимаем на кнопку «Гамбургер» и выбираем пункт «Изменить».


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


На странице товара при выборе размера L у женских брюк будут отображаться 2 цены: розничная (базовая) и оптовая (дополнительная).

Результат наших действий на странице:

Тизеры преимуществ

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

В Аспро: Оптимус, Аспро: Next и Аспро: Шины и диски 2.0 прикрепить блок тизеров можно не только на главную страницу, но и на карточки товаров. Причем для каждого раздела каталога вы можете установить уникальный набор тизеров.

Внимание! Наборы тизеров работают только для непосредственных подразделов с карточками товаров.

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

Настройки тизеров на карточке товара

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

Аспро: Оптимус — Рабочий стол → Контент → Highload-блоки → AsproOptimusTizerReference

Аспро: Next — Рабочий стол → Контент → Highload-блоки → AsproNextTizerReference

Аспро: Шины и диски 2.0 — Рабочий стол → Контент → Highload-блоки → AsproTires2TizerReference



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

Рассмотрим подробнее настройки тизера:
  • Название (1) – обязательное для заполнения поле. Его содержимое отображается на сайте как краткое текстовое описание тизера
  • XML_ID (1) – обязательное для заполнения поле. В нем нужно прописать идентификатор тизера, чтобы система корректно воспринимала элемент
  • Ссылка (3) – можно прописать url (абсолютный или относительный) страницы. Это сделает тизер кликабельным – при нажатии на него пользователь перейдет на заданную страницу.
  • Файл (4) – можно загрузить картинку для тизера. Рекомендуемый размер картинки – 40х40 px.


Чтобы добавить набор тизеров для раздела каталога, перейдите в соответствующий инфоблок: Рабочий стол→ Контент→ Каталог → Каталог товаров → %Нужный_раздел%

В нашем примере это будет раздел «Электроинструмент».



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



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

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


Настройка тизеров с каноническими ссылками

В решениях Аспро: Оптимус, Аспро: Next и Аспро: Шины и диски 2.0 для товаров предусмотрено наследование тизеров от родительских разделов. Это значит, что вы загружаете тизеры в раздел и они автоматически отображаются у товаров из этой категории. Благодаря этому вы можете не тратить время на привязку тизеров преимуществ к каждому товару вручную.

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

Пример из практики

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

Инструкция по настройке

В административной части сайта зайдите в Контент → Инфоблоки → Типы инфоблоков → Каталог → Каталог товаров на вкладку «Поля» и отметьте галочкой «Разрешить выбор основного раздела для привязки».



Переключитесь на вкладку «Инфоблок» и заполните «Канонический URL элемента». Вы можете скопировать значения поля «URL страницы детального просмотра», но вместо начала строки (до слова каталог) вставьте адрес вашего сайта. В скриншоте мы выделили скопированную часть красной линией. 



Сохраните.

Зайдите в Контент → Каталог → Каталог товаров → любой раздел. Покажем на примере товаров для собак.




Зайдем в подраздел «Сухие корма» и через кнопку гамбургер изменим любой из элементов.




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




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



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


У вас появится новое поле «Основной раздел»





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





В настройках детального просмотра поставьте галочку «Устанавливать канонический URL»





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





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

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




Во всех товарах подраздела кормов для собак будут отображать эти тизеры:



Персональные рекомендации

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

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

Аспро: Оптимус:

0101.jpg
Аспро: Маркет:

image03.png

Аспро: Крутой шоп:

image04.png

Настройка показа блока в карточке

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

image02.png

Перейдите в блок «Персональные рекомендации» и активируйте/деактивируйте соответствующее свойство.

image00.png

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

image01.png

После активации товары будут демонстрироваться на вкладке «Персональные рекомендации» на карточке товара рядом с вкладками «Аксессуары» и «Похожие товары» (если они активны).


Вкладки

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

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

Вкладки на карточке в Аспро: Оптимус:

image05.png

Вкладки на карточке в Аспро: Маркет:

image12.png

Вкладки на карточке в Аспро: Крутой шоп:

image08.png

Рассмотрим подробнее, какая информация может размещаться на вкладках.

  • Описание — полное описание товара (или характеристики, если соответствующей вкладки не предусмотрено в продукте)
  • Характеристики — характеристики товара. Список характеристик задается в соответствующем инфоблоке, их значения заполняются при создании/редактировании карточки
  • Видео — встроенные видеоролики о товаре
  • Отзывы — опубликованные отзывы о товаре и кнопка «Оставить отзыв» (или «Добавить отзыв»), которая открывает форму добавления отзыва
  • Задать вопрос — форма задавания вопроса. Пользователь должен заполнить обязательные поля, чтобы отправить форму. Обычно, это поля «Имя» и «Телефон»
  • Наличие на складе — показывает количество товара на созданных в продукте складах
  • Дополнительно — дополнительная информация и сервисы, например информация о доставке, гарантии, режиме работы магазина и т.д.

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

Вы можете редактировать информацию на вкладках, а также отключать некоторые из них. Подробнее о включении/выключении вкладок читайте в базе знаний.

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

Внимание! Если вы выгружаете каталог из 1С, стандартные свойства (характеристики, реквизиты) необходимо загрузить в отдельное свойство на сайте. Так как эти свойства являются множественными, они будут выгружаться в виде неструктурированной строки, которая нарушит верстку карточки товара.

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

Подробнее о настройке выгрузки свойств — в курсе 1С-Битрикс:

Описание

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

image15.png


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

f91c73d4c9.jpg


Алгоритм универсален для трех продуктов: Оптимус, Маркет и Крутой шоп.




Характеристики

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

f574533b99.jpg

Видео

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

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

         

  2. Копируем HTML-код видео, которое необходимо вставить:



  3. Переходим в настройки товара из административной части сайта:
    Контент → Каталог → Каталог товаров → Одежда → Женская одежда

  4. На вкладке «Товар» находим поле «Видео (код из Youtube)» и вставляем туда скопированный код. Сохраняем изменения.



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


Прикрепление нескольких роликов на вкладке «Видео»

В версии готовых интернет-магазинов Аспро: Оптимус 1.0.8 и Аспро: Маркет 1.2.13 добавлена возможность прикреплять сразу несколько видеороликов с YouTube на одной карточке товара.

Чтобы активировать эту опцию, в административной части сайта перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог. Переключитесь на вкладку «Свойства».


Для свойства «Видео (код из YouTube)» поставьте галочку в столбце «Множ.» Таким образом свойство станет множественным, и можно будет прикреплять на карточку несколько кодов видео.


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


Переключитесь на вкладку «Дополнительно» и вставляйте нужные коды в поля «Видео (код из YouTube)».


Видеоролики отображаются на карточке во вкладке «Видео».


Прикрепление нескольких роликов на вкладке «Видео»
в обзоре новинок Аспро: Оптимус 1.0.8


Отзывы

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

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


  • Тема форума для комментариев — id темы. ID можно выяснить в административном разделе: Рабочий стол → Сервисы → Форумы → Управление темами
image10.png

  • Количество комментариев к элементу — количество отзывов, которые будут отображаться на вкладке в карточке.
Скрывать и удалять отзывы можно прямо на вкладке. Добавлять отзывы может пользователь сайта с минимальными правами.

image01.png

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

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

image16.png


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

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

4181ca5662.jpg

Для этого нажмите на всплывающую кнопку «Редактировать Задать вопрос как html».

image13.png

Так как на вкладке «Задать вопрос» находится соответствующая форма, для ее редактирования вам необходимо перейти в административном разделе в список форм Рабочий стол → Сервисы → Веб-формы → Настройка форм.

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

image09.png

На экране «Параметры формы» вы можете установить основные настройки для формы: свойства, описание, шаблоны, доступы и т.д.

3f795b990d.jpg

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

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

image11.png

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

image17.png

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

  • Акт. (1) — активность на сайте. Если параметр отмечен, поле будет показываться в форме
  • Вопрос: (2) — заголовок поля
  • Поле ответа обязательно для заполнения (3) — если параметр отмечен, то без заполнения данного поля форма не будет отправлена и у пользователя появится сообщение об этом
  • Тип для ответа (4) — задает тип для поля ввода. Это может быть строка, многострочное поле, дата, адрес e-mail, адрес какого-либо сайта или пароль.

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

image06.png

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


Дополнительно

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

image00.png

Как изменить название вкладки на карточке товара?

Как отредактировать содержимое вкладки?


Отображение общей цены

В Аспро: Оптимус, начиная с версии 1.3.0, вы можете настраивать отображение общей цены: сразу или при смене количества. Эта настройка актуальна, если коэффициент единицы измерения не равен 1. Например, если вы продаете упаковки краски не только в литрах, но и в милилитрах, задайте настройку «Отображение общей цены сразу». Посетитель будет видеть цену за 1 л, также цену за 100 мл под кнопкой «Купить в 1 клик», при коэффициенте 0,1.

Отображение общей цены сразу.


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


Но при смене количества она отображается.


Чтобы выбрать тип отображения, перейдите в настройки решения.

Аспро  → Аспро: Optimus → Настройки.

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



Фильтрация по годам в новостях и статьях

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

Фильтрация через «$_GET» запрос.

Фильтрация через обычный адрес.

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

В поле «Фильтровать элементы по годам через $_GET запрос» поставьте или уберите галку. Сохраните изменения.

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

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

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

Примеры посадочных страниц на демо-версии решения: 

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



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

  • Блок с тизерами (2) дополняет состав страницы полезными сведениями – например, преимуществами и особенностями сервиса интернет-магазина;



  • Описание над перечнем товаров (3) содержит SEO-текст;

  • Блок обратной связи (4);


  • Заголовок над списком товаров (5) используется для визуального оформления списка товаров;

  • Составленный при помощи умного фильтра список товаров (6);



  • Дополнительное описание под блоком товаров (7);



  • Перечень популярных категорий (8) содержит ссылки на другие посадочные страницы.

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

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

Рассмотрим инструменты управления страницами из раздела «Обзоры».

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


В административной части сайта те же действия доступны в Контент → Каталог → Посадочные страницы. Чтобы создать новую страницу используйте кнопку «Добавить элемент». Действия по изменению и удалению элемента осуществляются стандартными средствами – одноименными пунктами меню, выпадающего при нажатии кнопки «Гамбургер».  


При создании нового элемента на основной вкладке вы можете:

  • указать название посадочной страницы (1) – поле обязательно для заполнения;



  • задать название кнопки на баннере (2);
  • ввести рекламный текст, который будет отображаться на баннере (3), и задать ему особый цвет (4) (пустое поле оставляет цвет текста по умолчанию);
  • установить фоновую (5) и активную картинки (6) для составного баннера;
  • задать заголовок, оформляющий список товаров (7);
  • включить/отключить отображение баннера (8);


  • подключить тизеры (9);


  • включить блок обратной связи «Задать вопрос» (10);


  • привязать товары при помощи полей «URL фильтр» (11) и «Раздел» (12). Эту возможность разберем подробнее в отдельном уроке.

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


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

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

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


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

Откроем второй образец посадочной страницы – дрелей Bosch по отличным ценам. Посмотрим, как это выглядит.



Поле для ввода текста, который располагается над блоком с товарами, перенесено на вкладку «Анонс». 



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



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

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



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

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

К посадочным страницам можно привязывать часть каталога товаров (большой раздел, например «Одежда», «Электроинструменты») или определенную выборку по более специализированным разделам (женская одежда фирмы Nike, дрели фирмы Bosch).

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

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

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



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



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



Когда в браузере отобразится результат работы фильтра, выделите в адресной строке часть адреса, начиная с символа «/» (слэш) и слова «filter», до самого конца и скопируйте содержимое в буфер обмена (сочетание клавиш Ctrl + C).

На примере выборке женской одежды по фирме Nike копировать нужно строку: /filter/brand-is-nike/apply/.



Затем вернитесь в редактор посадочной страницы. Вставьте в поле «URL фильтр» (1) содержимое буфера обмена (сочетание клавиш Ctrl + V) и отметьте в поле «Раздел» (2) соответствующий пункт (для примера, это «.Женская одежда»).


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



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


Значение для поля «Ссылка» берется также из адресной строки браузера. В случае привязки большого раздела каталога, откройте его в браузере и скопируйте часть адреса, начиная от символа «/» (слэш) и слова «catalog».


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


Для того, чтобы создать посадочную страницу в каталоге, привязанную к бренду, повторите действия, как в привязке товаров к посадочной странице из раздела «Обзоры»: откройте нужный раздел (например, «Дрели»), воспользуйтесь умным фильтром и, когда фильтр выдаст результат, скопируйте часть адреса из браузерной строки. В данном случае копировать нужно, начиная с символа «/» (слэш) и слова «catalog».


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



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


Настройка канонических ссылок для новостей, статей и акций

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

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

Рассмотрим порядок действий на примере раздела «Акции». В административной части сайта перейдите в Контент → Инфоблоки → Типы инфоблоков → Контент → Акции. Далее, откройте вкладку инфоблока «Поля» и установите галку «Разрешить выбор основного раздела для привязки».


Переключитесь на вкладку «Инфоблок» и заполните «Канонический URL элемента». Вы можете скопировать значения поля «URL страницы детального просмотра», но вместо начала строки (в примере содержимое до слова /sale/) вставьте адрес вашего сайта. На скриншоте скопированная часть выделена красной линией.


После сохранения изменений перейдите в Контент → Контент → Акции и откройте карточку любой акции при помощи пункта «Изменить» меню кнопки Гамбургер.


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


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


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


После этого у вас появится новое поле «Основной раздел».


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


В окне редактора параметров компонента перейдите к группе «Настройки детального просмотра» и поставьте галочку «Устанавливать канонический URL».



Система автоматически проставит в коде страниц раздела элемент link с атрибутом rel canonical, по которому поисковые системы могут заставить робота игнорировать все другие урлы, дублирующие содержание основной страницы. 


Настройка поиска по торговым предложениям

В новых версиях интернет-магазинов появилась возможность осуществлять поиск не только по названиям элементов (товаров), но и по свойствам торговых предложений — например, по размеру «XS» или цвету «Белый»
Для настройки перейдите в административную часть сайта в Контент → Инфоблоки → Типы инфоблоков → Каталог → Торговые предложения.



Переключитесь на вкладку «Свойства». У нужного свойства торгового предложения нажмите на многоточие — например, у свойства «Размер».



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



Теперь нужно сделать переиндексацию поиска. Перейдите в Настройки → Поиск → Переиндексация.



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



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



Теперь рассмотрим, как включить поиск по торговым предложениям в выпадающем списке поиска (чтобы торговые предложения отображались еще до нажатия кнопки «Искать» или кнопки клавиатуры «Enter»):



В Аспро: Next эта настройка включена по-умолчанию. В Аспро: Оптимус и Аспро: Маркет это нужно сделать дополнительно.

  • Аспро: Оптимус

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



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



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

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



  • Аспро: Маркет

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



На вкладке «Дополнительные настройки» в строке «ID инфоблока каталога» напишите «13,all» (обязательно маленькими буквами!), если хотите, чтобы в поиске отображались и торговые предложения, и товары каталога, в названии которых присутствует поисковое слово — например, «Синий».



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

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

Результат выбора «13, all»: поиск и по торговым предложениям, и по заголовкам товаров:


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

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

В этой главе рассматривается интеграция «Аспро: Маркет» с внешними сервисами: программами складского учета (на примере с 1С), CRM (Битрикс24), облаком 1С-Битрикс, социальными сервисами, Яндекс.Маркет и другими.

Если вы хотите внедрить в решение пользовательский скрипт (например, пиксели Вконтакте и Facebook), воспользуйтесь включаемой областью в подвале сайта. Счетчики систем аналитики рекомендуется копировать в специальные поля в Центре управления Аспро. В этом случае вам будет доступна расширенная интеграция с Яндекс.Метрикой и системами электронной коммерции. 



Интеграция с 1С

Выгрузка товаров в инфоблок решения

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

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

  2. Отметьте флажком пункт «Показывать код загрузки из внешних источников» и нажмите кнопку «Сохранить».

  3. Настраиваем параметры импорта каталога. Для этого переходим в настройки интеграции с 1С:
    Магазин → Настройки → Интеграция с 1С

  4. Выбираем тип инфоблока «Каталог». В нашем случае код типа инфоблока выглядит так: [aspro_mshop_catalog] Каталог. Этот код нам понадобится в дальнейшем, поэтому копируем его в отдельный текстовый документ.

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

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


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

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

  3. Находим идентификатор каталога на вкладке «Выгрузка товаров». Копируем в буфер обмена и запускаем обмен данными (кнопка «Выполнить обмен данными» с зеленой стрелкой в верхней части окна).

  4. Возвращаемся в административную часть сайта:
    Контент → Инфоблоки → Типы инфоблоков → Каталоги

  5. Открываем нужный каталог. В поле «Внешний код» указываем тип каталога из настроек параметров импорта (его мы скопировали в п. 2). Вставляем идентификатор каталога из 1С.  



Если в 1С в «Номенклатуре» или «Группах номенклатуры» названия дублируются, необходимо выполнить следующее:

  1. Заходим в настройки инфоблока каталога:
    Контент → Инфоблоки → Типы инфоблоков → Каталоги → Каталог товаров 1С

  2. На вкладках «Поля» или «Поля разделов» убираем флажок с пункта «Если код задан, то проверять на уникальность».

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

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

    /catalog/
    #SECTION_CODE_PATH#/
    #SECTION_CODE_PATH#/#ELEMENT_CODE#/

  5. Сверяем метки в настройках инфоблока в административной части: 
    Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог

    #SITE_DIR#catalog/#SECTION_CODE_PATH#/  – совпадает с настройками параметров компонента каталога в публичной части, поэтому не изменяем.
    #SITE_DIR#catalog/#SECTION_CODE_PATH#/#ELEMENT_CODE#/  – также совпадает с настройками параметров компонентов, не изменяем.  

  6. Если значения не совпали, подставьте нужные значения: catalog и соответствующие метки, затем сохраните изменения. 

Список служебных свойств каталога

Служебные свойства – это свойства, отвечающие за корректную работу решения. Существуют по умолчанию в инфоблоке каталога. Они могут выгружаться из 1С, заполняться автоматически или вручную.

Неслужебные свойства имеют символьный код вида PROP_123. Вы можете их удалить при необходимости. Все остальные свойства являются служебными. Мы настоятельно не рекомендуем удалять служебные свойства, так как это приведет к ошибкам в работе решения.

Если вы производите выгрузку из 1С в новый инфоблок, эти свойства должны быть созданы или перенесены из стандартного инфоблока каталога решения.

Могут выгружаться из 1С:
  • Видео (код из Youtube)
  • Картинки
  • Файлы.
Заполняются автоматически при создании и редактировании товара:
  • Минимальная цена
  • Максимальная цена
  • В наличии.
Создаются и заполняются вручную:
  • Наши предложения
  • Услуги
  • Аксессуары
  • Похожие товары.
Свойство «Бренд» также может быть выгружено из 1С, но для этого потребуется дополнительная настройка. Подробнее об этом читайте здесь

Электронная торговля Google и Яндекс. Электронная коммерция

«Электронная торговля Google» и «Яндекс. Электронная коммерция» – это мощные инструменты аналитики для отслеживания и повышения конверсии интернет-магазина.

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

Мануал по настройке Электронной коммерции от Яндекса
Мануал по настройке Электронной торговли от Google
Установка и настройка диспетчера тегов Google 

Инструкция:

Перейдите в модуль настроек решения:

  • Аспро: Next → Настройки;
  • Аспро: Маркет → Настройки;
  • Аспро: Оптимус → Настройки;
  • Для Аспро: Интернет-магазин: Рабочий стол → Настройки → Настройки продукта → Настройки модулей → Интернет-магазин Aspro. 
Найдите блок «Яндекс/Google счетчики» и выполните необходимые настройки:
  1. Скопируйте код счетчика Яндекс.Метрики или Google Tag Manager/Google Analytics в соответствующие поля.
  2. Активируйте параметры «Использовать электронную коммерцию Яндекс» или «Использовать электронную коммерцию Google».


В Аспро: Next код счетчика вставляется в специально предназначенный для этого файл:



Если вы настраиваете сервис электронной коммерции Google, проставьте метки событий:
  • Товар добавлен в корзину
  • Товар удален из корзины
  • Этап оформления заказа
По умолчанию этим событиям уже присвоены свои коды. Вам остается завести их в Google Tag Manager или извлечь уже существующие и вставить их в поля настроек решения «Аспро: Маркет».



Проверьте результат — данные о конверсиях должны автоматически передаваться в систему аналитики. Если информация не приходит, проверьте настройки сервисов Google/Яндекс.

Внимание! Функционал не работает для покупки в 1 клик.
 

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

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

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


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

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

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

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

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

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

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

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


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


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


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

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

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


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


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

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

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

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

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


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


Согласно установленным критериям в текстовом поле будет сформирован готовый код:

<!-- Yandex.Metrika counter -->
<script type="text/javascript">
   (function (d, w, c) {        (w[c] = w[c] || []).push(function() {            try {                w.yaCounter44200209 = new Ya.Metrika({                    id:44200209,                    clickmap:true,                    trackLinks:true,                    accurateTrackBounce:true,                    webvisor:true                });            } catch(e) { }        });        var n = d.getElementsByTagName("script")[0],            s = d.createElement("script"),            f = function () { n.parentNode.insertBefore(s, n); };        s.type = "text/javascript";        s.async = true;        s.src = "https://mc.yandex.ru/metrika/watch.js";         if (w.opera == "[object Opera]") {            d.addEventListener("DOMContentLoaded", f, false);        } else { f(); }    })(document, window, "yandex_metrika_callbacks"); </script> <!-- /Yandex.Metrika counter -->


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

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


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

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


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


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


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


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


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


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


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


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


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


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

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

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

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

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

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

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


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

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

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

Создание общей цели для веб-форм

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

После выбора варианта «Общая цель» в Центре управления под настройкой появится область с подсказкой.


Скопируйте идентификатор цели из подсказки: goal_webform_success.

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


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

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


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

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

Результат нашей настройки доступен для просмотра в меню Отчеты → Стандартные отчеты → Конверсии.


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


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


Создание отдельной цели для веб-формы

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

Активация опции открывает желтое поле с перечнем идентификаторов для целей.


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

Цели конфигурируются по шаблону goal_webform_success_#ID_инфоблока_формы#. Вместо #ID_инфоблока_формы# нужно подставить ID формы, которую хотите отслеживать детально.

Идентификаторы можно также просмотреть во вкладке «Контент», ветка «Формы».


В таблице ID расположены в крайнем правом столбце.

Рассмотрим задание отдельной цели на примере формы «Заказать услугу». Для этого копируем идентификатор: goal_webform_success_121 из подсказки.

Также как в уроке по созданию общей цели перейдите в настройку счетчика на сервисе Яндекс.Метрика. Выберите Цели → Добавить цель. Введите название цели, установите тип условия «JavaScript-событие» и вставьте скопированный ID. 


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


Закажите услугу на сайте и просмотрите изменение данных в Яндекс.Метрике.

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


В Яндекс.Метрике данные можно просмотреть в меню Отчеты → Стандартные отчеты → Конверсии.


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

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

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

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


После активации опции примените изменения.

В сервисе Яндекс.Метрика все настраивается по алгоритму, описанному ранее.

Рассмотрим его на примере цели добавления заказа в корзину. Копируем идентификатор нужного действия: goal_basket_add.

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


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


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


В Яндекс.Метрике данные можно просмотреть в Отчеты → Стандартные отчеты → Конверсии.


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

Остальные цели, связанные с оформлением заказа настраиваются по аналогии.

Настройка целей для интернет-магазинов

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

Настройка счетчика под эти цели в Яндекс.Метрике производится в точности как и настройка целей в сервисе для Аспро: Корпоративный сайт современной компании. Действия производятся в административной части сайта во вкладке Аспро: Optimus → Настройки.


Подключите в модуле настроек новую цель и из подсказки со списком идентификаторов скопируйте ID необходимой цели. Например, ID начала оформления покупки в 1 клик – goal_1click_begin.


В настройках счетчика на сервисе Яндекс добавляем цель, куда в поле идентификатора вставляем скопированную строку.


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

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


Результат настройки цели в Яндекс.Метрике:


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

Прочие специфичные цели для готовых интернет-магазинов настраиваются по аналогии.

Интеграция с CRM-системами

Автоматизировать работу бизнеса стало еще проще – в решениях Аспро реализована интеграция с популярными CRM-системами: Битрикс24, Flowlu и amoCRM. Передавать данные с заполненных веб-форм с сайта в CRM можно в автоматическом режиме — например, вопросы покупателей или заказы звонков.

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

Благодаря интеграции вы можете передавать с сайта в CRM все заполненные веб-формы:
  • заказа звонка
  • отправленного резюме
  • заданного вопроса
  • заказа услуги
  • заказа проекта
  • предзаказа товара
  • обратной связи
  • нашли дешевле.
Ну и, конечно, не стоит забывать о стандартной возможности передачи заказов в Битрикс24.

Интеграция с Битрикс24

Битрикс24 — это полный комплект инструментов для организации работы компании. В нем вы можете хранить всю информацию о ваших клиентах и заказах, объединять все каналы коммуникации с ними и анализировать результаты работы. А чтобы вы не потеряли ни одну заявку с вашего сайта, мы реализовали простую и легкую интеграцию решений Аспро для интернет-магазинов с CRM-системой.

Внимание! Функционал доступен только для редакции 1С-Битрикс: Стандарт.

Благодаря интеграции с Битрикс24 вы можете переносить:
  • в раздел CRM «Сделки» — заказы;
  • в раздел CRM «Лиды» — данные с веб-форм «Задать вопрос», «Заказать проект», «Обратная связь», «Нашли дешевле», «Заказать звонок», «Товар под заказ» («Заявка на товар»), «Заказать услугу», «Сообщение сотруднику», «Вопросы и ответы» – в «Лиды».
Настройка передачи данных в «Сделки» и «Лиды» занимает всего пару минут и не требует навыков программирования.


Передача заказов в раздел «Сделки»

Рассмотрим алгоритм настройки передачи заказов с интернет-магазина в Битрикс24 на примере решения Аспро: Next. Откройте в админке Рабочий стол → Магазин → CRM.



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

Если у вас уже есть учетная запись, нажмите «Настроить интеграцию с CRM». Ниже появится форма:



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

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



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



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



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



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



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



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



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



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



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



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



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



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


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

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

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

Перейдите в Рабочий стол → Сервисы → Веб-формы → Настройка форм. У нужной формы вызовите меню кнопки «Гамбургер» и нажмите «Изменить».



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

Разверните список и выберите пункт «настроить новый».



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



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



Сохраните изменения (5). После этого в настройках связи с CRM определите способ отсылки данных с формы (1) – ручной или автоматический, и настройте связанные поля.

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

Автоматический способ: отправка данных в Битрикс24 будет автоматически осуществляться сразу после того, как пользователь заполнит и отправит веб-форму на вашем сайте.

Связанные поля настраиваются так: в правой колонке (3) нужно выбрать, из какого поля формы сайта будет отправлена запись в CRM, а в левой колонке (2) — какое поле CRM ее примет.



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

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



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



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



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



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



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



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



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



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



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



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



Исправьте ошибки и попробуйте еще раз.

Если ошибок нет, а установить соединение не удается, обратитесь в нашу техподдержку.


Настройка электронной коммерции Google через Google Tag Manager

Google Tag Manager – это бесплатный инструмент от компании Google, с помощью которого вы сможете создавать, обновлять и отслеживать теги на вашем сайте без внесения изменений через код решения. Тег – это фрагмент кода, который позволяет отслеживать поведение посетителей на сайте, анализировать эффективность источников трафика и др. В Google Tag Manager теги помещаются в контейнер. На сайте размещается один фрагмент кода — код контейнера, а теги добавляются и изменяются в настройках Google Tag Manager.

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

Установка и настройка диспетчера тегов в официальной документации Google

Рекомендуем пройти курс Google — «Основы Диспетчера тегов Google».

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

Интеграция с электронной торговлей Google через сервис Google Tag Manager настраивается через 4 простых шага:

  1. Создаем аккаунт в Google Analytics, в котором будем работать с данными. 
  2. Регистрируемся в сервисе Google Tag Manager и получаем фрагмент кода для вставки для интернет-магазина.
  3. Вставляем фрагмент кода Google Tag Manager в модуль настроек вашего готового решения. 
  4. Создаем основные теги для передачи информации из интернет-магазина в систему аналитики Google: 

    a. Тег «Просмотр страниц» — All Pages
    b. Тег «Товар добавлен в корзину» — addToCart
    c. Тег «Товар удален из корзины» — removeFromCart
    d. Тег «Этап оформления заказа» — checkout
    e. Тег «Успешное оформление заказа» — gtm.dom
    f. Тег отслеживания электронной торговли

Создание аккаунта в Google Analytics

Для того, чтобы подключить Google Analytics или Google Tag Manager на сайте в решении Аспро, вам прежде всего понадобится аккаунт в Google. Если вы пользуетесь сервисами Google, такими как почта или браузер Chrome, то скорее всего, у вас уже имеется аккаунт. Если же нет, то регистрация займет всего пару минут.

Авторизуйтесь под своим Google-аккаунтом. Перейдите в Google Analytics. Нажмите на кнопку «Регистрация».


На следующем шаге заполните название для аккаунта Google Analytics, название сайта, его url, выберите отрасль и часовой пояс.


После ознакомления с условиями работы с Google Analytics и вашего согласия, вы попадете на страницу с информацией об идентификаторе аналитики и кодами, которые необходимо вставить в нужные места на вашем сайте. Далее идентификатор отслеживания будет нужен для привязки Google Analytics с Google Tag Manager.


Регистрация в сервисе Google Tag Manager и получение фрагмента кода для вставки

Перейдите по ссылке, авторизуйтесь под своим Google-аккаунтом и создайте контейнер для своего сайта. Дайте название аккаунту и выберите страну.


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

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


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


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


Добавление фрагмента кода Google Tag Manager в модуль настроек готового решения

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

Перейдите в настройки решения:

  • Аспро: Next → Настройки;
  • Аспро: Маркет → Настройки;
  • Аспро: Оптимус → Настройки.

Найдите блок «Цели и счетчики» и выполните необходимые настройки:

В Аспро: Маркет и Аспро: Оптимус для установки кода счетчика Google Tag Manager вставьте код в соответствующее поле. Активируйте параметр «Использовать электронную коммерцию google».


В Аспро: Next код счетчика вставляется в специально предназначенный для этого файл. Давайте посмотрим, как это сделать.

Найдите блок «Цели и счетчики». Нажмите на кнопку «Редактировать».


Перейдите в режим редактирования исходного кода.


Добавьте код счетчика Google Tag Manager, который вы копировали ранее и сохраните изменения.


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

Примените изменения.

Создание основных тегов для передачи информации из интернет-магазина в систему аналитики Google

Теперь нам необходимо настроить Google Tag Manager таким образом, чтобы данные о посещениях и посетителях сайта передавались в Google Analytics. Для этого нам предстоит работать с тегами и триггерами.

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

  • Тег –  это основная и главная единица в диспетчере. Фактически это фрагмент JS-кода, который совершает какие-либо операции в рамках сбора статистики. Чтобы тег срабатывал корректно, ему требуется настроенный триггер.

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

  • Переменные –  это частные условия в триггере. Например, идентификаторы и классы веб-элементов.

Далее рассмотрим как создавать основные теги для передачи информации из интернет-магазина в систему аналитики Google:
  1. Тег «Просмотр страниц»
  2. Тег «Товар добавлен в корзину»
  3. Тег «Товар удален из корзины»
  4. Тег «Этап оформления заказа»
  5. Тег «Успешное оформление заказа»
  6. Тег отслеживания электронной торговли.

Как создать тег All Pages

Чтобы отследить общие данные статистики о просмотре страниц, нужно создать тег All Pages. Каждый раз, когда любой пользователь просматривает и переходит по страницам сайта, прибавляется счетчик в этом теге.

Авторизуйтесь в Google Tag Manager под своим аккаунтом и войдите в контейнер, закрепленный за вашим сайтом.

Шаг 1. Создание тега

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

После того, как вы нажмете кнопку, справа откроется меню с выбором типа тега. В конфигурации тега выберите универсальную аналитику (Universal Analytics).

 

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


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


Идентификатор отслеживания берется из настроек аккаунта в Google Analytics. Перейдите в Google Analytics, нажмите кнопку с шестеренкой внизу экрана, чтобы попасть в админпанель. Выберите столбец Ресурс → Код отслеживания → Код отслеживания.

Скопируйте идентификатор отслеживания и вставьте в соответствующее поле в настройках тега.

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

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

В настройках конфигурации вам будет доступно одно значение –  All pages, его и выбирайте.


Чтобы опубликовать эту версию контейнера, необходимо отправить данные. Перейдите в рабочую область и нажмите кнопку «Отправить».

Заполните название версии и краткое описание, чтобы вы понимали, в чем суть внесенных изменений и нажмите «Опубликовать»:

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


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

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

Как создать тег addToCart

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

Авторизуйтесь в Google Tag Manager под своим аккаунтом и войдите в контейнер, закрепленный за вашим сайтом.

Шаг 1. Создание переменной

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


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


Мы назвали переменную — «Пользовательское событие».

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


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

Шаг 2. Создание триггера

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


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


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


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



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


Если вам потребуется добавить еще условия или удалить ненужные, вы можете сделать это кнопками + и — рядом с полями.

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

Шаг 3. Создание тега

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


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

Нажмите на круглую кнопку. После этого справа откроется меню с выбором типа тега. В конфигурации тега выберите универсальную аналитику (Universal Analytics).


В поле «Тип отслеживания» выберите «Событие». Задайте параметры:

  • Категория — addToCart
  • Действие — ваша переменная, в нашем случае это «Пользовательское событие».

Нажмите галку в поле  «Включить переопределение настроек в этом теге». В поле «Идентификатор» отслеживания вставьте ваш идентификатор из аналитики.

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


Затем нажмите на блок «Триггеры» и выберите триггер «addToCart».

В итоге ваш новый тег должен выглядеть таким образом:

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

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

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


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

Как создать тег removeFromCart

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

Авторизуйтесь в Google Tag Manager под своим аккаунтом и войдите в контейнер, закрепленный за вашим сайтом.

Шаг 1. Переменная

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

Если такую переменную вы не создавали, тогда прочтите здесь как создать переменную (шаг 1).

Шаг 2. Создание триггера

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

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


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

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


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


Если вам потребуется добавить еще условия или удалить ненужные, вы можете сделать это кнопками + и — рядом с полями.

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

Шаг 3. Создание тега

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


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

Нажмите на круглую кнопку. После этого справа откроется меню с выбором типа тега. В конфигурации тега выберите универсальную аналитику (Universal Analytics).

В поле «Тип отслеживания» выберите «Событие». Задайте параметры:

  • Категория — removeFromToCart
  • Действие — ваша переменная, в нашем случае это «Пользовательское событие».

Нажмите галку в поле  «Включить переопределение настроек в этом теге». В поле «Идентификатор» отслеживания вставьте ваш идентификатор из аналитики.

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


Затем нажмите на блок «Триггеры» и выберите триггер «removeFromCart».

В итоге ваш новый тег должен выглядеть таким образом:

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


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

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

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

Как создать тег checkout

Тег checkout собирает статистические данные о товарах, которые пользователь добавил в корзину и затем нажал кнопку «Оформить заказ».
Авторизуйтесь в Google Tag Manager под своим аккаунтом и войдите в контейнер, закрепленный за вашим сайтом.
 
Шаг 1. Переменная

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

Если такую переменную вы не создавали, тогда прочтите здесь как создать переменную (шаг 1).

Шаг 2. Создание триггера

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

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

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

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

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

Если вам потребуется добавить еще условия или удалить ненужные, вы можете сделать это кнопками + и — рядом с полями.

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

Шаг 3. Создание тега

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

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

Нажмите на круглую кнопку. После этого справа откроется меню с выбором типа тега. В конфигурации тега выберите универсальную аналитику (Universal Analytics).

В поле «Тип отслеживания» выберите «Событие». Задайте параметры:

  • Категория — checkout
  • Действие — ваша переменная, в нашем случае это «Пользовательское событие».

Нажмите галку в поле  «Включить переопределение настроек в этом теге». В поле «Идентификатор» отслеживания вставьте ваш идентификатор из аналитики.

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

Затем нажмите на блок «Триггеры» и выберите триггер «checkout».


В итоге ваш новый тег должен выглядеть таким образом:

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

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

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

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

Как создать тег gtm.dom

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

Авторизуйтесь в Google Tag Manager под своим аккаунтом и войдите в контейнер, закрепленный за вашим сайтом.

Обратите внимание, что тег gtm.dom не собирает данные при покупке в 1 клик. В Аспро: Next вы можете создать тег, который будет собирать данные при оформлении полного заказа, и при покупке в 1 клик. О том как настроить этот тег, читайте в следующем уроке.

Шаг 1. Переменная

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

Если такую переменную вы не создавали, тогда прочтите здесь как создать переменную (шаг 1).

Шаг 2. Создание триггера

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

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

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

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

В блоке  «Активировать триггер при наступлении события и выполнении всех этих условий» установите по порядку значения: Page URL, содержит, «?ORDER_ID».

Если вам потребуется добавить еще условия или удалить ненужные, вы можете сделать это кнопками + и — рядом с полями.

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

Шаг 3. Создание тега

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

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

Нажмите на круглую кнопку. После этого справа откроется меню с выбором типа тега. В конфигурации тега выберите универсальную аналитику (Universal Analytics).

В поле «Тип отслеживания» выберите «Событие». Задайте параметры:

  • Категория — gtm.dom

  • Действие — ваша переменная, в нашем случае это «Пользовательское событие»

Нажмите галку в поле  «Включить переопределение настроек в этом теге». В поле «Идентификатор» отслеживания вставьте ваш идентификатор из аналитики.

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

Затем нажмите на блок «Триггеры» и выберите триггер «gtm.dom».

В итоге ваш новый тег должен выглядеть таким образом:

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

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

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

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

Как создать тег отслеживания электронной торговли

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

Перед тем как создавать сам тег, необходимо включить электронную торговлю в Google Analytics.

Перейдите в Google Analytics в раздел администрирования. Нажмите на кнопку «Администратор»,

Затем перейдите в настройки электронной торговли.

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

В административной части пропишите название тега. Для этого перейдите в Аспро: Next → Настройки. Найдите блок «Цели и счетчики». В строке «Метка события "Успешное оформления заказа" в google tag manager» измените название тега на «purchase».

Затем авторизуйтесь в Google Tag Manager под своим аккаунтом и войдите в контейнер, закрепленный за вашим сайтом.

Шаг 1. Переменная

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

Если такую переменную вы не создавали, тогда прочтите здесь как создать переменную (шаг 1).

Шаг 2. Создание триггера

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

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

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

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


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

Шаг 3. Создание тега

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

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

Нажмите на круглую кнопку. После этого справа откроется меню с выбором типа тега. В конфигурации тега выберите универсальную аналитику (Universal Analytics).

В поле «Тип отслеживания» выберите «Событие». Задайте параметры:

  • Категория — purchase
  • Действие — ваша переменная, в нашем случае это «Пользовательское событие».

Нажмите галку в поле  «Включить переопределение настроек в этом теге». В поле «Идентификатор» отслеживания вставьте ваш идентификатор из аналитики.


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

Затем нажмите на блок «Триггеры» и выберите триггер «purchase».

В итоге ваш новый тег должен выглядеть таким образом:

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

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

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


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

Поддержка модуля SEO умного фильтра

Внимание! Мы не несем ответственности за работу сторонних модулей. По вопросам настроек, пожалуйста, напишите в техническую поддержку разработчика.

В Аспро: Next, начиная с версии 1.2.0, и Аспро: Корпоративный сайт 2.0, начиная с версии 1.1.0, появилась поддержка модуля «SEO умного фильтра: мета-теги, заголовки, карта сайта». Теперь вам не потребуется помощь программиста, чтобы интегрировать модуль с сайтом. Просто установите «SEO умного фильтра» и получите возможности для эффективного SEO-продвижения. Тестируйте модуль на своем проекте и улучшайте показатели продвижения сайта.

Обратите внимание, что поддерживается только компонент «sotbit:seo.meta». Если вам необходима интеграция компонента «sotbit:seo.meta.tags», можем реализовать ее индивидуально для вашего проекта. 

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

При работе с модулем воспользуйтесь обучающими материалами:

SEO, маркетинг, реклама

Настройка ЧПУ

Настройка ЧПУ для каталога

Чтобы настроить ЧПУ для каталога в «Аспро: Маркет», необходимо изменить параметры компонента каталога и синхронизировать их с параметрами инфоблока каталога.

Настройка параметров компонента каталога


1. Переключитесь в режим правки и зайдите в настройки любого компонента каталога.



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

ELEMENT_ID — если вы хотите, чтобы в ссылках отображался ID товара: /catalog/dushevye_kabiny/254 (ID товара)

ELEMENT_CODE — для отображения символьного кода товара: catalog/santekhnika/dushevye_kabiny/victoria_f-217 (код товара)



Настройка инфоблока каталога


1. В административной части сайта перейдите в настройки каталога товаров:

Контент → Инфоблоки →Типы инфоблоков → Каталог → Каталог товаров

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

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



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

Например:
SECTION_CODE – символьный код родительского раздела
SECTION_ID – ID родительского раздела
SECTION_CODE_PATH – путь из символьных кодов раздела.





Внимание! Если вы используете параметр SECTION_CODE или SECTION_CODE_PATH, убедитесь, что символьные коды разделов уникальны.  При совпадении символьных кодов система не поймет, какой раздел ей открыть, и не отобразит данные. 

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



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




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

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



Настройка ЧПУ для умного фильтра

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



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



    По умолчанию код ЧПУ выглядит так:

    #SECTION_CODE_PATH#/filter/#SMART_FILTER_PATH#/apply/
При желании вы можете отредактировать его, добавив дополнительные параметры – например, идентификатор или символьный код раздела. После этого сохраните изменения и проверьте результат на сайте.

SEO-описания разделов каталога

В интернет-магазинах в карточке каждого раздела каталога есть 2 поля под SEO-тексты. Рассмотрим, где они находятся и как отображаются на примере раздела «Бытовая техника».

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

Наведите указатель на содержимое страницы. В появившемся меню нажмите «Изменить раздел».

 

Редактор карточки раздела откроется на основной вкладке «Раздел». Здесь находится первое поле SEO-описания.

Этот текст отображается внутри раздела под списком его элементов (подразделов или товаров).

Второе поле для SEO-описания расположено на вкладке «Доп. поля»:

В Аспро: Next оно называется «Краткое описание», в Аспро: Интернет-магазин – «SEO текст», Аспро: Оптимус и Аспро: Маркет – «Описание раздела для SEO».

Его содержимое в решениях Аспро: Оптимус, Аспро: Интернет-магазин выводится в анонсе раздела. Правило действует как для крупных категорий:

 


Так и для более мелких разделов:



В Аспро: Next текст из поля со вкладки «Доп. поля» выводится в анонсах основных категорий товаров. Например, «Автоэлектроника», «Бытовая техника» и т.д.   

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

Анонсы более мелких разделов (например, «GPS-навигаторы», «Видеорегистраторы» и т.д.) в Аспро: Интернет-магазин и Аспро: Next представлены в виде картинок без описания. Тем не менее предусмотрена возможность добавления SEO-текста на страницу подкатегории. В Аспро: Next он будет расположен над списком товаров и под ним, в  Аспро: Интернет-магазин – только под списком. Здесь так же за верхнюю область с описанием отвечает параметр со вкладки «Доп.поля», за нижнюю – параметр со вкладки «Раздел».




Внимание! Если вы не заполнили SEO-текст на вкладке «Доп. поля», на странице списка разделов будет отображаться описание, размещенное во вкладке «Раздел». Если вы не хотите выводить текст на странице списка разделов, поставьте в поле описания на вкладке «Доп. поля» пробел. Важно: само поле при этом должно остаться пустым – кроме пробела оно не должно содержать каких-либо символов.


Настройка хлебных крошек

В решении Аспро: Оптимус версии 1.0.10 и выше появилась новая функциональная возможность. Теперь вы можете настроить формирование элементов навигации, а точнее — Breadcrumbs (хлебных крошек).

Для настройки формирования хлебных крошек перейдите в административную часть сайта –  раздел «Аспро: Optimus», пункт «Настройки».


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


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

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


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

Важно! При опции {=this.name} текст заголовка H1 сформируется из названия товара и слов, которые указаны после кода {=this.name}.


Нажмите кнопку «Сохранить», и вы увидите изменения на странице товара.

Акции и скидки

Правила работы с корзиной

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

Для того, чтобы задать новое правило, перейдите в блок «Правила работы с корзиной»:

Маркетинг → Товарный маркетинг → Правила работы с корзиной → Правила работы с корзиной

Рассмотрим процесс создания правила на конкретном примере. Допустим, мы хотим добавить скидку 30% и бесплатную доставку при покупке клея в количестве от 5 упаковок.
  1. Нажмите кнопку «Добавить правило» и выберите из списка интернет-магазин, для которого хотите это сделать.



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



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

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

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

    Действие 2: применить скидку 100% на доставку к товарам, удовлетворяющим всем условиям.
    Выбираем из выпадающих списков параметры «скидка», «100», «%».



    Задаем условия: скидки действуют при покупке не менее 5 упаковок клея.

    Условие 1. Количество товаров, удовлетворяющих всем условиям, больше или равно 5.

    Условие 2. Поле «Товар» равно необходимому товару (выбираем из каталога).



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



  5. Сохраняем изменения и проверяем результат на сайте: при покупке от 5 упаковок товара стоимость пересчитывается.



    А стоимость доставки равняется 0 рублей.


Накопительные скидки

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

Внимание! Функционал накопительных скидок доступен только в редакции 1С-Битрикс: Бизнес.

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



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



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



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



Сохраните изменения. Программа лояльности создана!

Привязка товаров к акциям

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

Вы можете привязать товары из своего магазина к активной акции. После привязки на карточках этих товаров появится сообщение о том, что товар участвует в акции, а также ссылка на страницу акции. Эта опция доступна у решений Аспро: Маркет, Аспро: ОптимусАспро: Крутой шоп, Аспро: Шины и диски 2.0.



На примере Аспро: Оптимус

Для всех решений алгоритм действий одинаков.

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


Перейдите к группе полей «Значения свойств» и найдите поле «Элементы участвующие в акции».

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

Если в открывшемся окне выбора элемента для привязки вы не увидели списка товаров, то в фильтре вверху окна выберите тип инфоблока и сам инфоблок – «Каталог» и «Каталог товаров». Чтобы выбрать элемент, достаточно дважды по нему щелкнуть.


Результат (на примере Аспро: Маркет):



Результат на примере Аспро: Крутой шоп:


Таймер обратного отсчета для акций

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


Чтобы установить таймер обратного отсчета, переключитесь на административный раздел и перейдите в Рабочий стол → Маркетинг → Товарный маркетинг → Скидки на товар → Скидки на товар.


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

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


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

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


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

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





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



На вкладке «Внешний вид» активируйте или деактивируйте отображение срока действий скидки:

 

Сохраните изменения. Вот так выглядит список товаров после применения настройки:



А вот так при ее деактивации:


Отображение процента скидки

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

Процент скидки в карточке товара.

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


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

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

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

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

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


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

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

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

Таймер обратного отсчета для торговых предложений

В новых версиях решения можно отображать таймер обратного отсчета акции (скидки) для каждого торгового предложения отдельно.
  • Аспро: Next — начиная с версии 1.0.12
  • Аспро: Оптимус — начиная с версии 1.1.10
  • Аспро: Маркет — начиная с версии 1.3.9
Чтобы это сделать, нужно создать новую скидку на товар. Перейдите в административной части сайта в Маркетинг → Товарный маркетинг → Скидки на товар → Скидки на товар.



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

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



Установите период действия скидки (4) — в этом случае вы сможете отображать таймер обратного отсчета. Задайте тип скидки (5): в процентах, фиксированная сумма или установите сумму на товар. Укажите величину скидки (6) и валюту (7).

Переключитесь на вкладку «Условия». Здесь нужно установить, на какой товар будет действовать скидка и на какое торговое предложение. Рассмотрим на примере — установим скидку на бриджи женские Nike Pro Hypercool 2.0 размера «S» и «М», а на размер «L» будет действовать обычная цена.

Выбираем «любое из условий выполнены» и нажимаем «Добавить условие».


Создадим две группы условий. В первой укажем нужный товар (бриджи женские Nike Pro Hypercool 2.0), а во второй — укажем нужные торговые предложения (размер «S» или «M»).

Получим такой вид:



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



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

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


Подарки

«Подарки» – это новый маркетинговый инструмент от 1С Битрикс, который позволяет привязать к одному товару другой в качестве подарка.

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

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

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

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

Как это выглядит в решении Аспро: Маркет



Как это выглядит на Аспро: Оптимус



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

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

Вот так подарки отображаются в корзине:



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



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

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



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



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



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

Нажмите на многоточие, чтобы выбрать конкретные товары или разделы.


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

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


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


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


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

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


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


Настройка купонов и промокодов

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

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


Для создания нового купона перейдите в блок «Купоны скидок на товар»: 

Маркетинг → Товарный маркетинг → Скидки на товар → Купоны скидок на товар

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


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


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

  • Купон на одну позицию заказа — купон можно применить только к одному товару и только один раз. Если в заказе несколько товаров, то купон применяется к самому дорогому товару;

  • Купон на один заказ — купон можно применить один раз на один любой заказ;

  • Многоразовый купон  — купон может применяться к заказам неограниченное количество раз.

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

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


Важно! Для каждого товара может применяться неограниченное количество купонов скидок, но не более одного купона каждой скидки.


Стикеры

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

Список стикеров:

  • Хит
  • Советуем
  • Новинка
  • Акция
  • Стикер с произвольной надписью для каждого товара (для Аспро: Next, Аспро: Оптимус, Аспро: Маркет и Шины и диски 2.0)
Аспро: Оптимус

image04.png

Аспро: Маркет



Аспро: Крутой шоп

image01.png

Аспро: Next


Аспро: Шины и диски 2.0

Создание и управление стикерами

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

В Аспро: Шины и диски 2.0 перейдите в раздел Рабочий стол → Магазин → Каталог товаров → категории каталога → Свойства товаров.

Выберите свойство, соответствующее для вашей версии продукта: «Наши предложения» (для Аспро: Маркет, Аспро: Next, Аспро: Оптимус, Аспро: Шины и диски) или «Хит продаж» (для Крутого шопа).

Аспро: Маркет, Аспро: Next, Аспро: Оптимус.

image06.png

Аспро: Крутой шоп

image03.png

Аспро: Шины и диски 2.0



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

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

image07.png

Значения свойств стикера:

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

Добавление стикеров на карточку товара

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

Аспро: Оптимус, Аспро: Next

Аспро: Маркет, Аспро: Крутой шоп

image09.png

Аспро: Шины и диски 2.0


Активированные стикеры отобразятся на карточке товара в виде заданного для них изображения.

В Аспро: Next, Аспро: Оптимус, Аспро: Маркет, Аспро: Шины и диски 2.0 реализован дополнительный стикер красного цвета. Текст на нем задается индивидуально для каждого товара. Перейдите в редактирование товара.

В Аспро: Next и Аспро: Оптимус добавьте текст в поле «Текст с Акцией».



В Аспро: Маркет добавьте текст в поле «Стикер с произвольным значением».



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



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



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

image02.png

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

Стикер c произвольным текстом в Аспро: Шины и диски 2.0

Видеоинструкция




Метатеги

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

Основные метатеги — это title, keywords, description и h1.


  • Title (1) – отображает содержимое как заголовок сайта на вкладке браузера и в поисковой выдаче
  • Description (2) – отображает содержимое как описание страницы в поисковой выдаче
  • Keywords (3) – используются поисковиками для определения релевантности страницы, т.е. ее соответствия заданным условиям поиска.
Вы можете прописать для каждого раздела каталога и даже для каждой отдельной страницы или карточки товара уникальные метатеги. Процесс легко автоматизировать, используя шаблоны.

Настройка метатегов

В административном режиме перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог. Переключитесь на вкладку «SEO».


Рассмотрим группы полей:

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

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



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

Настройки для разделов

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

  • Шаблон META KEYWORDS – формирует набор ключевых фраз для поисковиков.
    Формула: код «Название текущего раздела».
    Пример: {=this.Name}. В результате ключевые слова подтянутся из настроек каждого раздела.

  • Шаблон META DESCRIPTION – формирует описание страницы в выдаче поисковика.
    Формула: код «Название текущего раздела» + текстовое описание.
    Пример: {=this.Name} по низким ценам с доставкой в Челябинске. В результате для раздела «Дрели и перфораторы» description получится «Дрели и перфораторы по низким ценам с доставкой в Челябинске».

  • Заголовок раздела – формирует основной заголовок на странице. Рекомендуем оставить название раздела.
    Формула: код «Название текущего раздела».
    Пример: {=this.Name}.

Настройки для элементов

  • Шаблон META TITLE – формирует заголовок для карточек товаров.
    Формула: код «Название текущего элемента» + ключевая фраза.
    Пример: {=this.Name} + купить недорого в Челябинске. В результате для товара «Дрель монтажная Bosch Professional GBM» title карточки получится «Дрель монтажная Bosch Professional GBM купить недорого в Челябинске».

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

  • Шаблон META DESCRIPTION – формирует описание для карточки товара.
    Формула: код «Текст анонса текущего элемента» + информация о товаре, отраженная на странице. Если информации нет, то можете записать ключевые слова о содержимом страницы, например, фото, видео, отзывы о товаре, наличие и т.д.
    Пример: {=this.PreviewText} фото, видео, отзывы о товаре, наличие, доставка. В результате для товара «Дрель монтажная Bosch Professional GBM» description получится «Дрель монтажная Bosch Professional GBM фото, видео, отзывы о товаре, наличие, доставка».

  • Заголовок товара – формирует основной заголовок на странице. Рекомендуем оставить название товара.
    Формула: код «Название текущего элемента».
    Пример: {=this.Name}.

Настройки для изображений разделов

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

  • Шаблон TITLE – формирует заголовок картинок.
    Формула: Фото + код «Название текущего раздела».
    Пример: Фото {=this.Name}.

  • Шаблон имени файла – заполнять необязательно

Настройки для детальных картинок разделов

  • Шаблон ALT
    Формула: код «Название текущего раздела».
    Пример: {=this.Name}

  • Шаблон TITLE
    Формула: код «Название текущего раздела».
    Пример: {=this.Name}.

  • Шаблон имени файла – заполнять необязательно.


Настройки для детальных картинок элементов

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

  • Шаблон TITLE
    Формула: код «Название текущего элемента» + ключевая фраза.
    Пример: {=this.Name} фото в интернет-магазине Наш магазин.



    Настройки для картинок анонса элементов заполнять не обязательно.


Типы описаний в Аспро: Оптимус

Решение «Аспро: Оптимус» поддерживает отображение в разделе каталога нескольких типов описаний: стандартное расширенное и SEO-описание.

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

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

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

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



Переключитесь на вкладку «Доп.поля» и вставьте текст в поле «Описание раздела для SEO».

Чтобы настроить, как и какие описания должны выводиться на странице раздела, переключитесь на административную часть. Перейдите в Рабочий стол → Аспро: Optimus → Настройки. В группе полей «Шаблон» найдите поле «Расположение описания раздела в списке товаров» и выберите интересующий вариант.


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

В поле стандартного описания:


В поле SEO-описания:


Рассмотрим различные сценарии размещения стандартного описания и SEO-описания.

SEO-описание выводится перед списком товаров, стандартное описание – после списка товаров. В списке разделов отображается SEO-описание

Для реализации этого варианта установите в поле «Расположение описания раздела в списке товаров» значение «До и после списка товаров». В полях «Свойство с верхним описанием» и «Свойство с нижним описанием» соответственно значения: «Описание раздела для SEO» и «Описание».


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



Только стандартное описание выводится на странице до и после товаров. В списке разделов отображается SEO-описание

Для этого варианта в обоих полях «Свойство с верхним описанием» и «Свойство с нижним описанием» установите значение «Описание».


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



Стандартное описание выводится только перед списком товаров. В списке разделов отображается стандартное описание

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



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



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



Такой вид страницы раздела:


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

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


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


Такой вид страницы раздела:


Стандартное описание или SEO-описание после списка

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

Триггерные рассылки

Триггерная рассылка — это последовательность (цепочка) писем, которые отправляются при наступлении определенных событий. Это может быть брошенная корзина, отсутствие активности пользователя в течение какого-либо времени, успешно оформленный заказ.

Зачем нужны триггерные рассылки?

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

У 1С-Битрикс есть встроенные шаблоны, однако вы можете воспользоваться шаблонами Аспро с другим оформлением. Самые важные письма уже включены в поставку – с готовым универсальным текстом, версткой, кнопками и ссылками. Это письма с информацией о заказе, для забытой корзины (с промокодом на скидку и без него), запрос отзыва на Яндекс.Маркет, реактивация пользователей, сообщение об акциях и распродажах с привязкой к соответствующему разделу и общий шаблон.

Прежде всего триггерные рассылки необходимы для работы с клиентами. С их помощью вы можете:

  • привлекать новых клиентов, сообщая им о специальных предложениях, акциях и скидках
  • увеличивать лояльность и степень вовлеченности уже существующей клиентской базы
  • допродаж (crosssell и upsell механик)
  • информирования об акциях и скидках после определенных действий (например, после оформления заказа предложить аксессуары к покупке).

Триггерные рассылки создаются и редактируются в административной части в разделе Маркетинг → Триггерные рассылки → Список рассылок.


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

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


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


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


Вы также можете указать условия для запуска и остановки триггерной рассылки. На примере мы выбрали условие (1) «Давно не покупал», назначили время запуска (2) 01:30, поставили галочку на «Обработать старые данные» (3) — рассылка дополнительно запустится еще и для пользователей, которые не выполняли действие больше указанного количества дней. Выставили срок с момента последний покупки «Не покупал более 30 дней» (4), достижение цели которой будет отображаться в метрике (5) «Заход на сайт».


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


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


Откроется конструктор шаблонов. В нем вы можете отредактировать элементы письма: текст, приветствие, логотип.


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


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


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

Рекламные баннеры

Рекламные баннеры

Рекламные баннеры – один из проверенных временем форматов интернет-рекламы.

В шаблоне Аспро: Digital, Аспро: Next и Аспро: Шины и диски 2.0 заданы 6 рекламных областей, которые вы можете активировать и использовать для привлечения внимания к своим уникальным предложениям или помочь партнерам в продвижении сопутствующих товаров и услуг.

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


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

Рассмотрим варианты, составляющие раздел «Баннеры».



  1. «Сверху над шапкой» – баннер располагается в самом верху страницы над основной панелью навигации.  





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





  3. «Боковая» реклама помещается справа или слева от контента под альтернативным меню. Если активирован блок обратной связи или умный фильтр, то баннер будет следовать за ним.







  4. Тип «Над контентом» помещается непосредственно перед содержимым страницы под строкой навигации.




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




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

Тип баннера определяет будет реклама отображаться на каждой странице сайта или в некоторых его разделах. Так, в Аспро: Digital самый нижний баннер, над шапкой и под ней помещаются на каждой странице, а остальные – только в разделах «О компании», «Продукты», «Услуги», «Блог». В Аспро: Next баннеры во всю ширину контентной области, под контентом и над ним отображаются на всех страницах сайта, а боковые только в разделах «Каталог», «Услуги», «Блог», на страницах со справочной информацией («Как купить», «Вопрос-ответ», «О компании» и т.п.), а также на главной при выборе типа главной страницы №3 и №4.

На примере бокового баннера рассмотрим как добавить свое изображение, задействовать и настроить его показ на сайте.

Перейдем в Центр управления:

  • Аспро: Digital в Рабочий стол → Контент (aspro.digital) → Реклама – Внутренние;
  • Аспро: Next в Рабочий стол → Контент → Реклама (aspro.next) → Реклама – Внутренние;
  • Аспро: Шины и диски 2.0 в Рабочий стол → Контент → Реклама (aspro.tires2) → Реклама – Внутренние;
Управление карточками в админке стандартно. Используйте соответствующие кнопки для добавления нового элемента (1) или изменения существующего (2).



Редактор откроет карточку элемента.

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


На основной вкладке «Элемент» необходимо проверить установлена ли галочка у пункта Активность (1). Если она не установлена, элемент не будет виден на сайте. В полях ниже вы можете указать период, в который баннер должен отображаться (2). При создании нового элемента не забудьте указать его название (3) – поле обязательно для заполнения.


В разделе «Значения свойств» доступны для заполнения следующие поля:
  • Открыть в окне (4) – параметр указывает браузеру где открыть ссылку, прикрепленную к баннеру (в новом окне или в текущем);
  • Позиция (5) – устанавливает тип баннера, определяющий его размещение и поведение (в нашем примере используется «Боковая»);
  • Показ в разделах (6) – позволяет ограничить показ баннеров по разделам. Пустые поля ввода говорят о том, что баннеры будут отображаться по умолчанию в соответствии со своим типом, как было описано выше. Если в параметре указать один из разделов, например «Продукты», реклама отобразится только в этом разделе (включая страницы его элементов);
  • Показ на странице (7) – задает показ баннера на какой-то конкретной странице. Например, можно настроить отображение рекламы на главных страницах разделов, не включая ее в карточках;
  • Скрывать на мобильном (8) и Скрывать на планшетах (9) – опция прячет рекламу в мобильной версии сайта.
  • Ссылка (10) – страница, на которую будет переправлен посетитель, если кликнет картинку. Ссылка указывается относительно корня сайта. Пример: /catalog/lyalya/;
  • Уменьшение (11) – масштабирует или обрезает изображение анонса;


Пример активации показа баннера на мобильных телефонах.


Примечание. Боковой баннер не отображается в мобильной версии.

После настроек сохраните изменения.

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





Чтобы включить отображение нужного типа баннера в Аспро: Digital перейдите в админке в Рабочий стол → Аспро: Digital → Настройки.



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


Результат наших действий на сайте.

Установка модулей сторонних разработчиков

Решения «Аспро» поддерживают стандартный набор модулей и компонентов 1С-Битрикс.

Мы не тестируем модули и компоненты сторонних разработчиков, поэтому не можем гарантировать совместимость с решениями «Аспро» и 100% работоспособность на готовом сайте.  Для того, чтобы установить такое решение, рекомендуем обратиться к сертифицированным партнерам 1С-Битрикс.

Внимание! Если вы собираетесь установить модуль или компонент стороннего разработчика, помните: вы делаете это на свой страх и риск. Любые вмешательства такого рода приравниваются к изменению кода и могут привести к нарушению логики работы решения, изменениям верстки и программным ошибкам.  Перед тем, как устанавливать модуль, убедитесь, что вы обладаете необходимыми навыками для внесения изменений в решение и обязательно выполните резервное копирование.


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

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

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

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

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

Кастомизация цены, кнопок «Купить» и «Наличие»

В решениях Аспро: Оптимус, Аспро: Next и Аспро: Шины и диски 2.0 вы можете модифицировать вывод цены, кнопку «Купить» и метку «В наличии» при помощи специальных событий. При этом изменения не будут затираться при обновлении решения.

Названия событий вы можете найти в файле include.php.

  • Адрес файла для решения Аспро: Оптимус

Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix → modules → aspro.optimus → include.php

  • Адрес файла для решения Аспро: Next

Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix → modules → aspro.next → include.php

  • Адрес файла для решения Аспро: Шины и диски 2.0
Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix → modules → aspro.tires2 → include.php

Названия представлены в виде закомментированных областей:


Файл с примерами событий находится тут:

  • \bitrix\modules\aspro.optimus\lib\functions\CAsproOptimus.php (для Аспро: Оптимус)

  • \bitrix\modules\aspro.next\lib\functions\CAsproNext.php (для Аспро: Next).
  • \bitrix\modules\aspro.tires2\lib\functions\CAsproNext.php (для Аспро: Шины и диски 2.0).

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

  • Путь к файлу для Аспро: Оптимус

\bitrix\modules\aspro.optimus\lib\functions\CAsproOptimusCustom.php

  • Путь к файлу для Аспро: Next

\bitrix\modules\aspro.next\lib\functions\CAsproNextCustom.php CAsproTires2Custom.php

  • Путь к файлу для Аспро: Шины и диски 2.0

\bitrix\modules\aspro.tires2\lib\functions\CAsproTires2Custom.php