0  /  182

Аспро: Next - интернет-магазин

Содержание

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

В главе описан алгоритм установки готового решения на примере Аспро: Маркет: от подготовки хостинга, активации лицензии 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. Заполняем поля «Имя базы данных», выбираем из списка сайт, на который будем устанавливать решение, задаем имя пользователя и генерируем пароль. Имя базы данных и пароль сохраняем в отдельном документе – в дальнейшем нам понадобятся эти данные при установке решения. 



Активация лицензии, загрузка и установка обновлений 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С-Битрикс завершена. Теперь открываем новую вкладку браузера и переходим непосредственно к установке решения. 



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

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

Копируем адрес сайта, вставляем его в адресную строку на новой вкладке и вместо 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 для получения информации о магазине, адрес, банковские реквизиты. Здесь же можно загрузить печать фирмы. После этого нажимаем кнопку «Далее».




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


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




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




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

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

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

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

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

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



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

Первые шаги

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

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

В системе 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 рабочих дня.

Настройки для мобильной версии сайта

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

В решениях Аспро: Digital-компания и Аспро: Next реализован отдельный блок настроек для мобильной версии сайта. Обычно такая возможность присутствует только в крупных проектах.

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



Во вкладке «Мобильная версия» есть примеры таких параметров для настройки как:

  • «Мобильная шапка» (1);
  • «Тип мобильного меню» (2);
  • «Способ отображения мобильного меню» (3).

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



Типы мобильного меню предлагают 2 варианта: «Краткий» и «Подробный».

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


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


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

Для Аспро: Digital – это личный кабинет, корзина, адрес компании и способы связи.


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



Мобильное меню может выдвигаться слева или выпадать сверху.




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



В Аспро: Digital применить настройки для мобильной версии можно только в админке: Рабочий стол → Аспро: Digital → Настройки.



В блоке «Мобильная версия» установите ту комбинацию настроек, которая вам нравится.


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

Просмотр мобильной верстки с ПК

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

В Google Chrome, Mozilla Firefox и Яндекс браузере инструменты разработчика открываются клавишей F12.

В браузере Opera нужно открыть меню браузера и кликнуть пункт Другие инструменты → Показать меню разработчика.


Появится пункт «Разработка». Отсюда можете вызвать подпункт «Инструменты разработчика» или зажать комбинацию Ctrl+Shift+I.


Расположение кнопки перехода в режим адаптивного дизайна у Google Chrome, Opera и Яндекс браузера:


Кнопка перехода в режим адаптивного дизайна у Mozilla Firefox:

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

Типовые настройки решения находятся на вкладке «Аспро: Next» в разделе «Настройки». Они являются основными. Они определяют внешний вид и часть функционала сайта.

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



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




Общие

Настройки из раздела «Общие» позволяют:  
  • включить отображение виджета настроек (1) для администраторов в публичной части сайта;
  • загрузить изображения логотипа, фавикона, иконки для iPhone и iPad, использовать при необходимости заливку логотипа основным цветом сайта (3);
  • подключить информирование пользователей о сборе персональных данных на соответствующих формах (4);
  • настроить вывод информации в раздел «Магазины» (выводить данные из одноименного инфоблока или из списка складов) (5);
  • установить на сайте в поле заголовка страницы кнопку печати (6);
  • определить присутствие кнопки «Наверх» на сайте, ее внешний вид и расположение (7);
  • задать общие параметры внешнего вида сайта (2): основной цвет, использование фонового баннера, ширину сайта, стили заголовков и хлебных крошек и т.д.

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

На ту же вкладку в виджете выведены настройки отображения кнопки печати на сайте (2) и активация предупреждения посетителей о сборе и обработке персональных данных (1). Текст уведомления редактируется только в административной части сайта.



Валидация ввода

Группа настроек устанавливает какой формат даты должен использоваться на сайте (4) (дд.мм.гггг, дд/мм/гггг и т.п.), какой формат телефонного номера является корректным (3) и какой шаблон использовать для подсказки в соответствующем поле форм обратной связи (2), а также файлы с какими расширениями пользователю разрешено загружать на сайт (5).

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



Настройка проверки ввода доступна только в административной части сайта.

Социальные сети

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

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



Ссылки на социальные сети выводятся в виде иконок в футере сайта. Если одно из полей в разделе не заполнено, иконка соцсети, которую оно привязывает, выводиться не будет.



Доступно только в админке.

Главная

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


Оставшиеся пункты (2): «Тип главной страницы», «Вид отображения производителей» и «Вид отображения списка разделов каталога» выведены в виджет настроек.

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

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

Логотипы производителей можно разместить 2-мя способами: слайдером и списком.

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


Шапка

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


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

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

Добавление номеров телефонов доступно только в административной части.


Настройка отображения блока «Заказать звонок»

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



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

Для управления настройкой через админку перейдите в Аспро: Next → Настройки.




За активацию показа кнопки отвечает параметр «Отображать блок «Заказать звонок» в группе настроек «Общие». Установите галку, чтобы включить отображение соответствующего элемента, или снимите, чтобы отключить.





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





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


Регионы

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


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


Подробнее о возможностях инструмента читайте в главе «Мультирегиональность».



Каталог

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

Большая часть настроек из раздела выведена в виджет.

О том, как использовать настройки раздела читайте подробнее в главе «Обзор настроек каталога».



Отображение наличия товара

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

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


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

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


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

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

Корзина

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



Настройки предлагают возможность:
  • установки внешнего вида и поведения покупательской корзины (1);
  • подключения кнопки вывода на печать ее содержимого (2);
  • зафиксировать отображение корзины на всех страницах сайта (3) – она будет отображаться даже при просмотре тех разделов, где товары отсутствуют (например, «Блог», «Компания»);
  • установки минимальной цены заказа с текстом, который появляется в случае попытки совершения покупки на меньшую сумму (7);



  • дополнить внешний вид каталога (в списке товаров или в карточке товара) элементом, позволяющим добавить в корзину большее или меньшее количество выбранного товара (4);

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

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


Адреса страниц

В этом разделе задаются красивые адреса для страниц каталога, корзины, оформления заказа, сравнения товаров и персонального раздела пользователя.


Решение поддерживает использование шаблонов адресов Битрикс.

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

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

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

Здесь вы выбираете наиболее часто указываемый тип плательщика, способ доставки и оплаты. После того, как пользователь нажмет кнопку «Купить в 1 клик» указанные вами значения будут автоматически подставлены в стандартную форму оформления заказа. От пользователя потребуется заполнить форму, которую вы можете составить из перечня «Поля». Оставьте от основной формы заказа минимальный, но достаточный набор полей. Выведите, например, только «ФИО», «Телефон» и «E-mail». В поле ниже отметьте какие из них будут обязательными для заполнения.

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



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

Разделы

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

Часть полей позволяет проработать внешний вид раздела «Контакты» (1).
  • выбрать один из вариантов оформления раздела (предусмотрены разные варианты оформления для небольших компаний с одним офисом и крупных организаций с филиалами в нескольких городах);
  • отредактировать контактные данные, указанные на странице: адрес компании, контактный телефон, e-mail;
  • установить содержание текста с кратким описанием;
  • включить карту и форму обратной связи.

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

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


Футер, баннеры, мобильная версия, личный кабинет

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

Раздел «Баннеры» (2) включает отображение рекламных баннеров в отведенных для них в шаблоне местах: сверху над шапкой или под ней, сбоку/над/под контентом или внизу страницы. Типы баннеров активируются независимо друг от друга.

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

Раздел «Личный кабинет» (4) позволяет объединить поля, хранящие фамилию, имя и отчество, а также разрешить или запретить пользователю использовать для входа на сайт помимо e-mail’а логин.


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


Цели и счетчики

Раздел позволяет подключить сервисы веб-аналитики от Яндекс (2) и Google (3). Настройки доступны только в административной части.


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

Чтобы воспользоваться возможностями сервиса нужно зарегистрироваться на Яндекс или Google, получить код счетчика и установить на свой сайт. Для этого не нужно быть программистом. Откройте раздел «Цели и счетчики», вставьте код счетчика в соответствующий файл (1), укажите его ID и готово – счетчик установлен!

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

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

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

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




Центр управления Аспро

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




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

«Генерация файлов» является одной из особенностей, полезной при использовании мультирегиональности.  Подробнее о функционале читайте в этой главе: https://aspro.ru/docs/course/course36/chapter0896/?LESSON_PATH=878.891.896.

В пункте «Центр управления» вы найдете:

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




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





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



        4. Блок с последними статьями по решению Аспро: Next из базы знаний.
        5. Блок с последними новостями из нашего блога.
 

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

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


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

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


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



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


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

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


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

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



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


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


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

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

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


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


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

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

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



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





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



Настройка

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

Виджет настроек

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

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

Вы также можете откатить все внесенные изменения к настройкам по умолчанию, используя соответствующую кнопку (1).   



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





Вкладка «Общие» поможет вам:
  • выбрать базовый цвет (1) из представленных вариантов или установить свой;
  • включить отображение фонового баннера (3) и выбрать цвет заливки фона для разделов, у которых отображение баннера на фоне не установлено (2);
  • установить ширину сайта (4);
  • выбрать шрифт для текста (5);


  • определить какой состав бокового меню использовать (7), стоит ли использовать боковое меню на странице товара (8), и какого цвета оно будет (6) (настройка «Цвет меню» работает при выборе цветной шапки сайта, подробнее в главе «Общие настройки»);
  • установить какой шрифт использовать для заголовков (9) – жирный или обычный;
  • выбрать тип оформления поиска по сайту (10);

  • задать стиль оформления заголовков и хлебных крошек (11);
  • выбрать анимацию, включающуюся при наведении указателя на изображения-анонсы (12);
  • включить информирование пользователей о сборе и обработке персональных данных (13);
  • определить уровень вложенности бокового меню и панели навигации (14);
  • включить отображение кнопки печати на страницах сайта (15).


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



Типы №1 и №3 предполагают дополнительные настройки: можно включить или отключить вывод некоторых элементов на главную. Для просмотра списка входящих в состав элементов, нажмите «Параметры». Переместите ползунок влево, чтобы отключить, или вправо, чтобы включить отображение того или иного элемента. Используйте кнопку «Применить» для просмотра изменений на странице. Сохранение установленных настроек осуществляется специальной кнопкой, упомянутой в начале главы.




Под вкладкой «Главная» находятся настройки для компонента «Шапка».

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


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



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



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



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




  • какой использовать режим увеличения детальной картинки товара (7);
  • как будет располагаться выпадающее меню каталога (8);
  • режим показа ранее просмотренных товаров (9). Быстрый режим позволяет повысить скорость загрузки этого компонента без запросов к базе данных. Рекомендуется использовать для проектов с тяжелым каталогом;
  • каким способом отображать карточки в блоке просмотренных товаров (10).


Чтобы настроить оформление покупательской корзины, откройте в виджете одноименную вкладку. Здесь вы можете задать положение (1) и цвет элемента (2), включить отображение кнопки печати в корзине (4) и установить отображение корзины на всех страницах сайта (5), даже тех, которые не содержат товаров. Если вы хотите, чтобы летающая корзина раскрывалась каждый раз при добавлении в нее товара, активируйте соответствующую настройку (3).



Вкладка «Разделы» содержит варианты компоновки элементов основных разделов: «Контакты», «Блог», «Проекты», «Новости», «Компания» (а точнее, для списка сотрудников, открытых вакансий и страницы с лицензиями и сертификатами), а также для страниц со списком брендов и их подробным описанием в разделе справочной информации.

Для раздела «Контакты» (1) доступно 2 варианта оформления для небольших компаний без филиалов: «Карта FullHD» и «Компакт», и 3 типа компоновки страницы для более крупных организаций: «Филиалы», «Филиалы (лайт)» (размещают список представительств под картой), «С выбором региона» (список дополняется полем выбора региона).

Статьи в разделе «Блог» (2) можно расположить списком или выделить анонс одной из них большим размером и окружить ее анонсами остальных статей меньшего размера.

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

Для новостной страницы (4) предусмотрено размещение статей в виде списка, обычной плитки или плитки с увеличенным анонсом последней новости.

Перечню сотрудников из раздела «Компания» (5) можно задать вид списка или плитки.

Списку производителей (6) доступно представление плиткой только логотипов или логотипов с небольшим описанием под ними, а также списком с кратким описанием каждого бренда сбоку от их лого.

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

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

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

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



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


На вкладке «Мобильная версия» задаются настройки версии сайта для мобильных устройств:

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


Для личного кабинета пользователей можно:
  • задать отображение фамилии, имени, отчества в одном поле (1), или разбить их на разные, отключив настройку;
  • разрешить или запретить использовать для входа на сайт логин, отличный от e-mail пользователя (2).


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

Общие настройки решения в виджете

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


      1. Базовый цвет

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

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


      2. Отображать фоновый баннер

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



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



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

     3. Ширина сайта

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

     4. Шрифт

Здесь вы можете примерить и выбрать один из вариантов шрифтов, используемых в решении: Open Sans, PT Sans, Ubuntu. Также данный параметр определяет размер используемого шрифта: 13 px, 14 px, 15 px.

     5. Цвет меню

Меню шапки сайта может быть:

  • Светлым



  • Темным


  • Цветным (для заливки используется базовый цвет)


Настройка действует при выборе определенных вариантов шапки на одноименной вкладке виджета: 2, 3, 5 – 11.

     6. Боковое меню

Боковое меню состоит из таких частей, как:

  • баннеры;



  • умный фильтр;


  • меню навигации по каталогу;


  • форма обратной связи «Подписаться»;


  • новостной блок раздела «Компания»;


  • блок со статьями из блога.


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

     7. Внутреннее меню

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




     8. Заголовки


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


     9. Тип поиска

Данная настройка действует при использовании одного из вариантов шапок без строки поиска: 1, 4, 7, 9, 12, 13, 14, 16. В данном случае при нажатии на изображение лупы в шапке сайта сверху над просматриваемой страницей будет выпадать поисковая строка. Рассматриваемый параметр задает внешний вид поиска и способ его отображения.

Внешний вид поиска при выборе типа №1:




     10. Оформление заголовка и хлебных крошек

Решение содержит в себе 4 варианта оформления заголовка и хлебных крошек:

1 – Используется светлый фон. Навигационная цепочка располагается над заголовком.


2 – Порядок отображения элементов такой же как в варианте № 1. Используется затемненный задний фон.



3 – Хлебные крошки расположены под заголовком. Задний фон затемнен.



4 – Расположение элементов как в варианте № 3. Задний фон залит базовым цветом.


    11. Тип наведения на картинки

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

     12. Информирование об обработке персональных данных

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



Подробнее о настройке в соответствующей главе.

     13. Уровень вложенности меню

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

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



  • 3 уровня – список основных категорий дополняется перечнем внутренних разделов (1 уровень – каталог, 2 уровень – категории товаров, 3 уровень – разделы категорий);


  • 4 уровня – подключается отображение в списке подразделов, формирующих раздел (1 уровень – каталог, 2 уровень – категории товаров, 3 уровень – разделы, 4 уровень – подразделы).

     14. Кнопка печати страницы

Ползунок включает/отключает отображение кнопки печати страницы на всех страницах сайта.


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

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

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



Обзор настроек в виджете

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



Примечание: Отображение виджета активируется в админке: Аспро: Next → Настройки → раздел «Общие» → «Переключатель тем».

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





Блок производителей можно представить в виде:

  • ленты с возможностью прокрутки;



  • плитки, над которой возле заголовка будет отображается ссылка на полный список брендов.



Оформить список популярных разделов можно, отобразив:

  • только разделы (выводится изображение и название раздела);



  • разделы вместе с подразделами (справа от изображения раздела приводится перечень входящих в него подразделов).





Виджет содержит 4 типа главной страницы. Типы №1 и №3 имеют расширенные настройки, позволяющие включать/отключать вывод дополнительных элементов на странице. Для того, чтобы воспользоваться расширенными настройками выберите нужный тип, нажмите «Параметры». Используйте ползунки для их включения/отключения. Нажмите кнопку «Применить», чтобы увидеть результат изменений на странице.




Сохранение изменений производится при помощи кнопки в правом верхнем углу виджета.




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

Обзор элементов главной страницы

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

Баннеры

В решении имеется 7 видов баннеров, отображаемых на главной странице:

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





       2. Верхние баннеры – элементы, доступные при выборе типа главной страницы №1. Располагаются по бокам от основного баннера. 





      3. Баннеры в виде тизеров – отключаемый блок, который располагается под основным баннером в типе страницы №3. Изображение помещается в круглую рамку, а                  справа от него размещается краткое описание.





     4. Маленькие баннеры – плавающие баннеры фиксированного размера. Могут находиться в начале страницы под основным баннером или в середине. Блок доступен в          типах №1 и №2.





     5. Плавающие баннеры – блок, состоящий из плитки баннеров разного размера. С их помощью вы можете по-особенному выделить некоторые разделы сайта, товары              или услуги. Область доступна только в типе страницы №3, располагается под основными баннерами и блоком с тизерами.





     6. Баннер внизу (или широкий баннер) – занимает всю ширину контентной области. Расположен в нижней части страницы. Отключен по умолчанию в типах №3 и №4.





    7. Внутренние баннеры – отображаются слева от контентной области под боковым меню, располагаются вертикально. Активируются при выборе типов страниц №3 и №4.

Тизеры

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

Блок отсутствует в типе главной страницы №2.



Блок популярных категорий

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

В блоке может выводиться максимум 10 элементов.



Блок «Хит», «Советуем», «Новинка», «Акция»

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

Новости и акции

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




Блог

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






Подписка, новости и статьи

Этот блок входит в состав бокового меню сайта и активируется на главной странице в типах №3 и №4. Боковое меню помимо навигации по каталогу может содержать форму обратной связи для подписки на рассылки от вашей компании/магазина, а также последние новости из раздела «Компания» и статьи из блога. Подробнее в главе «Обзор общих настроек в виджете».   

Данный элемент в составе главной страницы заменяет элемент «Блог».


Блок «О компании»

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




Блок производителей

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


О типах главных страниц

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

Тип № 1


Данный тип является настраиваемым.

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

Все последующие элементы можно отключить при помощи виджета настроек, а именно это:
  • тизеры преимуществ (2);
  • список популярных разделов (3);


  • блок с рекомендациями и специальными предложениями (4);
  • маленькие баннеры (5);
  • новости из раздела «Акции» (6);



  • последние статьи из блога (7);
  • широкий баннер снизу (8);
  • блок о компании (9);
  • блок с брендами (10).



Тип № 2

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

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



В середине будут отображены последние новости раздела «Акции» (4) и блок с рекомендациями и специальными предложениями (5).




Завершают страницу новости из блога (6), область под широкие баннеры (7), блок о компании (8) и список брендов (9).



Тип № 3

Данный тип, как и тип № 1, является настраиваемым. Все блоки кроме области с основными баннерами можно отключить с помощью виджета.

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

Компоновка страницы 3го типа выглядит следующим образом:

  1. Основной баннер;
  2. Баннеры в виде тизеров;
  3. Боковое меню;




     4. Плавающие баннеры;
     5. Блок «Популярные категории»;
     6. Рекомендации и специальные предложения;





     7. Тизеры преимуществ;
     8. Новости и акций;
     9. Широкий баннер;
     10. Блок о компании;
     11. Бренды.




Тип № 4

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

Данный тип наиболее компактный и содержит в себе:

  • область для основных баннеров (1);
  • тизеры (2);
  • боковое меню (3);


  • «Популярные категории» (4);
  • блок рекомендаций и специальных предложений (5);



  • новости и акции компании/магазина (6);
  • краткую информацию о компании (7);
  • перечень брендов (8).


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

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


Управление баннерами

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

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

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

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



Примечание:При использовании типа страницы №1 с активными верхними баннерами при наведении указателя выделяется область, включающая и основные баннеры, и верхние (те, что по бокам). На всплывающем меню кнопки изменения и удаления будут действовать на основной баннер. Те же действия над верхними баннерами можно осуществить только в административной части сайта. В остальных случаях озвученные элементы управления производят действия над теми баннерами, над которыми они появились.

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

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

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



Отключить верхний баннер без удаления из базы можно при помощи пункта «Деактивировать» (3) в меню кнопки Гамбургер. С помощью других пунктов этого же меню можно подправить баннер (2) или удалить его (4). Используйте кнопку «Добавить баннер» (1) для создания нового элемента.

Карточка баннера первого вида состоит из вкладок: «Баннер», «Анонс», «Подробно», «SEO», «Реклама», «Разделы». Содержимое вкладок «SEO» и «Реклама» не относятся к рассматриваемой теме, поэтому их описание в рамках урока отсутствует.

На вкладке «Баннер» общими для основных, верхних и плавающих баннеров являются поля:

  • Активность (1) – делает баннер видимым на главной странице;
  • Начало и окончание активности (2) – задает временной интервал, в котором баннер будет доступен для просмотра;
  • Название (3) – содержит текст заголовка, отображаемого на баннере (поле обязательно для заполнения);
  • Сортировка (4) – задает порядок отображения баннеров на странице;



  • Расположение текста (7) – определяет где будет находиться заголовок и подпись на баннере: справа, слева, по центру или вовсе будет отключен;
  • Тип перехода (9) – устанавливает как будет открываться ссылка, привязанная к баннеру: в новом окне или текущем;
  • Цвет текста (10) – задает в верхнем и плавающем баннере цвет заголовка, в основном баннере влияет также и на описание;



  • Тип баннера (8) – является одним из ключевых полей при создании баннера. Меняя значение в этом поле, вы определяете в каком блоке баннер будет отображаться. Чтобы установить нужный тип, нажмите кнопку с многоточием и выберите в новом окне соответствующий пункт: баннер сверху, основной или плавающий.



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

Используя поле «Размер баннера» (6), вы можете превратить плитку в мозаику.

В блоке плавающих баннеров в одном ряду может находиться до 4х элементов со значением «не установлено» (a) в указанном поле. При выборе варианта «Широкий» элемент займет 2 места в ряду (b). Если выбрать «На всю область», ширина баннера будет подогнана под длину всего ряда (c).



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

Чтобы сделать основной баннер составным, загрузите фоновую картинку на вкладке «Подробно», а активную – на вкладке «Анонс».



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



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

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

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



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

Принцип управления карточками одинаков для обоих видов.

В админке второй вид баннеров можно найти в Контент → Реклама (aspro.next) → Реклама – на главной. Подвиды расположены в соответствующих разделах.



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

Здесь можно:
  • активировать отображение баннера (1);
  • дать баннеру название (2) – поле является обязательным, отображается только с баннерами-тизерами;
  • установить тип баннера (3) и тем самым включить его отображение в нужном блоке;
  • задать порядковый номер среди других баннеров того же подвида (4);
  • связать с одной из страниц сайта (5);
  • установить изображение (6);
  • задать краткое описание (7) – поддерживается только баннерами-тизерами.

Тизеры

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

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

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



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


 
Для оптимального отображения блока рекомендуется размещать от 3 до 5 или от 8 до 10 тизеров в блоке (во втором случае элементы будут располагаться в 2 ряда).

Создать новый тизер можно как до изменения параметров компонента, так и после.

Чтобы создать новый элемент, вам необходимо будет заполнить на основной вкладке поля:
  • Активность (1) – галка включает показ элемента на странице;
  • Начало и окончание активности (2) – задает период отображения тизера;
  • Название (3) – хранит текст, размещаемый рядом с изображением;
  • Сортировка (4) – значение определяет порядок отображения тизеров в блоке;
  • Показывать на главной (5) – параметр включает отображение тизера на главной странице;
  • Ссылка (6) – привязывает раздел или страницу сайта к тизеру. Вы можете оставить поле незаполненным, тогда тизеры будут некликабельными;




Изображение для тизера следует загружать на вкладке «Анонс».




Для управления тизерам в админке нужно перейти в Контент → Контент (aspro.next) → Тизеры. Элементы управления стандартны: кнопка «Добавить тизер» и пункты меню кнопки Гамбургер – «Изменить», «Удалить». Также можно отключить отображение тизера, не удаляя его, выбрав «Деактивировать». При создании нового тизера, не забудьте поправить параметры компонента.



Блок «О компании»

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

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



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




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


Подробнее о медиабиблиотеке вы можете узнать из этого урока.

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


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




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

Откройте вкладку «Контент». Далее, Региональность (aspro.next) → Регионы. Выберите нужный раздел и найдите в списке город, для которого требуется изменить описание. Например, Урал → Челябинск. Кликните кнопку Гамбургер и выберите «Изменить».




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


Настройка заголовков и количества элементов в блоках

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

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



Изменение заголовка и количества элементов рассмотрим на примере блока «Бренды», отображаемого в виде списка.

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



В окне редактора компонента перейдите в раздел «Основные параметры» и найдите поле «Количество новостей на странице» (1). Задайте число, соответствующее желаемому количеству элементов в блоке.




Изменить названия заголовка блока (2) и ссылки на более подробный список (3) можно в разделе «Дополнительные настройки» в соответствующих полях.



Инструкция актуальна для блока с новостями из раздела «Акции», блога и новостных блоков бокового меню.

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


Далее, перейдите в раздел «Дополнительные настройки» и заполните поля, отвечающие за название заголовка (1) и название ссылки на полный список разделов (2).




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

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





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





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



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

Редактирование заголовка:




Редактирование комментария:


Каталог

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

Решение предлагает огромный набор функций, который поможет вам:
  • определить внешний вид каталога, меню, заголовков и навигационной цепочки;
  • настроить покупательские элементы управления товарами: сортировка, умный фильтр, кнопки «В корзину», «Купить в 1 клик», «Под заказ» и т.д;
  • заполнить каталог карточками товаров разных типов: простыми, с торговыми предложениями (SKU) и комплектами;
  • прикрепить к товару фотографии и видеообзоры;
  • заполнить описание товара разными типами цен и набором характеристик, различающимся по группам товаров;
  • разместить рекламу по бренду внутри каталога;
  • поместить на превью стикеры «Хит», «Новинка», «Акция», «Советуем» или же стикер со своим текстом;
  • установить фоновое изображение для разных страниц/разделов сайта;
  • определить наличие дополнительных элементов, таких как «Старая цена», «Рейтинг», тизеры;
  • экспортировать и импортировать существующий список товаров;
  • управлять наценками и скидками;
  • задавать единицы измерения товаров и настраивать учет.

Обзор параметров в виджете настроек

В этой главе дается подробное описание каждого параметра, размещенного на вкладке виджета «Каталог».




  1. Умный фильтр

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

Может быть:

  • горизонтальным – входит в состав контентной области и размещается над списком товаров;


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



     2. Использование быстрого просмотра товаров

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

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



Кнопка вызывает попап окно, в котором содержится «визитка» товара.


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

    3. Отображение иконок категорий в боковом меню

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



     4. Отображение иконок категорий в выпадающем меню

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


Если вы хотите отобразить иконки в выпадающем меню, переместите переключатель вправо. Соответственно, чтобы их отключить – влево.

     5. Вид детальной страницы каталога

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

  • последовательно друг за другом, увеличивая длину страницы;




  • в компактном варианте – в виде табов;



     6. Отображение выпадающего меню в навигационной цепочке

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

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


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



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

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

Карточки разделов и товаров содержат на вкладке «SEO» поля, изменяющие заголовок разделов/товаров, при этом не затрагивая названия самих разделов/товаров.




  Суть рассматриваемого параметра заключается в том, что вы можете:
  • вывести дубликат расширенного при помощи SEO заголовка раздела/элемента в хлебные крошки, выбрав вариант строить из «заголовка раздела/элемента»



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



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

     8. Тип торгового предложения (SKU)

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

Первый дает более компактное представление о торговых предложениях. При этом типе в области визитки располагаются иконки SKU.



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




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



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



       9. Режим показа детальной картинки

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

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






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




       10. Положение выпадающего меню каталога

В данном пункте имеется в виду выпадающий список бокового меню.

Выпадающее меню каталога можно:

  • прижать к области заголовка, спрятав содержимое просматриваемой страницы;




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




      11. Режим показа просмотренных товаров

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

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

     12. Вид блока ранее вы смотрели

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

  • вертикальных блоков – название и цена помещаются под изображением товара;



  • горизонтальных блоков – название и цена помещаются справа от изображения товара;



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

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

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


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

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

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





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



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





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




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



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

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



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

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


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

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


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

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

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


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


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

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


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

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




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

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

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

Инструкция:

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

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



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



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



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


Настройка свойств торговых предложений

Подробнее о настройке свойств торговых предложений при выбранном типе SKU 1 читайте здесь

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

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

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

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

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

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

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



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

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



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



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

Иконки категорий каталога в левом меню

В версии Аспро: Next 1.0.2 появился новый тип меню каталога – список разделов с картинками. Они могут загружаться автоматически (при этом используется изображение раздела) или редактироваться вручную.

Если вы не хотите, чтобы иконки категорий каталога отображались в левом меню, отключите это в настройках.

В публичной части сайта это можно сделать с помощью виджета настроек. Откройте виджет на вкладке «Общие» и отключите функцию:




Вы также можете изменить настройки в административной части сайта. Зайдите в Аспро: Next → Настройки.





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




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

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

Показываем на примере раздела автоэлектроники.



На вкладке «Доп.поля» вы найдете поле «UF_CATALOG_ICON».



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

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


Быстрый просмотр товаров

«Быстрый просмотр» – это новая функция в решениях Аспро для интернет-магазинов. Ее предназначение заключается в повышении удобства коммуникации пользователя с торговым каталогом.

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

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





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

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

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

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

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

Примечание: Отображение виджета активируется в админке: Аспро: Next → Настройки →  раздел «Общие» → «Переключатель тем».

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

Сохраните изменения при помощи кнопки в правом верхнем углу виджета.

Чтобы включить «Быстрый просмотр» из административной части, перейдите в Аспро: Next → Настройки.


Пролистайте настройки до раздела «Каталог». Также как и в виджете, найдите параметр «Использовать быстрый просмотр товаров» и установите «1».



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



Типы цен для торговых предложений

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

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

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

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


По кнопке переходим в редактор каталога товаров. Нам нужна вкладка «Торговые предложения».


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


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


На странице товара при выборе размера L у женских брюк будут отображаться 2 цены: розничная (базовая) и оптовая (дополнительная).

Результат наших действий на странице:

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


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

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

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



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



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


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



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



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

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

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

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



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

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

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


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

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

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

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




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



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

Наборы

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


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

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

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

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



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

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


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


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


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

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

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

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

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


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

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


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

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


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

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


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


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

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

Комплекты

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

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

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

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

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

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

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

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



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

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


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

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


Умный фильтр

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

Умный фильтр в решении Аспро: Оптимус:



Умный фильтр в Аспро: Маркет: 



Умный фильтр в Аспро: Крутой шоп: 


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

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


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

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

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

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



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

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

Инструкция

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


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

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


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

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

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

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

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

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

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


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

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

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




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

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

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

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


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


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


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




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

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


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

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



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

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



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



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


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

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

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

image05.png


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

image01.png

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

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С. Но вы можете создать торговое предложение вручную. В этой статье мы рассмотрим в подробностях этот процесс для двух решений: «Аспро: Оптимус» и «Аспро: Маркет».

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



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



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



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


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


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

Переключитесь на административную часть сайта и перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков  → Каталог. Выберите тип «Торговые предложения» и переключитесь в нем на вкладку «Свойства».


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

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

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


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


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


После этого вы сможете успешно создать торговое предложение.


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

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

Каноническая ссылка – это ссылка, записанная со специальным атрибутом 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 способ редактирование карты зависит от выбранного типа оформления раздела «Контакты». Посмотреть варианты отображения карты можно в виджете настроек.

«Филиалы», «Филиалы (лайт)», «С выбором региона»


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



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



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



«Карта FullHD», «Компакт»

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



В редакторе кликните дважды левой кнопкой мыши по элементу Яндекс.Карты или вызовите его подменю правой кнопкой мыши и выберите пункт «Параметры компонента».



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



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



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


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

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

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

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



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



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


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

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

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

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

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

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


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




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


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



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

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



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


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

Покупка в один клик

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

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

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

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



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



«Аспро: Next»



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

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



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

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

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

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

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

В решении Аспро: Next, а также версиях готовых интернет-магазинов Аспро: Оптимус 1.0.8 и Аспро: Маркет 1.2.13 предусмотрена возможность на форме покупки в 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)

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

 $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 → Настройки → раздел Общие → Отображать фоновый баннер;



  • в публичке: виджет настроек → вкладка «Общие» → Отображать фоновый баннер.





Решение позволяет использовать неограниченное количество фоновых изображений.

Чтобы загрузить свой фон, перейдите в административную часть сайта. Там откройте Контент → Реклама (aspro.next) → Фоновые изображения.

 

Элементы управления стандартны – отдельная кнопка для добавления (1) и пункты меню кнопки Гамбургер для изменения (2), отключения (3) и удаления (4) фона.

При добавлении нового бэкграунда в редакторе нужно будет:
  • установить галочку «Активность» (1), чтобы включить отображение фона;
  • установить период отображения бэкграунда (2) – заполнение полей можно проигнорировать;
  • задать название картинке на фоне (3) – для удобства можно использовать название раздела или страницы, которую она сопровождает (поле обязательно для заполнения);



  • указать адреса страниц для показа (5) – привязывает задний фон к страницам, перечисленным в этом списке;
  • перечислить адреса страниц, на которых нужно отключить показ этого фона (4) – если вы на данном этапе создаете бэкграунд для раздела и хотели бы входящий в него подраздел оформить другим изображенем, то укажите в данном поле адрес подраздела;
  • установить галку, чтобы зафиксировать изображение (6) – при прокрутке страницы, фоновая картинка останется на месте.



Адреса страниц прописываются строго по шаблону: SITE_DIR + символьный код раздела.

На примере страницы с косметикой для сайта с адресом http://your-site/kosmetika/ запись адреса будет выглядеть так: SITE_DIRkosmetika/.

Префикс SITE_DIR обозначает директорию, в которой находится содержимое сайта. Таким образом при переносе на другой домен ссылки останутся рабочими. Также можно вместо части url прописывать имя .php-файла. Актуально, например, для главной страницы сайта.

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

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



  По центру фонового изображения для ускорения скорости загрузки страницы рекомендуется размещать белую полосу, ширина которой зависит от используемой ширины сайта: 1200 px, 1344 px, 1500 px, 1700 px. Полоса будет перекрываться контентом.

Карточка товара

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

При изучении структуры карточки можно выделить 8 основных частей:

  1. Первый экран – содержит основной набор сведений о товаре, кнопки и изображение товара.




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

К набору сведений отнесем:
  • Заполненную детальными изображениями товара галерею (1) с возможностью просмотра фото большего размера (2);
  • Стикеры для привлечения внимания к позиции: «Советуем», «Новинка», «Акция», «Хит» (3);
  • Рейтинг товара в виде звезд (5), позволяющий некоторым группам пользователей использовать этот элемент для голосования;
  • Описание анонса (6), которое также выводится в окне быстрого просмотра и может отличаться от подробного описания товара;
  • Отображение цены (7). Здесь вы можете добавить показ старой цены и подсчет экономии от покупки;
  • Информацию о действующей акции (12) и сроке ее истечения (8);
  • Количество товара, доступное на складе (9);
  • Комментарий к цене товара (13);
  • Перечень торговых предложений (14).

Форма обратной связи, вынесенная на рассматриваемую область карточки – это форма «Нашли дешевле?» (10). Используется она для привлечения покупателей к мониторингу цен конкурентов.






     2. Описание – область, содержащая в себе текст о товаре и список характеристик.



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




    3. Видео – раздел для роликов с youtube: обзоров, рекламы от производителя и т.д.


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


   5. Область с блоком обратной связи «Задать вопрос» – предназначена для сбора контактных данных заинтересовавшихся посетителей.


   6. Наличие – область со списком складов и указанием наличия на них товара.


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

   8. Блок с аксессуарами и похожими товарами. Может быть дополнен персональными рекомендациями.



В теле карточки также могут присутствовать блоки:
  • «Купить набор»



  • «Подарок» 



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

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

Редактирование карточки товара

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

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



В административной части сайта для перехода к редактору откройте Контент → Каталог → Каталог товаров. Раскройте нужный раздел/подраздел (на примере велосипеда это Спортивные товары → Велосипеды). Для перехода в режим редактирования существующего товара используйте пункт «Изменить» в меню кнопки Гамбургер. Для создания новой карточки кликните по кнопке «Создать товар».





Редактор откроется на основной вкладке «Товар». Рассмотрим основные настройки:
  • задается наименование элемента или товара (3) (поле обязательно для заполнения) и символьный код (4) (если активирован параметр «Транслитерировать из названия при добавлении элемента» в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог → Каталог товаров, поле заполняется автоматически);
  • устанавливается, видно ли товар в каталоге (1), а также как долго он будет доступен для просмотра (2);
  • системой автоматически проставляется галка «В наличии» (5), если значение поля «Доступное количество» в параметрах торгового каталога (об этом ниже) отлично от нуля;
  • хранится текст, привлекающий внимание к товарам по акции или специальному предложению (6);
  • прикрепляются к карточке стикеры «Хит», «Новинка», «Советуем», «Акция» (7);
  • привязывается лого бренда (8);
  • указывается артикул товара (9);
  • задаются характеристики товара (10).






На скриншоте показано, где в карточке будут располагаться стикеры (7), текст с акцией (6), артикул (9) и бренд (8).



Если вам нужно добавить свои свойства товара, обратитесь к этому уроку.

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

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





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





Под областями загрузки находится поле ввода для подробного описания товара (3).





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

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




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

Внимание! Следующие поля заполняются системой автоматически. Не редактируйте их вручную! .

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





На вкладке «Торговый каталог» находятся внутренние вкладки. Из них заполняются «Цены», «Параметры», «Склады».

В разделе управления цен указывается ставка НДС (1), закупочная цена (3), ее валюта (4) и устанавливается учет НДС в цене товара (2). Также здесь указывается базовая стоимость товара, стоимость в регионах и действующая валюта (5). Если у типа цены, например, для какого-то города, значение суммы не задано, то для его жителей товар будет доступен по базовой цене.




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





На вкладке «Параметры» указывается:
  • доступное количество товара (1);
  • сколько из них зарезервировано (2);
  • единица измерения (3), отображаемая возле цены (руб/шт, руб/м и т.п.);
  • коэффициент единицы измерения (4) – используется для корректного подсчета стоимости покупки и уточнения для пользователя количества приобретаемого товара;
  • включен ли количественный учет (5);
  • может ли клиент оформить заказ на отсутствующий товар/с отрицательным количеством (6);
  • запрет или разрешение подписки на товар (7);
  • вес и размеры товара (8) – созданные администратором свойства, выведенные в настройки для примера.




На вкладке «Склады» указывается доступное количество товара на складе. Указанное здесь количество носит информационных характер и не влияет на расчет остатков.





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




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




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





Если вам требуется изменить комментарий к цене, обратитесь к этой инструкции.

Вывод общей суммы при выборе нескольких единиц товара

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

Пример отображения общей суммы в списке элементов раздела для пользователя-оптовика:



Пример отображения общей стоимости в карточке товара для посетителя без права покупки по оптовой цене:



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

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



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

  • В публичной части разверните виджет настроек.



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




  • В админке перейдите в Аспро: Next → Настройки.



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




Не забудьте сохранить изменения при помощи кнопки «Применить».

Подстановка заголовка торгового предложения в название товара

В Аспро: Next и Аспро: Маркет доступно 2 способа отображения названия товара: с подстановкой названия торгового предложения и без него.

Название изменяется одновременно

  • в списке товаров




  • и на странице детального просмотра



В Аспро: Next переключить способ отображения названия можно и в публичке, и в админке. В Аспро: Маркет настройка применяется в админке, в публичке ее можно «примерить» с помощью виджета настроек.

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

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


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



  • в Аспро: Next



Переключитесь на вкладку «Каталог»:



После изменения значения параметра в Аспро: Next, вы можете его сохранить с помощью кнопки в правом верхнем углу.



Этот же параметр в админке вы можете найти:

  • Для Аспро: Next: в Рабочий стол  → Аспро: Next → Настройки, группа параметров «Каталог».





  • Для Аспро: Маркет: в Рабочий стол → Аспро: Market → Настройки, группа «Шаблон».




Настройка отображения единиц измерения с учетом коэффициента

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



Внимание! Данная возможность доступна только для товаров с торговыми предложениями при установленном типе SKU №2.
Рассмотрим принцип настройки новой функции на примере обрезков линолеума. Для начала нужно будет установить стоимость за целую единицу торгового предложения (за метр) и коэффициент (например, к продаже доступны обрезки минимум полметра, значит коэффициент будет 0,5), а затем включить отображение стоимости в карточке товара с учетом коэффициента.


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



В карточке товара перейдите на вкладку «Торговые предложения» (1). Выберите из перечня торговое предложение, для которого нужно задать стоимость и коэффициент, нажмите кнопку Гамбургер и кликните «Изменить» (2).



В редакторе торгового предложения на вкладке «Торговый каталог» (3) раскройте внутреннюю вкладку «Цены» (4) и заполните доступные типы цен, указывая стоимость за 1 метр.



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



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



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


Привязка к карточке других элементов

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

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




Код вставьте в соответствующее поле (1). Вы можете привязать к товару несколько видеороликов.

Чтобы прикрепить к карточке файлы, перетащите их в поле загрузки (2) или используйте меню кнопки Гамбургер.




Привязка аксессуаров (3), похожих товаров (4) и услуг (5) осуществляется по одному алгоритму. Разберем его на примере привязки услуги.





Возле пустого поля нажмите кнопку с многоточием.





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





В поле связанных товаров появится код элемента, а справа от кнопки привязки его название.



Дополнительные настройки карточки в параметрах компонента «Каталог»

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

Внимание! Настройки карточек в параметрах компонента «Каталог» распространяются на все карточки товаров.

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




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




Начиная с версии решения 1.0.11 в «Настройках списка» можно включить/отключить отображение счетчика со скидкой в списке элементов.



Выглядит это вот так:



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





Ниже задаются названия для блоков «Аксессуары», «Похожие товары» (3). Здесь же можно отключить блок «Дополнительно» (4) и задать один из вариантов отображения характеристик товара (5): в виде таблицы или плиткой.





Пример отображение свойств товара плиткой:


В виде таблицы:



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





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





Чтобы блок с подарками отображался в карточке товара, нужно активировать настройку показа (1) в разделе «Настройки Подарков». Здесь же чуть ниже задается количество подарков, отображаемых в соответствующем блоке (2). Максимум можно вывести 5 подарков.





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



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

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

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

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

Тизеры для каталога хранятся в админке в Контент → Highload-блоки → AsproNextTizerReference.




Элементы управления здесь стандартны – кнопка добавления и пункты меню кнопки Гамбургер.

Карточка тизера содержит поля:
  • Название (1) – в блоке тизеров будет отображаться как краткое описание (поле обязательно для заполнения);
  • Сортировка (2) – устанавливает позицию элемента в блоке;
  • XML_ID (3) – идентификатор тизера, используемый для того, чтобы система корректно воспринимала элемент (поле обязательно для заполнения);
  • Ссылка (4) – делает тизер кликабельным, связывая с одной из страниц сайта;
  • Файл (5) – поле для загрузки изображения тизера.




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





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



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

Этот урок полезен тем интернет-магазинам, у которых много разделов, подразделов и товаров. В решениях Аспро: Оптимус и Аспро: Next предусмотрено наследование тизеров от родительских разделов. Благодаря этому вы можете не тратить время на привязку тизеров преимуществ к каждому товару вручную.

Пример из практики

У вас интернет-магазин одежды с многочисленными разделами, подразделами и каталогом товаров на 5 000 единиц. Только в одном разделе «Женская одежда» свыше 80 категорий: одежда для активного отдыха, платья, белье, купальники, аксессуары, летняя одежда, одежда для сна, одежда для дома и т.д. Допустим, на привязку тизеров к одному подразделу у вас уходит 2 минуты. Чтобы привязать их вручную ко всем подразделам, уйдет 2 час 40 минут. С помощью канонических ссылок получится сделать это за 2 минуты – нужно лишь указать, из какого родительского раздела они будут наследоваться. Неплохая экономия времени, не так ли?
Если вы хотите, чтобы тизеры подразделов наследовались от родительского раздела, вам помогут канонические ссылки.

Инструкция по настройке

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



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



Сохраните.

Зайдите в Контент → Каталог → Каталог товаров → любой раздел. Покажем на примере товаров для собак.




Зайдем в подраздел «Сухие корма» и через кнопку гамбургер изменим любой из элементов.




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




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



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


У вас появится новое поле «Основной раздел»





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





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





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





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

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




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



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

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

Выбрать единицу измерения товара можно в настройках в административной части сайта. Перейдите в Контент → Каталог (aspro.next) → Каталог товаров.



Выберете нужный раздел каталога, подраздел и нужный товар. Покажем на примере раздела «Автоэлектроника», подраздела «GPS-навигаторы», товара «Навигатор Pioneer 780».

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


Редактирование единиц измерения

Вы можете изменять существующие единицы измерения или добавлять новые. Перейдите в Магазин → Настройки → Единицы измерения.





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



  • Чтобы добавить единицу измерения из классификатора, нажмите на одноименную кнопку (2). В окне единиц измерения выберете раздел классификатора и соответствующий ему подраздел. А затем отметьте галочкой нужные единицы измерения и нажмите кнопку «Добавить». 



  • Если вы хотите добавить свою единицу измерения, которой нет в классификаторе, нажмите на кнопку «Добавить» (3) в окне единиц измерения. Заполните необходимые поля и сохраните.

Отключение обозначений единиц измерения

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




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


Настройка отображения скидочной цены

В Аспро: Оптимус 1.1.8 и Аспро: Next 1.1.7 появилась возможность выгрузки скидок из 1С. Теперь можно вместо стандартного способа (указать цену и процент скидки) задать типы для действующих и старых цен, после чего настроить карточки товаров соответствующим образом: заполнить поля с ценами и отметить в Центре управления Аспро, какой тип цены следует воспринимать как старую цену. В публичке цена установленного типа будет отображена зачеркнутой:



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

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



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



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



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



Пролистайте список настроек до параметра «Старая цена для товаров», который находится:

  • в решении Аспро: Оптимус в блоке «Шаблон»;


  • в решении Аспро: Next в блоке «Каталог».


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

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

Дополнительная фотогалерея в карточке товара

В Аспро: Next версии 1.0.9 и выше появилась дополнительная фотогалерея. Теперь она может отображаться как под основным фото товара (1), так и отдельным блоком (2) (после характеристик или блока с документами, если они есть).

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

Допустим, вы продаете диваны. Под основным фото вы можете показать общий вид дивана, варианты обивки и подушки, которые к нему прилагаются. А в дополнительной фотогалерее – интерьер квартиры, в которой стоит ваш диван — с правильно подобранными цветами интерьера и фактурой. Так покупатель сможет «примерить» товар на себя и визуально представить, как диван будет красиво смотреться в его доме.





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



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



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




При SKU 2 – выводятся фото всех торговых предложений (1) вместе с фото из карточки самого товара (2).

Настройка дополнительной галереи

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

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



В новом окне перейдите к группе параметров «Настройки детального просмотра» и установите галку у пункта «Отображать блок “Фотогалерея”» (1). Под ним появятся настройки:


  • Тип блока «Фотогалерея» (2) – позволяет выбрать какая галерея будет отображаться:

    • большая


    • или маленькая


  • Свойство с «Фотогалерей» (3) – определяет, из какого свойства инфоблока (параметра карточки товара) заполнять нижний блок галереи. О том, как это сделать, читайте ниже;

  • Свойство торговых предложений с «Фотогалерей» (4) – как и предыдущий параметр, определяет, откуда галерея будет брать изображения для торговых предложений;

  • Заголовок блока «Фотогалерея» (5) – меняет название заголовка над галереей.

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

Дополнительная фотогалерея с уникальными изображениями

Чтобы вывести в галереях разные изображения, необходимо создать новое пользовательское свойство. Для этого перейдите в Контент → Инфоблоки → Типы инфоблоков и выберите нужный. Например, «Каталог товаров».



Откройте вкладку «Свойства» и пролистайте ее до конца. Под последней записью создайте новую. К примеру, «Фото для галереи». Поле кода заполните кодовым названием на латинице.



Внимание! В качестве типа свойства обязательно выберите «Файл» и поставьте галку «Множественное».



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



Сохраните изменения и откройте редактор параметров компонента. В списке «Свойство с “Фотогалереей”» выберите созданное вами свойство.



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



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



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

Вывод подсказок у свойств торговых предложений

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

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


На вкладке «Дополнительные настройки» активируйте вывод подсказок:



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

  • Путь для Аспро: Next: Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.next) →  Торговые предложения
  • Путь для Аспро: Маркет и Аспро: Оптимус: Контент → Инфоблоки → Типы инфоблоков → Каталог →  Торговые предложения



На вкладке «Свойства» выберете нужное свойство (например, размер) и нажмите на многоточие:



В строке «Подсказка» введите нужный текст: 



Получим такой итог: 


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

Начиная с версии Аспро: Next 1.1.0 тип SKU (списком или с переключателем) можно задать индивидуально для каждого раздела каталога.

По умолчанию настройка раздела передается всем подразделам, которые в нем содержатся. Например, при выборе 1 типа SKU для раздела «Одежда» настройка продублируется в подразделы «Женская одежда» и «Мужская одежда». Чтобы изменить тип SKU в любом из подразделов, нужно выполнить настройку отдельно для него. Давайте рассмотрим на примере.

Установим тип SKU №1 (с переключателем) для раздела «Одежда», а для подраздела «Мужская одежда» отдельно установим тип SKU №2 (в виде списка). В результате в подразделах раздела «Одежда» по умолчанию будет выбран 1 тип SKU:
  • в подразделе «Женская одежда»



  • в подразделе «Детская одежда для девочек» 



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




Индивидуальный тип SKU можно настроить как в публичной, так и в административной части сайта.

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



Наведите указатель на список товаров. На появившемся меню сверху нажмите «Изменить раздел».




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



Для настройки из админки перейдите в Рабочий стол → Контент → Каталог (aspro.next) → Каталог товаров. Откройте карточку нужного раздела. Рассмотрим на примере подраздела «Мужская одежда». Нажимаем на кнопку «Гамбургер» на соответствующей строке и в меню выбираем «Изменить».



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


Посадочные страницы

Спроектированные с учетом интересов пользователей посадочные страницы в каталоге товаров способны увеличить конверсию до 7%. Продвигаться с ними будет проще – вы можете создать лендинг под абсолютно любой запрос. Дополнительно сэкономите рекламный бюджет, потому что лендинги позволят привлечь вам больше органического трафика.

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



Примеры посадочных страниц на демо-версии решения:

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



  • Рекламный баннер (1) визуально подкрепляет содержание страницы. На нем расположены заголовок, описание и кнопка с призывом к действию и с якорной ссылкой, которая ведет к подборке товаров;

  • Блок с тизерами (2) дополняет состав страницы полезными сведениями – например, преимуществами и особенностями сервиса интернет-магазина;



  • Описание над перечнем товаров (3) содержит SEO-текст;

  • Блок обратной связи (4);


  • Заголовок над списком товаров (5) используется для визуального оформления списка товаров;

  • Составленный при помощи умного фильтра список товаров (6);



  • Дополнительное описание под блоком товаров (7);



  • Перечень популярных категорий (8) содержит ссылки на другие посадочные страницы.

Управление посадочными страницами

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

Рассмотрим инструменты управления страницами из раздела «Обзоры».

Для манипуляций из публичной части сайта перейдите в режим правки и наведите указатель в соответствующем разделе на анонс одной из существующих посадочных страниц. Используйте одноименные кнопки меню для добавления новой страницы (1), изменения (2) или удаления (3) существующей.


В административной части сайта те же действия доступны в Контент → Каталог (aspro.next) → Посадочные страницы. Чтобы создать новую страницу используйте кнопку «Добавить элемент». Действия по изменению и удалению элемента осуществляются стандартными средствами – одноименными пунктами меню, выпадающего при нажатии кнопки «Гамбургер».  


При создании нового элемента на основной вкладке вы можете:

  • указать название посадочной страницы (1) – поле обязательно для заполнения;



  • задать название кнопки на баннере (2);
  • ввести рекламный текст, который будет отображаться на баннере (3), и задать ему особый цвет (4) (пустое поле оставляет цвет текста по умолчанию);
  • установить фоновую (5) и активную картинки (6) для составного баннера;
  • задать заголовок, оформляющий список товаров (7);
  • включить/отключить отображение баннера (8);


  • подключить тизеры (9);


  • включить блок обратной связи «Задать вопрос» (10);


  • привязать товары при помощи полей «URL фильтр» (11) и «Раздел» (12). Эту возможность разберем подробнее в отдельном уроке.

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


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


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


Когда вы откроете редактор посадочной страницы в каталоге, то заметите отсутствие возможности включить составной баннер с текстом и кнопкой на нем. Также будет отсутствовать заголовок над списком товаров, а поле «Ссылка» заменяет поле «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», он выйдет на тематическую посадочную страницу со списком искомых товаров.






Мультирегиональность

С выходом Аспро: Next запустить крупный федеральный ecommerce-проект стало проще. Если вы имеете сеть представительств по миру или стране, настройте мультирегиональность с возможностью выбора округа, региона, города и связкой сервисом геолокации Geo IP. Ваши посетители увидят не только актуальные контакты для их местоположения. Может меняться все: остатки, цены и даже каталоги!

Каждому региону – свое SEO-продвижение

Для регионов предусмотрена генерация заголовков и тегов с наименованием – например, «холодильники в Челябинске» и «холодильники в Москве». С Аспро: Next вы сможете продвигаться по каждому отдельному региону, а не палить из пушки по воробьям.

Пошаговая настройка

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

Автоматическая генерация robots.txt и sitemap.xml 

Файлы robots.txt и sitemap.xml с разрешениями и исключениями для поисковых роботов генерируются автоматически. Вам не нужно будет создавать их для каждого поддомена вручную – лишь добавить несколько своих строк в готовые инструкции.

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

В решении предусмотрено 2 вида мультирегиональности: на одном домене и на поддоменах. При выборе варианта использования региональности на одном домене в браузерной строке будет отображаться один и тот же адрес основного домена (независимо от того, для какого города просматривается версия сайта). Пример: https://next.aspro-demo.ru/.

При выборе варианта на поддоменах при переключении городов или регионов адрес интернет-магазина будет меняться в соответствии с выбранным городом — например, ekb.next.aspro-demo.ru или msk.aspro-demo.ru.

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


Настройка хостинга

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

Псевдонимы или алиасы – это домены, которые ведут в одну и ту же папку на сервере. Чтобы сделать один из доменов алиасом другого, нужно привязать его к папке, куда ведет целевой домен. Например, домены *chel.next.aspro-demo.ru и *ekb.next.aspro-demo.ru – это алиасы для основного next.aspro-demo.ru.

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

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



Выберите в списке нужную услугу и нажмите кнопку «Перейти».



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


Если Вы еще не используете SSL-сертификат, в настройках домена в поле «Псевдонимы» добавьте запись вида «*.mydomain.ru» (без кавычек), где mydomain.ru – имя основного домена.


Если SSL-сертификат уже установлен, понадобится в том же поле ввести вручную имена всех поддоменов.



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


После этого будет создана заявка. Результат вы увидите через несколько минут.




Обзор настроек

Активация и параметры настройки мультирегиональности в административной части сайта находятся в Аспро: Next → Настройки, раздел «Регионы».



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



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

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

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


Рассмотрим настройки функционала подробнее.

При выборе варианта использования региональности «На одном домене», независимо от того, для какого города просматривается версия сайта, в браузерной строке будет отображаться один и тот же адрес основного домена: https://next.aspro-demo.ru/.


Если мы выберем вариант «На поддоменах», то при переключении городов или регионов адрес интернет-магазина будет меняться в соответствии с выбранным городом: например, ekb.next.aspro-demo.ru или msk.aspro-demo.ru. Достигается это при помощи шаблона region.site.ru, где site.ru – имя основного домена, а region – название региона.



Если вы планируете всерьез заниматься SEO-продвижением, то этот вариант предпочтительнее: поисковые роботы будут индексировать свой поддомен для каждого города или региона – нужно будет лишь указать на них через файлы robots.txt и sitemap.xml. О том, как это сделать, мы расскажем далее.

Выбор вида отображения мультирегиональности

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

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



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


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





Разделы и карточки регионов

Управление карточками осуществляется из административной части сайта в меню Контент → Региональность (aspro.next) → Регионы. Здесь вы можете заложить структуру своей будущей мультирегиональности в виде разделов, подразделов и отдельных элементов-городов.

При переходе в инфоблок вам будут доступны 2 возможности: добавить город и добавить раздел. Города нужно будет создавать всегда, а разделы – в зависимости от выбранного типа отображения мультирегиональности ( «Выпадающий список», «Попап-окно только с городами», «Попап-окно с областями, округами»).

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

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

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



Все действия с карточками (создание, удаление, изменение) стандартны для 1С-Битрикс. При создании в базе данных нового региона достаточно указать название (1) и родительский раздел (2).



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

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

При создании новой карточки на основной вкладке необходимо указать название города (1) и название основного домена (2). Название домена должно иметь соответствующий вид: region.mydomain.ru.

Здесь же можно установить галку «Город по умолчанию» (3). В таком случае, если геопозиционирование не сработает, пользователь откроет версию сайта для города, в чьей карточке установлена эта галочка. Перечень «Домены» (5) позволяет привязать существующие псевдонимы для основного поддомена.


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



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



Вкладка «Информация» привязывает к филиалу номера телефонов и отображает в шапке сайта (1). Также здесь предусмотрено поле ввода индивидуального для региона приветственного текста на главной странице (2).



Примеры отображения главной страницы:

  • для Москвы



  • для Челябинска


Вкладка «Связи» привязывает доступные городу типы цен (1). Здесь же указываются обеспечивающие поставку местные склады (2). Заполненное поле «Местоположение» (3) автоматически подставляет установленное значение в форму оформления заказа.



Важно! Если в зависимости от города у вас изменяются цены, нужно заводить свои типы цен для каждого города. Для этого перейдите в настройки типов цен: Магазин → Настройки → Цены → Типы цен. Нажмите кнопку «+ Новый тип цен».



Откроется окно для редактирования типа цены. Какие поля нужно заполнить:
  • Код – код типа цены. Используйте латиницу и большие буквы.
  • Название на русском – любое название, которое позволит идентифицировать тип цены для города
  • Название на английском – любое название, которое позволит идентифицировать тип цены для города
  • Группы пользователей, имеющие права на просмотр этого типа цен
  • Группы пользователей, имеющие права на покупку по этому типу цен.


 Сохраните изменения. Тип цены (в нашем примере для Москвы) создан!

Пример автозаполнения местоположения при оформлении заказа:


Примеры отображения разного типа цен для разных городов с остатками по местным складам:

  • Москва


  • Магнитогорск




Автогенерация robots.txt и sitemap.xml

Файлы robots.txt и sitemap.xml – это самые важные для SEO-продвижения файлы сайта. В них содержатся команды для поисковых роботов. Благодаря им они понимают, какие страницы индексировать, а какие нет.

При создании интернет-магазина эти файлы создаются администратором сайта. Подробности читайте в документации 1С-Битрикс: 

Генератор robots.txt 
Генерация файла карты сайта 

Далее вам нужно сгенерировать эти же файлы для каждого региона. Обычно файлы robots.txt и sitemap.xml для различных регионов создаются, настраиваются и редактируются вручную. В Аспро: Next впервые реализована возможность автоматической генерации файлов. Это принципиально новое решение задачи, которое позволит вам сэкономить время SEO-специалиста и сократить количество ошибок, которые возможны при ручном создании  robots.txt и sitemap.xml под каждый регион. Рассмотрим, как работает этот функционал, и как с его помощью научиться автоматически генерировать нужные файлы.

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

Чтобы воспользоваться автоматической генерацией robots.txt, перейдите в административной части сайта в Рабочий стол → Аспро: Next → Генерация файлов → robots.txt.



Используйте кнопку «Пересоздать robots.txt» для копирования основного файла robots.txt в директорию /aspro_regions/robots/ для каждого поддомена. Копии основного файла для поддоменов именуются по шаблону «robots_DOMAIN.txt». В каждой из них запись директивы Host будет изменена.

Также предусмотрена возможность пересоздания файла robots.txt только для конкретного поддомена.

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

Чтобы использовать автогенерацию на sitemap.xml, перейдите в Рабочий стол → Аспро: Next → Генерация файлов → sitemap.xml.



Кнопка «Пересоздать sitemap.xml» копирует все файлы в корне сайта с маской, указанной здесь же в поле «Адрес карты сайта», в директорию /aspro_regions/sitemap/ для каждого поддомена. Копии файлов для поддоменов имеют вид «файлы_по_маске_DOMAIN.xml». В этих копиях адрес сайта заменяется на значение, указанное в поле «Адрес сайта в карте сайта».


Настройка Композитного сайта

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

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

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

Далее идем на вкладку «Настройки». В блоке «Настройки» найдите поле «Список доменных имен (каждое в новой строке)». Скопируйте туда все доменные имена регионов.

Например:
msk.next.aspro-try.ru
magnitogorsk.next.aspro-try.ru
ekb.next.aspro-try.ru
и т.д.



Сохраните изменения. Настройка завершена!

Синхронизация со складами

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

Если вы используете мультирегиональность, может возникнуть проблема: товар по его доступному количеству закончится раньше, чем фактически – на складах. То есть, физически и у вас в 1С товар есть, а купить его нельзя, потому что доступное количество ноль.

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

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

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




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





В блоке настроек «Значения параметров товара по умолчанию» нажмите кнопку «Изменить».





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




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

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

После того, как вы отключили количественный учет, перейдите в административной части сайта на вкладку «Аспро: Next», далее – «Синхронизация».




Перед вами откроются настройки и параметры синхронизации остатков.





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

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

Чтобы синхронизация остатков сработала, необходимо предварительно указать ID инфоблока торгового каталога в одноименном поле (2) блока «Параметры».

Узнать, какой ID у инфоблока можно в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.next) → Каталог товаров. Идентификатор указывается первым в списке параметров на основной вкладке карточки инфоблока.




Если вы введете неверный ID, система выдаст ошибку о том, что указанный инфоблок не является торговым каталогом.




Также вы можете синхронизировать остатки конкретного раздела каталога, что позволяет уменьшить время синхронизации. Для этого следует указать ID раздела в соответствующем поле (3). Если же вам нужно синхронизировать остатки по всему каталогу за раз, оставьте поле пустым.

Идентификатор раздела можно узнать в Рабочий стол → Контент → Каталог (aspro.next) → Каталог товаров. Откройте список, в котором находится нужный раздел. Например, чтобы синхронизировать остатки по GPS-навигаторам, перейдите в раздел «Автоэлектроника». В таблице с правой стороны вы можете увидеть ID интересующего вас раздела.



Для сохранения настроек (4) и запуска синхронизации (5) используйте одноименные кнопки.

Установка остатков товара в зависимости от региона

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

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

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




В редакторе откроется карточка склада, в которой необходимо:

  • указать адрес склада (7)
  • выбрать, для какого сайта создается склад (4)
  • дать складу понятное название (5)
  • ввести символьный код (6).

Также вы можете указать дополнительную информацию: номер телефона, график работы, адрес электронной почты и прочее. Чтобы склад был доступен из карточек товаров, оставьте галку у пункта «Активен» установленной (1). Если вы будете использовать склад как пункт выдачи (2) и производить на нем отгрузку (3), оставьте соответствующие параметры активными.



Привязка склада к городу осуществляется в карточке города. Для этого перейдите в Рабочий стол → Контент → Региональность (aspro.next) → Регионы. Откройте нужный список городов области (в примере далее следует перейти в Урал → Челябинская область), нажмите кнопку гамбургер у города, к которому нужно привязать склад, и выберите пункт «Изменить».



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

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

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


Результат действий после сохранения всех изменений:

  • для Магнитогорска


  • для Челябинска

О том, как менять способ представления остатков, читайте в главе «Управление остатками».

Название региона в заголовках и SEO-тегах

Чтобы название города верно отображалось в заголовках и результатах поисковых запросов, необходимо заполнить вкладку «Склонения города» в карточке города, для которого производится установка SEO-тегов. Сделать это можно в Контент → Региональность (aspro.next) → Регионы.



Рассмотрим установку SEO-записи на примере заголовка раздела навигаторов для Москвы.

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



Перейдем на вкладку с настройками SEO. Чтобы получить заголовок вида «GPS-навигаторы в Москве», в поле «Заголовок раздела» добавим запись:

{=this.Name} в #REGION_NAME_DECLINE_PP#,

где {=this.Name} – имя раздела (GPS-навигаторы), а #REGION_NAME_DECLINE_PP# – название города в предложном падеже.



После сохранения изменений получим следующее:



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

  • #REGION_NAME# – название города в именительном падеже,
  • #REGION_NAME_DECLINE_RP# – в родительном падеже;
  • #REGION_NAME_DECLINE_PP# – предложном;
  • #REGION_NAME_DECLINE_TP# – творительном.


Атозамена контента по регионам с помощью тегов

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

Обычно задачу решают 2 способами:

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

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

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

Получится такой результат для Челябинска:



А для Москвы карточка товара выглядит так:



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

Инструкция по настройке:

В административной части сайта перейдите в Контент →  Инфоблоки →  Типы инфоблоков →  Региональность (aspro.next) → Регионы.



На вкладке «Свойства» выберете пустое поле. Если у вас его нет, нажмите на кнопку «еще». Заполните форму следующего вида:


  • Название (1): название тега — например, «Доставка»;
  • Тип (2): тип значения тега — строка, число, дата и т.д. Если вы хотите настроить тег для автоматической замены текста или медиаконтента, выберете тип строка;
  • Акт. (3): чтобы включить тег, отметьте поле галочкой. Для деактивации снимите отметку;
  • Код (4): код тега в системе.

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

Например, для разных доставок — REGION_TAG_DOSTAVKA
Для разного времени доставки — REGION_TAG_WORKTIME
Для разных рекламных роликов в описании товара — REGION_TAG_MEDIACONTENT
После сохранения перейдите в Контент → Региональность (aspro.next) →  Регионы. Выберете город, для которого хотите заполнить значение тега. Покажем на примере Челябинска.



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



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



Откройте вкладку, в которой только что настроили отображение поля (в нашем примере — вкладка «Доставка») и заполните значение тега. Вы можете написать текст или добавить медиаконтент. Например, чтобы вставить видеоролик, заполните значение тега html-кодом видео. Сохраните.

Заполненное значение тега для времени доставки:



Если вы хотите подставить медиаконтент, скопируйте html-код для вставки от Youtube или Vimeo следующего вида:

<iframe width="560" height="315" src="https://www.youtube.com/embed/xP5Bf3erN4c&amp;quot; frameborder="0" allowfullscreen></iframe>

Заполненное значение тега для медиаконтента (ролик с Youtube):



Заполните значение тега для других городов по аналогии.

Настройки готовы, осталось добавить тег в нужную часть контента. Покажем на примере карточки товара «Джемпер женский Nike Rally Signal Full-Zip». Перейдите в Контент → Каталог (aspro.next) →  Каталог товаров → Одежда → Женская одежда → Джемпер женский Nike Rally Signal Full-Zip.




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





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





А вот так будет выглядеть карточка товара, если выберем Москву:





Аналогично с медиаконтентом. Для разных городов мы задали разные видеоролики в описание товара.

Для Челябинска:




Для Москвы:




Видеоинструкция по настройке: 


Мультирегиональность 2.0. Каждому региону – свой контент

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

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

Привязка региона актуальна для:
  • новостей;
  • статей в блоге;
  • акций;
  • услуг;
  • основных баннеров;
  • фоновых картинок;
  • рекламных баннеров (на внутренних и главной страницах).

Пример отображения контактных данных для жителей:
  • Челябинска


  • Москвы



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

Чтобы воспользоваться новой функцией, перейдите в административной части сайта в Аспро: Next → Настройки.  



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




После сохранения изменений можно переходить к настройке контента по регионам. Рассмотрим на примере установки разных email’ов и адресов. В админке перейдите в «Контент» → Региональность (aspro.next) и перейдите к редактору одного из городов, которые находятся в базе. Например, для внесения изменений в карточку Москвы следует перейти в Регионы → Центр → Московская область и в меню кнопки Гамбургер выбрать пункт «Изменить».





На основной вкладке в группе параметров «Значения свойств» найдите новые поля «Email» и «Адрес». Заполните их соответствующими данными.





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





В редакторе формы в перечнях «Доступные вкладки» (1) и «Вкладки» (2) выделите пункт, соответствующий названию основной вкладки. В данном примере это вариант «Город». В списке «Доступные поля» выберите значения, которые необходимо вывести в форме: «Email» и «Адрес» (3) (чтобы выделить несколько вариантов за один раз, зажмите клавишу Ctrl). Затем нажмите кнопку с изображением стрелки (4) и сохраните изменения.





Настройка отображения по регионам новостей, статей из блога, акций, услуг – производится в разделе «Контент (aspro.next)». А баннеров, фоновых изображений, рекламы – в разделе «Реклама (aspro.next)».





Параметр привязки элемента к региону имеет одноименное название. Он располагается также в группе «Значения свойств». Если его нет, отредактируйте форму по аналогии с примером по подключению разных email’ов и адресов (через меню кнопки с изображением шестеренки).





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

Видеоинструкция по настройке:

   

Корзина

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

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

Настройки в виджете

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




1. Положение корзины

Корзину можно разместить в шапке, сбоку (боковая и летающая) или снизу.    

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





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




Варианты «Боковая» и «Летающая» фиксируют корзину у края экрана. Клик по иконке разворачивает список заказов в этом же окне.





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





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



2. Цвет корзины

Данная настройка позволяет задавать оформление рассматриваемому элементу. Настройка не действует при выборе положения корзины в шапке. Для остальных типов корзин можно задать один из 3х вариантов оформления: темный, белый и цветной (для заливки используется базовый цвет).

Боковая и летающая корзины в разных расцветках:




Вид корзины снизу в разных расцветках:



3. Отображать летающую корзину при добавлении в нее товара

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

4. Отображать кнопку печати корзины

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




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




5. Отображать корзину на всех страницах

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

Настройки в админке

В административной части сайта находится полный список настроек корзины. Найти его можно в Рабочий стол → Аспро: Next → Настройки.





Пролистайте список настроек до раздела «Корзина».




Помимо тех возможностей настройки, что выведены в виджет, здесь можно:

  • разрешить указание количества добавляемого товара в списке товаров (1) – при просмотре списка товаров появится возможность выбрать сколько единиц товара поместить в корзину.


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



  • установить кнопку покупки у товаров с нулевой/отсутствующей ценой (3) – определяет, что заменит кнопку «В корзину» для товаров без цены. Можно ничего не отображать, оставив область пустой, или отображать кнопку «Под заказ» с pop-up окном формы заказа.




  • установить кнопку покупки у отсутствующих товаров (4) – настройка определяет, что будет отображаться на месте кнопки «В корзину» у товаров, которых нет в наличии. Можно также разрешить отображение кнопки «В корзину», заменить ее на кнопку «Под заказ» с pop-up окном формы обратной связи, включить отображение кнопки «Подписаться» или оставить область кнопок пустой.
  • установить минимальную цену заказа (5) – посетитель не сможет оформить заказ с общей суммой меньше установленной минимальной цены.
  • установить текст, который будет появляется в случае попытки совершения покупки на меньшую сумму, чем минимальная (6);


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

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

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

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



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



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



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

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

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

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



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



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

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



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



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

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

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



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



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


Личный кабинет

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


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




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

Текущие заказы и история заказов

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

В разделе текущих заказов:





В истории заказов:





С заказами в статусе «Принят, ожидается оплата» пользователь может:
  • произвести оплату онлайн (1);
  • изменить способ оплаты (2);
  • отменить заказ (3);
  • вспомнить какие данные указал при оформлении заказа (4);
  • повторить заказ (5).



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





Страница с подробностями о заказе содержит в себе:
  1. Общие сведения: номер заказа, дату оформления, сумму, статус (принят, оплачен, выполнен), информацию о пользователе и профиле заказа.
  2. Информацию об оплате: статус оплаты и способ платежа.
  3. Сведения об отгрузке: статус отгрузки и информация о способе доставки.
  4. Перечень товаров, входящих в заказ.


Личный счет

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

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


Личные данные 


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





Внешний вид данного раздела задается настройками из виджета. Вы можете использовать разные поля для ФИО или объединить их в одно (1), а также дать пользователям возможность использовать логин отличный от e-mail для входа на сайт (2).






Если использование логина отличного от e-mail разрешено, в этом же разделе появляется поле, в котором можно изменить логин.


Сменить пароль

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


Профили заказов

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




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

Подписки

Здесь покупатели могут настроить и оформить подписку на новости вашего сайта: указать удобный для получения рассылки email, выбрать интересующие рубрики и предпочтительный формат (текстовый или HTML).

Корзина и контакты

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

Настройка разделов личного кабинета

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



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




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





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





Стандартный выбор местоположения:





Расширенный выбор местоположения:




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

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



Группа полей «Дополнительные настройки» позволяет:
  • Разрешить анонимную подписку (1) — анонимные пользователи смогут подписываться на рассылку, лишь указав свой адрес электронной почты без необходимости регистрации на сайте
  • Настроить показ ссылок на авторизацию при анонимной подписке (2) — при подписке на рассылку анонимному пользователю будут выведены формы авторизации или регистрации
  • Устанавливать заголовок страницы (3) — заголовком страницы будет «Редактирование параметров подписки» при редактировании подписки или «Добавление адреса подписки».


Настройка поиска по торговым предложениям

В новых версиях интернет-магазинов появилась возможность осуществлять поиск не только по названиям элементов (товаров), но и по свойствам торговых предложений — например, по размеру «XS» или цвету «Белый»
Для настройки перейдите в административную часть сайта в Контент → Инфоблоки → Типы инфоблоков → Каталог → Торговые предложения.



Переключитесь на вкладку «Свойства». У нужного свойства торгового предложения нажмите на многоточие — например, у свойства «Размер».



Поставьте галочку в строке «Значения свойства участвуют в поиске» и сохраните изменения.



Теперь нужно сделать переиндексацию поиска. Перейдите в Настройки → Поиск → Переиндексация.



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



В результате после нажатия кнопки «Искать» или кнопки клавиатуры «Enter» поисковая выдача будет иметь вид:



Теперь рассмотрим, как включить поиск по торговым предложениям в выпадающем списке поиска (чтобы торговые предложения отображались еще до нажатия кнопки «Искать» или кнопки клавиатуры «Enter»):



В Аспро: Next эта настройка включена по-умолчанию. В Аспро: Оптимус и Аспро: Маркет это нужно сделать дополнительно.

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

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



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



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

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



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

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



На вкладке «Дополнительные настройки» в строке «ID инфоблока каталога» напишите «13,all» (обязательно маленькими буквами!), если хотите, чтобы в поиске отображались и торговые предложения, и товары каталога, в названии которых присутствует поисковое слово — например, «Синий».



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

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

Результат выбора «13, all»: поиск и по торговым предложениям, и по заголовкам товаров:


Настройка типов цен для умного фильтра

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

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




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



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



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



Затем найдите параметр «Тип цены» (он расположен выше) и отметьте нужные вам значения. Для выбора нескольких значений зажмите клавишу Ctrl.



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

Инструменты для увеличения продаж

Блог

Аспро: Next – это первое решение для интернет-магазинов от команды наших разработчиков, в котором присутствует такой мощный и многогранный инструмент контент-маркетинга, как блог.

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

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

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

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

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



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



В админке управление элементами блога осуществляется в Рабочий стол → Контент → Контент (aspro.next) → Блог.




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



Рассмотрим состав карточки статьи.

На основной вкладке присутствует стандартный набор полей:
  • Поле «Активность» (1), включающее отображение новости;
  • Поля, отвечающие за период активности (2);
  • Обязательное поле, задающее название статьи (3);
  • Поле, определяющее последовательность отображения новостей в блоке и разделе (4).

Уникальными для элементов блога являются поля:
  • Положение блока (5) – определяет с какой стороны (справа или слева) будет отображаться новость с наименьшим индексом сортировки при выборе блочного способа отображения раздела «Блог».
  • Расположение фото (6) – управляет положением детальной картинки, оформляющей статью. Фото можно расположить слева, тогда текст будет обтекать изображение с правой стороны, или, наоборот, фото справа – текст слева. Вариант «По ширине» размещает фото строго над текстом, а «Наверху» убирает детальное изображение из карточки статьи.




В версии решения 1.0.6 в карточки элементов блога добавлена галерея.



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



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


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



Заполненный элемент отображается в конце статьи.



Вкладка «Анонс» традиционно содержит изображение для превью (1) и его краткое описание (2).



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




Также вы можете прикрепить к своей статье видео с youtube. Для этого откройте нужное видео в браузере, нажмите кнопку «Поделиться» (1), кликните вкладку «HTML-код» (2) и скопируйте содержимое из поля, расположенного ниже.





В поле детального описания переключитесь на HTML редактор, найдите место, где должно располагаться видео и вставьте код с youtube.





Проигрыватель отобразиться в статье по центру.




Вместо детальной картинки для оформления вы можете использовать баннер, заполняющий всю ширину контентной области. Для этого откройте одноименную вкладку и загрузите изображение для простого баннера в поле «Фоновая картинка» (3). Если хотите использовать составной баннер, дополнительно загрузите активную картинку в соответствующее поле (2). Для загрузки используйте меню кнопки Гамбургер.

Чтобы активировать отображение баннера, включите параметр «Баннер сверху» (1).

На баннер будет выводится название статьи и описание анонса. Если вам нужно задать определенный цвет тексту, укажите его hex-код в соответствующем поле (4).




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





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




После этого пустое поле будет содержать ID привязанного товара, а возле кнопки появится его название.



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

Облако тегов, отображаемое под категориями статей, формируется из записей на вкладке «SEO».


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



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


Триггерные рассылки

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

Зачем нужны триггерные рассылки?

По данным компании SeeWhy, Удачные цепочки триггерных писем способны поднять конверсию интернет-магазина до 30%. Свыше 50% клиентов возвращаются на сайт, если им об этом ненавязчиво напомнить письмом. И кое-кто из этой половины даже становится покупателем.

У 1С-Битрикс есть встроенные шаблоны, однако вы можете воспользоваться шаблонами Аспро с другим оформлением. Самые важные письма уже включены в поставку – с готовым универсальным текстом, версткой, кнопками и ссылками. Это письма с информацией о заказе, для забытой корзины (с промокодом на скидку и без него), запрос отзыва на Яндекс.Маркет, реактивация пользователей, сообщение об акциях и распродажах с привязкой к соответствующему разделу и общий шаблон.

Прежде всего триггерные рассылки необходимы для работы с клиентами. С их помощью вы можете:

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

Триггерные рассылки создаются и редактируются в административной части в разделе Маркетинг → Триггерные рассылки → Список рассылок.


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

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


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


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


Вы также можете указать условия для запуска и остановки триггерной рассылки. На примере мы выбрали условие (1) «Давно не покупал», назначили время запуска (2) 01:30, поставили галочку на «Обработать старые данные» (3) — рассылка дополнительно запустится еще и для пользователей, которые не выполняли действие больше указанного количества дней. Выставили срок с момента последний покупки «Не покупал более 30 дней» (4), достижение цели которой будет отображаться в метрике (5) «Заход на сайт».


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


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


Откроется конструктор шаблонов. В нем вы можете отредактировать элементы письма: текст, приветствие, логотип.


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


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


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

Расширенная интеграция с Яндекс. Метрикой

Теперь настроить систему аналитики для сайта на решении Аспро еще легче и проще, потому что мы реализовали расширенную интеграцию Яндекс.Метрикой. Раньше чтобы настроить цели нашим пользователям приходилось обращаться к программисту. Теперь вы можете сделать это сами – за несколько минут и без вмешательства в код решения.

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


Обзор настроек для Яндекс.Метрики

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

Новинка доступна пользователям решений с активной лицензией:

Аспро: Корпоративный сайт 2.0
Аспро: Digital-компания
Аспро: Корпоративный сайт современной компании
Аспро: Корпоративный сайт
Аспро: Оптимус
Аспро: Маркет
Аспро: Крутой шоп
Аспро: Интернет-магазин
Аспро: Корпорация

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

В этой главе мы рассмотрим настройку целей на примерах двух решений – Аспро: Корпоративный сайт современной компании и готового интернет-магазина Аспро: Оптимус. Для остальных решений алгоритм настройки сервиса аналогичен.

Настройки для Яндекс.Метрики находится в Центре управления Аспро в админке вашего решения (блок «Цели и счетчики»). Давайте рассмотрим их на примере решения Аспро: Корпоративный сайт современной компании.

В решении Аспро: Корпорация пункт настроек находится в настройки - настройки продукта - настройки модулей - Аспро: Корпорация - адаптивный сайт


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


В Центре управления для Аспро: Оптимус находятся дополнительные настройки для управления целями: покупки в 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 отобразится на консоли браузера.


В сервисе Яндекса в списке счетчиков у корректно установленного счетчика будет соответствующий значок статуса проверки, а в «Сводке» вы увидите первые собранные данные.


Теперь можно настраивать цели.

Настройка целей в Яндекс.Метрике

В поле «Использовать цели заполнения веб-форм» вы можете:

  • отключить отслеживание конверсии при заполнении посетителями веб-форм, выбрав вариант «Нет»;

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

  • задать отслеживание действий по конкретным веб-формам для учета их доли в конверсии – «Отдельная цель».


Помимо отслеживания действий с веб-формами доступно использование целей для корзины и заказов: добавление товара в корзину, начало оформления заказа и успешное оформление заказа для решения Аспро: Корпоративный сайт современной компании.

Для интернет-магазинов вы можете настроить отслеживание целей покупки в 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 минут, в редких случаях время задержки может быть более часа.

Прочие специфичные цели для готовых интернет-магазинов настраиваются по аналогии.

Интеграция с другими сервисами

В этой главе рассматривается интеграция «Аспро: Маркет» с внешними сервисами: программами складского учета (на примере с 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 клик.
 

Электронная торговля Google

Электронная торговля – инструмент аналитики от Google, созданный специально для ecommerce. Он позволяет анализировать поведение покупателей на сайте или в приложении. Здесь вы найдете подробную информацию о товарах и транзакциях, среднюю стоимость заказов, коэффициенты транзакций, время до покупки и другие полезные данные.

В решениях Аспро: Оптимус и Аспро: Маркет мы предусмотрели все, чтобы работа с сервисами аналитики Google была максимально простой, удобной и понятной. В частности, вам не придется править код сайта – достаточно вставить в соответствующее поле в настройках решения код счетчика Google Analytics или Google Tag Manager, и данные будут собраны. Также мы вывели основные метки для электронной торговли, наиболее важные для интернет-магазинов – для удобной работы с Google Tag Manager.

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

Этапы настройки:

  1. Создание аккаунтов в Google Analytics
  2. Настройка целей в Google Analytics
  3. Подключение Google Tag Manager
  4. Настройка тегов, триггеров и переменных в Google Tag Manager.

Для удобной работы с инструментами мы рекомендуем держать открытыми вкладки с Google Analytics и Google Tag Manager, чтобы проверять, корректно ли мы проводим настройку.

Привязка Google Tag Manager к Google Analytics

Создание аккаунта в Google Analytics и подключение Google Tag Manager

Для того, чтобы подключить Google Tag Manager или Диспетчер тегов на сайте с решением Аспро, вам прежде всего понадобится аккаунт в Google. Если вы пользуетесь сервисами Google, такими как почта или браузер Chrome, то скорее всего, у вас уже имеется аккаунт. Если же нет, то регистрация займет всего пару минут.

Шаг 1. Регистрация сайта в Google Analytics

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

Если вы собираетесь использовать Электронную торговлю, вместо счетчика Google Analytics вам понадобится код Google Tag Manager. Как его получить,читайте далее.

Перейдите в раздел Google Analytics и создайте новый проект, привязав к нему ваш сайт.


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

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


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

Следуйте инструкциям от Google и разместите код счетчика в настройках решения в Центре управления Аспро:


После этого на ваш аккаунт в аналитике будут поступать данные об активности страниц сайта. На этом этапе вы можете настроить цели в Google Analytics.

Если вы собираетесь использовать Электронную торговлю Google, оставьте поле пустым – чуть позже мы скопируем туда код от Google Tag Manager.

Шаг 2. Создание контейнера в Диспетчере тегов

Теперь необходимо создать контейнер в диспетчере тегов. Контейнер - это своеобразный аккаунт в диспетчере со своим специфическим функционалом.

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


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


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

Пример кода Google Tag Manager:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T6DXDK7');</script>
<!-- End Google Tag Manager -->

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


Далее перейдите в Центр управления решением. Найдите поле для вставки счетчика Google Analytics/Google Tag Manager и скопируйте туда полученный код. Активируйте параметр «Использовать электронную коммерцию Google» и сохраните изменения. На этом создание счетчика и настройка решения завершены.

Шаг 3. Связывание аналитики и диспетчера тегов

Теперь нам необходимо настроить Google Tag Manager таким образом, чтобы данные о посещениях и посетителях сайта передавались в Google Analytics. Для этого нам предстоит создать первый тег и триггер.

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

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

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

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


После того, как вы нажмете кнопку, справа откроется меню с выбором типа тега. В конфигурации тега выберите универсальную аналитику (Universal Analytics).


В поле «Тип отслеживания» выберите «Просмотр страницы». В поле «Идентификатор» отслеживания вставьте ваш идентификатор из аналитики.


Идентификатор отслеживания берется из настроек аккаунта в Google Analytics. Перейдите в Google Analytics, нажмите кнопку с шестеренкой внизу экрана, чтобы попасть в админпанель. Выберите столбец Ресурс → Код отслеживания.


Скопируйте идентификатор отслеживания и вставьте в соответствующее поле в настройках тега.

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


В настройках конфигурации вам будет доступно одно значение –  All pages, его и выбирайте.


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

Чтобы проверить это, перейдите обратно в Google Analytics. На вкладке «Аудитория» выберите пункт «Обзор» и посмотрите на отчет.  Если вы настроили первый тег и триггер правильно, в сервисе появится информация о пользователях и просмотрах.



Как создать тег addToCart

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

Шаг 1. Создание переменной

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


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


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

Шаг 2. Создание тега

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


Идентификатор отслеживания берется из привязанного к диспетчеру тегов аккаунту в Google Analytics.


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

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

  • Тип тега — Universal Analytics
  • Тип отслеживания — событие
  • Название категории прописывайте самостоятельно
  • Действие — нажмите кнопку рядом с полем и выберите созданную в шаге 1 переменную.

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

Шаг 3. Создание триггера

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


Дайте триггеру понятное имя.


Установите следующие настройки:

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


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

Если вам потребуется добавить еще условия или удалить ненужные, вы можете сделать это кнопками + и — рядом с полями.

Создав новый триггер, выберите его, чтобы добавить к тегу. Сохраните тег.

В итоге ваш новый тег должен выглядеть таким образом:


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

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



Как создать тег removeFromCart

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

Шаг 1. Переменная

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

Если такую переменную вы не создавали, тогда прочтите здесь как создать переменную (шаг 1).

Шаг 2. Создание тега

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


Идентификатор отслеживания берется из привязанного к диспетчеру тегов аккаунту в Google Analytics.

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

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

  • Тип тега — Universal Analytics
  • Тип отслеживания — событие
  • Название категории прописывайте самостоятельно
  • Действие — нажмите кнопку рядом с полем и выберите переменную Пользовательское событие

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

Шаг 3. Создание триггера

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


Дайте триггеру понятное имя.


Установите следующие настройки:

  • Тип триггера — «Пользовательское событие»

  • Имя события — пропишите вручную имя для события, которое привязывается к триггеру
  • Триггер активируется на следующих страницах — «Некоторые специальные события
  • Активировать триггер при наступлении события и выполнении всех этих условий — установите по порядку значения: Пользовательское событие, равно, имя.

Если вам потребуется добавить еще условия или удалить ненужные, вы можете сделать это кнопками + и — рядом с полями.

Создав новый триггер, выберите его, чтобы добавить к тегу. Сохраните тег.

В итоге ваш новый тег должен выглядеть таким образом:


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

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


Интеграция с CRM-системами

Начиная с версии Аспро: Next 1.1.0 автоматизировать работу бизнеса стало еще проще – реализована интеграция с популярными 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» и нажмите «Настроить список».



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



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



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



Исправьте ошибки и попробуйте еще раз.

Если ошибок нет, а установить соединение не удается, обратитесь в нашу техподдержку.


Интеграция с amoCRM и Flowlu

CRM-система — то, что позволяет бизнесу автоматизировать работу с клиентами, увеличить продажи, стандартизировать работу менеджеров и собрать важную информацию для анализа эффективности. Мы знаем, насколько вам важно не упустить ни одну заявку с сайта, поэтому сделали то, что казалось невозможным для решений на 1С-Битрикс —  реализовали простую и легкую интеграцию с amoCRM и Flowlu.

Благодаря интеграции вы можете передавать с сайта в CRM все заполненные веб-формы:

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

Настройка доступна для решения Аспро: Next с версии 1.1.0. Это займет всего пару минут, а навыки программирования не потребуются.

Для интеграции решения с amoCRM и Flowlu необходимо настроить подключение, а затем настроить веб-формы. Все действия производятся в разделе «Интеграция с CRM» в центре управления Аспро: Next.


Подключение amoCRM

Чтобы подключить amoCRM нужно указать:
  • домен в amoCRM (1);
  • логин от аккаунта в amoCRM (2);
  • ключ API (3).



В качестве логина используется адрес электронной почты, указанный при регистрации. На него же приходит письмо с данными, необходимыми для работы с CRM. Скопируйте из письма часть ссылки, как указано на скриншоте выше (домен третьего уровня — без https:// и .amocrm.ru).



Найти ключ можно в настройках amoCRM на одноименной вкладке.




Внимание! API ключ привязан к паролю. Когда вы его меняете, старый API ключ сбрасывается и устанавливается новый. Поэтому, после смены пароля обязательно обновляйте ключ в настройках решения Аспро: Next.

Подключение Flowlu

Для подключения решения к Flowlu укажите:




  • домен CRM (1) – полный адрес. Его можно взять из письма, которое приходит на электронный ящик, указанный при регистрации:


  • ключ API (2).

Ключ Flowlu можно скопировать из Настройки системы → Настройки системы → API.


Настройка интеграции и веб-форм

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

Под настройками подключения CRM находится группа настроек «Интеграция и соответствие полей». С ее помощью вы можете:
  • Включить интеграцию (1).
  • Активировать автоматическую отправку результатов в CRM (2). В этом случае они будут отправляться в систему сразу после того, как пользователь ее заполнил – вам не придется делать это вручную.
  • Включить логирование для отслеживания проблем с соединением (3). Логи записываются в директории /upload/logs/aspor.next/crm/YY-mm-dd/. Исходящие запросы с сайта в CRM пишутся в %_название_CRM_%_create_lead_request.log, а ответы CRM в %_название_CRM_%_create_lead_response.log, где %_название_CRM_% - подменяется amoCRM или Flowlu, в зависимости от того, с какой CRM вы работаете. Содержимое этих файлов в случае проблем с соединением поможет специалистам выяснить и устранить причину ошибок.
  • Задать название лида для заявок с сайта (4). Значение из этого поля будет использоваться в качестве названия новой сделки в CRM, если в таблице связей полей CRM и форм сайта не указано иное (о таблице читайте ниже).
  • Перечислить теги для amoCRM (5) (в Flowlu этого функционала пока нет). Теги удобно использовать для поиска сделок. Подробнее о работе с ними в amoCRM читайте здесь. Так же, как и с названием лида по умолчанию, передаваемые теги можно переназначить для конкретной формы.



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

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

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



Например, сначала мы установили, что в поле amoCRM «Название сделки» должно передаваться название веб-формы (допустим, «Заказать звонок») и передали несколько результатов, а потом удалили эту настройку.



Следующая отправленная сайтом заявка придет с названием, установленным по-умолчанию (в примере это «Заявка с сайта»).



Настройка закончена! Если вы не выбирали автоматическую отправку результатов, отправлять данные придется вручную. Для этого перейдите на вкладку «Результаты» и используйте иконку в виде файлов. После успешной отправки статус записи изменится на соответствующий.



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



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



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



В Flowlu сведения с той же формы попадут в раздел CRM → Сделки.



Здесь также можно просмотреть более подробную информацию:


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-описания разделов каталога

SEO-тексты с описанием раздела каталога располагаются в двух местах: 
  • на странице со списком разделов



  • на странице со списком товаров раздела.


Добавить или отредактировать их вы можете в настройках компонента каталога. 

Инструкция:

  1. Переключитесь в режим правки и перейдите в настройки компонента каталога, нажав на кнопку «Изменить раздел».

  2. На вкладке «Раздел» разместите SEO-описание раздела для страницы списка товаров.


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


Внимание! Если вы не заполнили 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С-Битрикс: Бизнес.

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



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



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



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



Сохраните изменения. Программа лояльности создана!

Привязка товаров к акциям

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

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



На примере Аспро: Оптимус

Для всех трех решений алгоритм действий одинаков.

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


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

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

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


Результат (на примере Аспро: Маркет):



Результат на примере Аспро: Крутой шоп:


Таймер обратного отсчета для акций

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


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


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

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


Система автоматически рассчитает оставшееся время и выведет счетчик на карточках привязанных к этой скидке товаров.

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


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

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





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



На вкладке «Внешний вид» активируйте или деактивируйте отображение срока действий скидки:

 

Сохраните изменения. Вот так выглядит список товаров после применения настройки:



А вот так при ее деактивации:


Таймер обратного отсчета для торговых предложений

В новых версиях решения можно отображать таймер обратного отсчета акции (скидки) для каждого торгового предложения отдельно.
  • Аспро: 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) и оставим дату применения купона пустой, чтобы его применение было возможно в любой момент.


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

  • Купон на одну позицию заказа — купон можно применить только к одному товару и только один раз. Если в заказе несколько товаров, то купон применяется к самому дорогому товару;

  • Купон на один заказ — купон можно применить один раз на один любой заказ;

  • Многоразовый купон  — купон может применяться к заказам неограниченное количество раз.

После сохранения купон будет добавлен в общий список на странице «Купоны на скидки».

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


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


Стикеры

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

Список стикеров:

  • Хит
  • Советуем
  • Новинка
  • Акция
  • Стикер с произвольной надписью для каждого товара (только для Аспро: Оптимус)
Аспро: Оптимус

image04.png

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

image00.png

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

image01.png

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

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

Выберите свойство, соответствующее для вашей версии продукта: «Наши предложения» (для Маркета) или «Хит продаж» (для Крутого шопа).

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

image06.png

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

image03.png

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

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

image07.png

Значения свойств стикера:

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

Добавление стикеров на карточку товара

В публичной части сайта в режиме правки войдите в редактирование карточки товара. В блоке «Наши предложения» (для Аспро: Маркет) или «Хит продаж» (для Аспро: Крутой шоп) можно активировать/деактивировать созданные стикеры на карточке товара.

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

image09.png

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

image08.png

Активированные стикеры отобразятся на карточке товара в виде заданного для них изображения.

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

image05.png

В итоге стикеры на различных товарах выглядят так:

image02.png

Видеоинструкция




Метатеги

Метатеги – это один из важнейших инструментов продвижения сайта в поисковых 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-описание после списка

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

Рекламные баннеры

Рекламные баннеры

Рекламные баннеры – один из проверенных временем форматов интернет-рекламы.

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

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


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

Рассмотрим варианты, составляющие раздел «Баннеры».



  1. «Сверху над шапкой» – баннер располагается в самом верху страницы над основной панелью навигации.  





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





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







  4. Тип «Над контентом» помещается непосредственно перед содержимым страницы под строкой навигации.




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




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

Тип баннера определяет будет реклама отображаться на каждой странице сайта или в некоторых его разделах. Так, в Аспро: Digital самый нижний баннер, над шапкой и под ней помещаются на каждой странице, а остальные – только в разделах «О компании», «Продукты», «Услуги», «Блог». В Аспро: Next баннеры во всю ширину контентной области, под контентом и над ним отображаются на всех страницах сайта, а боковые только в разделах «Каталог», «Услуги», «Блог», на страницах со справочной информацией («Как купить», «Вопрос-ответ», «О компании» и т.п.), а также на главной при выборе типа главной страницы №3 и №4.

На примере бокового баннера рассмотрим как добавить свое изображение, задействовать и настроить его показ на сайте.

Перейдем в Центр управления:

  • Аспро: Digital в Рабочий стол → Контент (aspro.digital) → Реклама – Внутренние;
  • Аспро: Next в Рабочий стол → Контент → Реклама (aspro.next) → Реклама – Внутренние;
Управление карточками в админке стандартно. Используйте соответствующие кнопки для добавления нового элемента (1) или изменения существующего (2).



Редактор откроет карточку элемента.

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


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


В разделе «Значения свойств» доступны для заполнения следующие поля:

  • Ссылка (4) – страница, на которую будет переправлен посетитель, если кликнет картинку;
  • Открыть в окне (5) – параметр указывает браузеру где открыть ссылку, прикрепленную к баннеру (в новом окне или в текущем);
  • Показ в разделах (6) – позволяет ограничить показ баннеров по разделам. Пустые поля ввода говорят о том, что баннеры будут отображаться по умолчанию в соответствии со своим типом, как было описано выше. Если в параметре указать один из разделов, например «Продукты», реклама отобразится только в этом разделе (включая страницы его элементов);
  • Показ на странице (7) – задает показ баннера на какой-то конкретной странице. Например, можно настроить отображение рекламы на главных страницах разделов, не включая ее в карточках;
  • Позиция (10) – устанавливает тип баннера, определяющий его размещение и поведение (в нашем примере используется «Боковая»);
  • Уменьшение (11) – масштабирует или обрезает изображение анонса;
  • Скрывать на мобильном (8) и Скрывать на планшетах (9) – опция прячет рекламу в мобильной версии сайта.


Пример активации показа баннера на мобильных телефонах.


Примечание. Боковой баннер не отображается в мобильной версии.

После настроек сохраните изменения.

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





Чтобы включить отображение нужного типа баннера в Аспро: Digital перейдите в админке в Рабочий стол → Аспро: Digital → Настройки.



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


Результат наших действий на сайте.

Для веб-разработчиков

Решение Аспро: Next создано на современной технологической платформе – Bootstrap 3.0, HTML5, CSS3, jQuery. Оно имеет принципиально новую архитектуру, с которой по-настоящему удобно работать. В специальном разделе есть библиотеки кнопок, иконок и элементов для оформления.

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

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

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

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

Графические материалы

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

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


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


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

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

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


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


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

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


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


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


Раздел «Элементы» содержит примеры внешнего вида ярлыков (Labels) – иконок, содержащих исчерпывающую информацию, например, об участии предложения в действующей акции или отношение товара к хитам продаж.


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

Пример внутренних вкладок, используемых для улучшения организации предоставляемых пользователю сведений, демонстрирует оформление активных и неактивных вкладок, и поведение страницы при переключении с одной вкладки на другую.


Помимо прочего в этом разделе показаны способы представления аккордеона и его поведения при разворачивании скрытого по умолчанию варианта/полного списка. Функциональной особенностью этого элемента является возможность выбора посетителем какую информацию необходимо раскрыть более подробно, а какая представляется ему излишней.


Один из вариантов аккордеона используется на странице «Вакансии» в решении Аспро: Digital-компания при выборе соответствующей темы оформления раздела.


Ниже расположены примеры оформления предупреждений, шкалы прогресса, формы обратной связи.


Размеры навигационной панели по страницам раздела представлены в 3х вариантах.


Присутствуют дополнительные средства визуального оформления текстовых блоков.


Также в поставку включены элементы для работы с изображениями – Carousel, Fancybox и рамки для миниатюрных изображений.


Использование библиотеки UI-элементов

В этом уроке мы расскажем и покажем наглядно, как можно использовать UI элементы из библиотеки, включенной в поставку решения, а также как пользоваться возможностями верстки, вставлять иконки, кнопки и элементы оформления на сайт.



Внимание! Для успешной работы с html-кодом понадобятся хотя бы минимальные знания тегов и принципов записи. Если возникают сомнения или нужно попрактиковаться, вы можете смело экспериментировать с версткой на тестовой странице. Изменение html-кода может испортить верстку отдельной страницы, но не сломает весь сайт.

Представленные на демо-сайте UI элементы являются html-кодом, который вы можете скопировать и вставить в нужное место на странице сайта. В качестве примера добавим на сайт элемент «Шестеренки» и заголовки разного размера.




Перейдите на нужную страницу сайта, где вы хотите разместить элементы, активируйте режим правки и откройте страницу для редактирования. Переключитесь на совмещенный режим отображения, чтобы было видно одновременно и html-код, и внешний вид содержимого.




Откройте на вашем сайте раздел с библиотекой UI-элементов, перейдите на страницу с нужным содержимым, войдите в режим редактирования и также переключитесь в нем на совмещенный режим отображения.



Скопируйте код интересующих вас элементов и вставьте на странице своего сайта. 



В нашем примере скопирован код заголовка и код элемента «Шестеренки». Вы можете вносить изменения в код – например, убрать тестовый текст под заголовком или поменять подпись под шестеренками.

После сохранения изменений на странице отображаются нужные элементы:










Модификация кода решений

В этой главе мы опишем общие принципы кастомизации решений Аспро: Digital-компания, Аспро: Next и Аспро: Медицинский центр 2.0.

Эти готовые сайты созданы на новой технологической платформе Аспро, Bootstrap 3.0, HTML5, CSS3, jQuery и открывают новые возможности для доработки и развития функционала.

Модифицируйте элементы сайта быстро и без лишних трат благодаря улучшенной архитектуре.

Внимание! Информация, представленная в этой главе, носит рекомендательный характер и предназначена для программистов, владеющих навыками разработки на 1С-Битрикс. Мы не оказываем консультации по разработке и не несем ответственности за последствия изменения кода шаблона. Инструкция подразумевает, что вы сможете выполнить работу с кодом самостоятельно.

Мы настоятельно рекомендуем придерживаться наших рекомендаций. Ошибки, возникшие из-за некорректных действий, устраняются платно.

Если вы не разработчик и хотите доработать решение под ваш проект – например, изменить внешний вид блоков, разделов, элементов или добавить новый функционал, пожалуйста, свяжитесь с нами.

Общие рекомендации

Для модификации предусмотрены отдельные файлы, которые вы можете редактировать по своему усмотрению и затем подключать как свои шаблоны. Внесенные изменения не будут затираться при обновлениях решения – больше никаких конфликтов функционала!

Алгоритм:
  • Подключите шаблон с пометкой custom в настройках модуля решения или настройках компонента.
  • На соответствующей странице выведется подсказка – путь к файлу, в который необходимо вносить изменения.
  • Внесите изменения в указанный файл. Для удобства можно использовать код существующих шаблонов.

По этому алгоритму вы можете легко и быстро редактировать код практически любых элементов сайта – от шапки до детальной страницы блога или товара, включая карточку быстрого просмотра. При этом у вас сохранится возможность обновлять платформу и решение, пользоваться услугами стандартной бесплатной поддержки от Аспро.

Обратите внимание, что по описанному алгоритму, без потери обновлений и поддержки, модифицируются составляющие части комплексных компонентов.

Например, вы можете редактировать код шаблона детальной страницы или списка, но не можете сделать это для комплексных компонентов «Каталог» и «Новости». Если вам необходимо изменить шаблоны комплексных компонентов, мы рекомендуем проводить работы на копии шаблона и после каждого обновления вручную синхронизировать файлы. В этом случае решение снимается со стандартной поддержки.

Также мы рекомендуем по возможности воздержаться от кастомизации следующих шаблонов:

  • корзина
  • оформление заказа
  • персональный раздел покупателя D7.
Для этих элементов в наших решениях используются стандартные шаблоны от 1С-Битрикс, которые регулярно обновляются. Их изменение подразумевает, что после каждого обновления платформы вам либо придется вручную синхронизировать файлы, либо отказаться от обновлений.

Подключение шаблона custom через модуль настроек

Авторизуйтесь и перейдите в Центр управления Аспро → Настройки.




В списке настроек найдите шаблон, который хотите модифицировать – например, тип главной страницы. В выпадающем списке выберите вариант с отметкой custom и подключите его, нажав кнопку «Применить».

Таким способом вы можете подключить шаблоны для модификации следующих элементов:
  • Боковое меню
  • Тип поиска
  • Оформление заголовка и хлебных крошек
  • Тип главной страницы
  • Фиксированная шапка
  • Варианты шапок
  • Использовать быстрый просмотр товаров
  • Детальная страница каталога
  • Контакты
  • Блог
  • Проекты
  • Новости
  • Компания \ Наши сотрудники
  • Компания \ Бренды
  • Компания \ Бренды - детальная
  • Компания \ Вакансии
  • Компания \ Лицензии
  • Футер
  • Мобильная шапка
  • Тип мобильного меню
  • Способ отображения мобильного меню.

После того, как вы нажмете кнопку «Применить», шаблон для кастомизации подключится, а на месте расположения элемента будет выведена подсказка с указанием пути к файлу, куда нужно вносить изменения.

Для примера подключим шаблон для кастомизации в настройках «Оформление заголовка и хлебных крошек».


Перейдем в публичную часть сайта. Блок, где располагается этот элемент, будет выглядеть так:



Строчка /var/www/try/data/www/next.aspro-try.ru/bitrix/templates/aspro_next/page_blocks/page_title_custom.php является подсказкой, которая указывает полный путь к файлу для кастомизации.

Вернитесь в административную часть и найдите нужный файл.



Выберите пункт «Редактировать как PHP». Внесите необходимые изменения и сохраните результат.

Кастомизация главной страницы

Процесс кастомизации шаблона главной страницы незначительно отличается от общего алгоритма, описанного в предыдущей главе.

В Центре управления Аспро найдите настройку «Тип главной страницы». В выпадающем списке выберите вариант custom и нажмите кнопку «Применить».



Перейдите в публичную часть сайта. Главная страница с подключенным шаблоном custom будет выглядеть так:




Далее перейдите обратно в админку. В структуре сайта найдите файл indexblocks_custom.php. Он предназначен для внесения изменений.

В работе вы можете использовать фрагменты кода из наших вариантов главной страницы или разместить свой вариант.

Список файлов с кодом решения, которые помогут в работе:

indexblocks_index1.php
indexblocks_index2.php
ndexblocks_index3.php
indexblocks_index4.php

Сохраните изменения. Кастомизация завершена!

Подключение шаблона custom через настройки компонентов

С помощью этого способа подключаются шаблоны custom для списков и детальных страниц. Посмотрим, как это делается, на примере страницы списка для блога.

В публичной части сайта перейдите в блог. Вызовите окно настроек параметров компонента.



Найдите раздел «Основные параметры». Подключить custom можно для 2 шаблонов:

  • Шаблон страницы блока списка элементов
  • Шаблон страницы блока детальной страницы.



Подключим один из них – например, шаблон custom для страницы списка. В публичной части вместо списка элементов выведется подсказка – путь к файлу, в который необходимо вносить изменения.

В нашем случае он выглядит так:

/var/www/try/data/www/next.aspro-try.ru/bitrix/templates/aspro_next/components/bitrix/news/blog/page_blocks/list_elements_custom.php




Далее следуйте инструкции, приведенной в главе «Подключение шаблона custom через модуль настроек».
  1. Найдите файл list_elements_custom.php в структуре сайта.
  2. Отредактируйте его.
  3. Сохраните изменения.

Аналогичным образом можно изменить детальную страницу и страницу списка каталога товаров. В этом случае мы можем подключить шаблон custom для:
  • шаблона страницы блока списка разделов
  • шаблона страницы блока списка элементов
  • шаблона страницы блока детальной страницы.


Модификация списка элементов каталога

В этом уроке приводятся рекомендации по модификации кода элементов каталога – страницы списка и быстрого просмотра товаров.


Страница списка элементов



 
Быстрый просмотр товаров

Для того, чтобы модифицировать эти элементы, перейдите в настройки компонента каталога. Найдите параметр «Шаблон страницы блока». Из выпадающего списка выберите list_elements_custom и нажмите кнопку «Сохранить». На странице списка товаров будет выведен путь к файлу для редактирования.



Перейдите в структуру сайта  /bitrix/templates/aspro_next/components/bitrix/catalog/main. Найдите папку page_blocks. В ней содержатся файлы, которые можно редактировать без потери обновлений и поддержки.



Файлы с пометкой custom предназначены для внесения изменений:

  • element_custom.php – для модификации страницы элемента
  • fast_view_custom.php – для модификации быстрого просмотра товаров
  • list_elements_custom.php – файл для модификации списка элементов
  • sections_custom.php – для модификации компонента списка разделов.
Внимание! Чтобы подключить файл custom для быстрого просмотра товара, в настройках Центра управления найдите параметр «Использовать быстрый просмотр товаров». В выпадающем списке подключите fast_view_custom.



Обратите внимание: изначально файлы для кастомизации будут пустыми. Добавьте или скопируйте из существующих файлов содержимое (нужные компоненты и прочее) и отредактируйте код по своему усмотрению.

Название файлов, откуда вы можете скопировать код для редактирования:
  • element_1.php – детальная страница с табами
  • element_2.php – детальная страница без табов
  • fast_view_1.php – быстрый просмотр
  • list_elements_1.php – шаблон страницы блока списка элементов
  • sections_1.php – шаблон страницы блока списка разделов.

Укажите в компонентах модифицированных шаблонов (*_custom.php) нужные вам компоненты для bitrix:catalog.section (их необходимо предварительно создать на предыдущих шагах). Пример: 


Что получится в итоге:

  1. Шаблон каталога (main) не кастомизирован полностью

  2. Для шаблонов каталога подключены файлы, которые содержат измененные компоненты – в том числе и быстрый просмотр товаров.




Кастомизация цены, кнопок «Купить» и «Наличие»

В решениях Аспро: Оптимус и Аспро: Next вы можете модифицировать вывод цены, кнопку «Купить» и метку «В наличии» при помощи специальных событий. При этом изменения не будут затираться при обновлении решения.

Названия событий вы можете найти в файле include.php.

  • Адрес файла для решения Аспро: Оптимус

Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix → modules → aspro.optimus → include.php

  • Адрес файла для решения Аспро: Next

Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix → modules → aspro.next → include.php

Названия представлены в виде закомментированных областей:


Файл с примерами событий находится тут:

  • \bitrix\modules\aspro.optimus\lib\functions\CAsproOptimus.php (для Аспро: Оптимус)

  • \bitrix\modules\aspro.next\lib\functions\CAsproNext.php (для Аспро: Next).

В структуре сайта также предусмотрен специальный файл для вашего кода, в котором вы сможете работать с обработчиками из файла.

  • Путь к файлу для Аспро: Оптимус

\bitrix\modules\aspro.optimus\lib\functions\CAsproOptimusCustom.php

  • Путь к файлу для Аспро: Next

\bitrix\modules\aspro.next\lib\functions\CAsproNextCustom.php

Требования к графическим материалам

В этом уроке рассмотрим требования к графическим материалам, которые понадобятся для запуска интернет-магазина на основе Аспро: Next. К ним относятся баннеры на главной странице, тизеры, картинки для новостей, акций и т.д.

Главный баннер

  • Тип главной страницы №1



Здесь располагаются основной баннер со слайдером и 4 дополнительных маленьких баннера. На основном баннере можно разместить неограниченное количество слайдов, которые будут автоматически меняться через установленные промежутки времени.

В зависимости от выбранной ширины сайта размер баннера может меняться от 930 до 1314 px. Вы можете для каждой ширины сайта указывать свою ширину баннера, но мы рекомендуем выбирать ширину 1920 px, тогда края сами обрежутся под нужную.

Требования к основному баннеру: файл .jpg или .png с разрешением 1920x450 px (c рекомендуемой безопасной зоной в 900px по центру)

Требования к дополнительным баннерам: файл .jpg или .png с разрешением 320x215 px.

  • Тип главной страницы № 2



При таком типе баннер со слайдером располагается во всю ширину экрана.

Требования к основному баннеру: файл .jpg или .png с разрешением 1920x450 px.

  • Типы главной страницы №3,4





При разной выбранной ширине сайта размер баннера может меняться от 930 до 1314 px. Вы можете для каждой ширины сайта указывать свою ширину баннера, но мы рекомендуем выбирать ширину 1920 px, тогда края сами обрежутся под нужную.

Требования к основному баннеру: файл .jpg или .png с разрешением 1920x450 px.

Узкий баннер на главной




Располагается внизу главной страницы. На нем вы можете рекламировать ваши товары.


Требования к узкому баннеру на главной: файл .jpg или .png с разрешением 1920x150 px (c рекомендуемой безопасной зоной в 900px по центру).

Маленькие баннеры на главной




Располагаются под главным баннером при типе главной страницы № 2 и перед блоком новостей и акций при типе главной страницы №1.

Требования к 3 маленьким баннерам: файл .jpg или .png с разрешением 530x180 px.


Баннеры левой колонки

Располагаются в левой части сайта под каталогом при выбранном типе главной страницы № 3 или 4.



Требования к баннерам левой колонки: файл .jpg или .png с разрешением 530x390 px.


Плавающие баннеры (большой и малый)




Блок баннеров на главной странице (тип №3)  с быстрым доступом к разделам каталога. Эти баннеры выстраиваются в ровную плитку на любой ширине окна. Они бывают двух видов: большие и маленькие.

Требования к плавающим баннерам: файл .jpg или .png. Разрешение для больших — 816x250 px, для маленьких — 397x250 px.


Круглые тизеры на главной странице типа №3




Располагаются под главным блоком. Позволяют осуществлять быстрый перход к разделам каталога.

Требования к круглым тизерам: файл .jpg или .png. с разрешением 80x80 px.


Тизеры преимуществ

В блоке тизеров на главной странице или в разделах сайта вы можете лаконично представить основные преимущества вашей компании или конкретной услуги. Тизер состоит из иконки и краткого описания.




Требования к тизерам преимуществ: файл .jpg или .png. с разрешением 44x44 px.


Фото для блока новостей и акций

Блок располагается на  главной странице. При клике на элемент вы попадаете на детальную страницу новости или акции.




Требования для фото блока новостей и акций: файл .jpg или .png. с разрешением 630х420 px.


  Баннеры детальных страниц новостей и акций



Требования к баннерам детальных страниц новостей и акций: файл .jpg или .png. с разрешением 1314x360 px.


Баннеры в детальных страницах разделов

Сюда относятся, например, страницы акций или лендингов.




Требования к баннерам детальных страниц разделов: файл .jpg или .png. с разрешением 1920x450 px.


Фоновое изображение (бэкраунд)

Вы можете установить для своего сайта фон и настроить условия его показа (например, ширину экрана, при которой фон демонстрируется и при которой пропадает). Подробнее об управлении фоновыми изображениями сайта читайте в уроке «Фоновое изображение».




Требования к фону: файл .jpg с разрешением не менее 1920x1500 px


Фото товара для карточки




Основное фото товара на его странице.

Требования к фото для карточки товара: файл .jpg или .png с разрешением не менее 500х500 px. Оптимально — 1000х1000 px. Изображение обязательно должно быть квадратным.


Фото товара для раздела каталога





Требования к фото для раздела каталога: файл .jpg или .png с разрешением не менее 120x120 px. Изображение обязательно должно быть квадратным.


Иконки левого меню каталога

Новая опция в Аспро: Next — загрузка пользовательский картинок для меню каталога. Подробнее, как это сделать, читайте в этой главе.



Иконки каталога в левом меню автоматически уменьшаются из картинок категорий каталога до размера 32x32 px.

Установка модулей сторонних разработчиков

Решения «Аспро» поддерживают стандартный набор модулей и компонентов 1С-Битрикс.

Мы не тестируем модули и компоненты сторонних разработчиков, поэтому не можем гарантировать совместимость с решениями «Аспро» и 100% работоспособность на готовом сайте.  Для того, чтобы установить такое решение, рекомендуем обратиться к сертифицированным партнерам 1С-Битрикс.

Внимание! Если вы собираетесь установить модуль или компонент стороннего разработчика, помните: вы делаете это на свой страх и риск. Любые вмешательства такого рода приравниваются к изменению кода и могут привести к нарушению логики работы решения, изменениям верстки и программным ошибкам.  Перед тем, как устанавливать модуль, убедитесь, что вы обладаете необходимыми навыками для внесения изменений в решение и обязательно выполните резервное копирование.