0  /  197

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

Содержание

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

В главе описан алгоритм установки «Аспро: Шины и диски 2.0»: от подготовки хостинга, активации лицензии 1С Битрикс и до установки решения. 

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

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



Настройка

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

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

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

Первые шаги


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

Тип цен

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

Чтобы добавить новый тип цен, нужно в административной части сайта зайти по пути Рабочий стол → Магазин → Настройки → Типы цен

01.jpg

Для создания нового типа, нужно заполнить следующие обязательные поля:

02.jpg


  • Базовый (1) – поставить галочку, если тип назначается базовым и показывается всем пользователям по умолчанию. Обязательно следует выбрать хотя бы 1 базовый тип.
  • Внешний код (приходит из 1С) и код (задаётся в системе сайта)  (2) заполняются большими латинскими буквами, помогают системе соотнести принадлежность пользователя к группе и предложить ему и определенный тип цен
  • Название (на русском и английском) (3) – поле для ввода корректного названия типа цены.
  • Группа пользователей, имеющая право на просмотр данного типа цен (4) – выбирается группа, которая увидит данный тип цен на сайте. Для базового типа цены необходимо поставить видимость всем пользователям, включая незарегистрированных
  • Группы пользователей, имеющие права на покупку по этому типу цен (5) – определяются группы пользователей, которые при определенных условиях могут приобретать товары по заданному типу цен. Для базового типа цены необходимо поставить возможность покупки всем пользователям, включая незарегистрированных.
Внимание! В редакции битрикса «Малый бизнес» вы можете использовать лишь базовый тип цен.

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

03.jpg

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

04.jpg

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

05.jpg


Фавикон и логотип

Логотип — важная часть имиджа организации и неотъемлемый элемент фирменного стиля. Логотип компании отображается над верхним меню в шапке сайта.

01.jpg


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

02.jpg


Web clip icon — специальная иконка для Apple-устройств, отображающаяся на странице вашего сайта и в браузере Safari.

Чтобы загрузить логотип, фавикон и web clip icons, войдите в административную часть сайта и перейдите в раздел Контент → Структура сайта → Файлы и папки → bitrix → templates → aspro_kshop → themes.

03.jpg

Заходите в папку выбранного цветового решения вашего сайта и заменяете файлы в папке images:

04.jpg

  • favicon.ico (1) – название файла для фавикона. Формат для загрузки – .ico. Размеры картинки — 16х16 пикселей.
  • favicon_57.png и favicon_72.png(2) –  название для web clip icon. Формат для загрузки  — .png. Размеры картинки  —  57х57 или 72х72 пикселей.
  • logo.png (3) – название файла для логотипа. Формат для загрузки – .jpg или .png (предпочтительнее). Размеры картинки — любые (логотип адаптируется под размеры блока, в котором размещается)

05.jpg

Также, иконку нужно заменить в корне сайта: Контент → Структура сайта → Файлы и папки

06.jpg

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

Баннеры

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

  • изображение (1)
  • название (2)
  • описание для анонса (3)
01.jpg

Требования к баннерам:

Размер: В решении Аспро:Шины и диски используется один размер баннера на главной странице: 980x260px

Рекомендуемый формат – JPG или PNG.

Добавлять, редактировать и удалять баннеры можно как в публичной части сайта, так и в административной панели (Контент → Реклама → Баннеры)

02.jpg

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

  • «Изменить баннер» – кнопка, вызывающая окно для редактирования параметров баннера.
  • «Удалить баннер» – для удаления баннера.
  • «Добавить баннер» – вызывает окно добавления нового элемента.

03.jpg

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

Основные настройки:

Вкладка «Баннер»

04.jpg
  • Отмечаем параметр «Активность» (1)
  • Задаем название баннера (2)
  • Задаем сортировку (порядок отображения баннеров) (3)
  • URL для перехода при клике на изображении (4) – ставим ссылку на страницу, на которую попадет пользователь, кликнув на баннер
  • Тип перехода (target) (5): задаем сценарий перехода по ссылке - где она отроется в текущем окне или в новом
  • Тип баннера (6) – чтобы выбрать тип баннера, нужно нажать на кнопку троеточия, откроется новое окно. При первом добавлении, в фильтре нужно выбрать Информационный блок: Тип – Реклама [aspro_tires_adv] Инфоблок  – Типы баннеров [25]. В списке элементов появится нужный нам тип: Верхний баннер 980х260. Кликните на него 2 раза либо с помощью кнопки «гамбургер» выберете действие «Открыть»

05.jpg

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

06.jpg

Введите короткое текстовое описание, которое будет выводиться на баннере.

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

07.jpg

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

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

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

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

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

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

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


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


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

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

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

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


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

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

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

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

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


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


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

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

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

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


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


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

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

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

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


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


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

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

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


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


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

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


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

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

Инструкция по интеграции решения с 1С

Установите решение по нашему алгоритму.

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

Создание пользователя или группы пользователей для 1С

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

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


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


На вкладке «Доступ» в поле «Торговый каталог» выберите вариант «Редактирование цен». В поле «Управление структурой» — «Редактирование файлов». Сохраните изменения.


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


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


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


Затем необходимо дать доступ на чтение группы к папке «/bitrix/admin/». Для этого после доменного имени вашего сайта вставьте адрес «/bitrix/admin/fileman_access.php?lang=ru&site=&path=/bitrix&files[]=admin» и перейдите по ссылке. В поле новой группы выставите право доступа «Чтение». Сохраните изменения.


Перейдите в Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.tires2). Затем в каждом инфоблоке измените права доступа для новой группы. Для этого в строке с названием инфоблока нажмите на «Гамбургер», затем поле «Изменить».


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


Последним шагом перейдите в Магазин → Настройки → Интеграция с 1С. На вкладке «Каталог» в поле «Разрешить загрузку группам пользователей» выберите группу пользователей для обмена данными. Если какие-то из групп уже отмечены, выберите новую группу при нажатой клавише ctrl. Затем кликните на блок «Расширенные настройки».



Так как решение устанавливается с демо контентом, на сайте будут загружены товары с демо версии. Чтобы при выгрузке из 1С удалить категории и товары, которых нет в программе, необходимо выбрать параметр «удалить» в соответствующих полях (1) и (2). Если в 1С бренды изначально добавлены в одну категорию, например, Шины → Бренд, то поставьте галку в поле «Не импортировать верхний уровень группы товаров, если он единственный» (3).




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

Выгрузка данных на сайт из 1С

Чтобы товары выгрузились в существующие инфоблоки, необходимо соответствие идентификатора каталога на стороне сайта и 1С.

  1. Вы можете скопировать идентификатор каталога на сайте и вставить его в соответствующие поля в 1С.

  2. Или скопировать идентификатор каталога из 1С и вставить его в соответствующие поля на стороне сайта.

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



Рассмотрим 1 вариант приведения соответствия идентификатора инфоблоков:

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


Скопируйте идентификатор каталога из поля «Внешний код».


Перейдите в конфигурацию 1С:УТ 11 «Администрирование – Синхронизация данных». Активируйте поле «Выгрузка товаров». В блоке «Назначение» выберите параметр «Выгружать на сайт», а также заполните поля:

  • Адрес сайта – адрес вашего сайта, содержащий путь до файла /bitrix/admin/1c_exchange.php (либо путь к странице с собственными настройками интеграции).

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

  • Пароль – пароль пользователя.




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



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




Соответствие полей фильтра

Перейдите в Аспро → Аспро: Шины и диски 2.0 → Соответствие полей фильтра. В полях свойств задайте соответствие параметров к 1С (1). Иконки будут отображены при совпадении значений введенных ниже со значениями свойства (2). Помните, что значение свойств на русском языке всегда регистрозависимое. При выгрузке товаров вы должны убедиться, что если значения в 1С заполнены с большой буквы, то значение свойств в подборе соответствия полей должно быть заполнено аналогично.




Настройте соответствие полей фильтра и сохраните изменения.

Настройка свойств для подбора товаров по параметрам

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

Подбор шин

В подборе шин по параметрам добавлены свойства в виде выпадающего списка: ширина, высота и диаметр (1). А также свойства сезонности и шипованности в виде флажков (2).


В административной части сайта перейдите в настройки инфоблока «Шины»: Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.tires2) → Шины. Перейдите на вкладку «Свойства». Настраивайте те свойства, которые были заданы при выгрузке из 1С (Аспро → Аспро: Шины и диски 2.0 → Соответствие полей фильтра).

Для полей «Ширина», «Высота» и «Диаметр» задайте следующие параметры.

В строке свойства кликните на многоточие.




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



Для свойств «Сезонность» и «Шипы» задайте следующие параметры.

В строке свойства кликните на многоточие.


Активируйте поле «Показывать в умном фильтре» (1). В поле «Вид в умном фильтре» выберите вариант «Флажки» (2). Сохраните изменения.


Подбор дисков

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


В административной части сайта перейдите в настройки инфоблока «Диски»:  Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.tires2) → Диски. Перейдите на вкладку «Свойства». Настраивайте те свойства, которые были заданы при выгрузке из 1С (Аспро → Аспро: Шины и диски 2.0 → Соответствие полей фильтра).

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

В строке свойства кликните на многоточие.


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


Подбор аккумуляторов

В подборе аккумуляторов по параметрам добавлены характеристики в виде флажков: клеммы и полярность (2). А также свойство «Емкость» в виде ползунка (1).


В административной части сайта перейдите в настройки инфоблока «Аккумуляторы»: Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.tires2) → Аккумуляторы.

Перейдите на вкладку «Свойства». Настраивайте те свойства, которые были заданы при выгрузке из 1С (Аспро → Аспро: Шины и диски 2.0 → Соответствие полей фильтра).

Для поля «Емкость» задайте следующие параметры. 

В строке свойства кликните на многоточие.


Активируйте поле «Показывать в умном фильтре» (1). В поле «Вид в умном фильтре» выберите вариант «Число от-до, с ползунком» (2). Сохраните изменения.


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

В строке свойства кликните на многоточие.


Активируйте поле «Показывать в умном фильтре» (1). В поле «Вид в умном фильтре» выберите вариант «Флажки» (2). Сохраните изменения.






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

Ознакомьтесь с основными терминами

Регионы — это элементы инфоблока. К ним привязываются скады и типы цен. Может быть выбран один тип цены для региона, например, розничная. Или несколько, например, розничная и оптовая. Также вы можете создать тип цены, который будет актуален только для одного региона. С помощью этих настроек в разных регионах можно отображать различные цены, контент, товары, остатки на складах. Несколько типов цен доступно только на редакции 1С-Битрикс: Бизнес.

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

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

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

Перейдите в Контент → Региональность (aspro.tires2) → Регионы. Если вы хотите создать город, нажмите кнопку «Добавить город» (1). Если вы хотите создать область, например, московскую, так как она будет включать несколько городов, кликните на стрелку справа от кнопки «Добавить город» и нажмите на «Добавить регион/область» (2).




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




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




Чтобы привязать телефоны, электронную почту и адрес к каждому региону, перейдите в Контент → Региональность (aspro.tires2) → Регионы → Ваш регион. На вкладке «Информация» пропишите номера телефонов (1), адреса (2), название электронных ящиков (3) для региона в соответствующих полях и сохраните изменения.




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




Текст на главной странице.


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









Загрузка изображений

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

Перейдите в редактирование модели. Для этого перейдите в Контент → Каталог (aspro.tires2) Шины → Бренд. Здесь доступны модели каждого производителя. В нашем примере взят бред «Amtel». Чтобы добавить изображение к модели, в строке названия нажмите на «Гамбургер», затем кнопку «Изменить».


На вкладке «Раздел» перетащите картинку в соответствующее поле или кликните на область и загрузите изображение.


Все типоразмеры модели «Planet Т-301» наследуют изображения.


Выгрузка из 1С завершена и все основные настройки заданы! Загружайте свой контент: описание компании, сотрудников, услуги, статьи и др. Адаптируйте готовое решение под ваш фирменный стиль: настраивайте дизайн главной страницы, сайта и конкретных элементов. И получайте клиентов через ваш интернет-магазин. Разобраться в настройках вам поможет документация, база знаний и YouTube-канал.

Также мы всегда рады помочь с настройками решения и платформы 1С-Битрикс через техническую поддержку. Оставляйте запросы специалистам на странице: https://aspro.ru/support/. Для более оперативного ответа пишите в онлайн-чат на этой же странице или в Центре управления в административной части сайта.

Онлайн-чат на странице: https://aspro.ru/support/.


Онлайн-чат в Центре управления в административной части сайта.






Настройка свойств для подбора товаров по авто

Чтобы умный фильтр подбора товаров по автомобилю работал корректно, необходимо выгрузить базу данных. Она приобретается отдельно в компании МаркетМиксер. После того, как вы купили базу данных, перейдите в Аспро → Аспро: Шины и диски 2.0 → Marketmixer. Загрузите файл в специальное поле. Подбор товаров по автомобилю настроен!

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

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

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

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


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

  • Мобильная шапка (1);

  • Тип мобильного меню (2);

  • Способ отображения мобильного меню (3).


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


Белая шапка мобильной версии


Цветная шапка мобильной версии

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


Краткий тип меню

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

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


Подробный тип меню

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


Отображение меню слева


Отображение меню сверху

Для сохранения всех настроек нажмите на кнопку в верхнем правом углу.


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

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

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

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


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


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


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



Настройка фиксированной шапки в мобильной версии

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

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

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


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


Страница мобильной версии сайта с выключенной фиксированной шапкой. При скроллинге страницы шапка не отображается:



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

Типовые настройки решения находятся по следующему пути Аспро → Аспро: Шины и диски 2.0 → Настройки. Эти настройки основные и именно они отвечают за внешний вид и часть функционала сайта.


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


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

Общие

Настройки из раздела «Общие» позволяют:  

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




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

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


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




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

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

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



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

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

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

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



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



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

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

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

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


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

В Аспро: Шины и диски 2.0 вы можете выбрать какую каптчу использовать на своем сайте: стандартную от 1С-Битрикс или Google reCAPTCHA.

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

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


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


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


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

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

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

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

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

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


Скопируйте их в одноименные поля.


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


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


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

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


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


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

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



Инстаграм

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

Перейдите в настройки Аспро → Настройки


Пролистайте страницу настроек до блока «Инстаграм». Здесь вам необходимо ввести:

  • API token своего профиля в Instagram (1). О том, как получить API token читайте в нашей статье;

  • указать заголовок блока (2). По умолчанию используется «Мы в Instagram»;

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

  • указать размер отображаемого текста (4);

  • количество получаемых элементов (5);

  • количество видимых элементов (6).


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



Главная

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


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


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

Подбор товаров может иметь изображение раздела и название, а также дополняться еще и списком подразделов. Например, подбор товаров может быть по шинам и дискам и по АКБ.

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

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



Шапка

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


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

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


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

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



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

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


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

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


Перейдите в блок «Общие» и установите или снимите галку в соответствующем пункте.


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

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




Регионы

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


Блок «Регионы» в административной части сайта


Блок «Регионы» в виджете настроек

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

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

Каталог

Раздел «Каталог» позволяет:

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




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

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




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

Решение «Аспро: Шины и диски 2.0» позволяет задать собственные названия основных кнопок сайта. Чтобы это сделать перейдите в раздел «Настройки» в административной части сайта в блок «Выражения и названия». Пропишите названия в соответствующих полях и сохраните настройки.


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



Корзина

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

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


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

Пункты 1, 2 и 3 также выведены в виджет настроек в соответствующем разделе.


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

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

  • каталога;
  • поиска;
  • корзины;
  • оформления заказа;
  • сравнения товара;
  • персональной страницы пользователя.


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



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

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

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

Для настройки раздела укажите:

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


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



Разделы

Настройка внешнего вида всех разделов сайта производится в Аспро → Настройки → Разделы.

Для настроек доступны следующие разделы:

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



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




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

Для настройки данных разделов в административной части сайта перейдите в Аспро → Настройки и выберите необходимый раздел.


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

    



Футер

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


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


Настройка футера в публичной части сайта



Баннеры

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


Настройка баннеров в административной части сайта


Настройка баннеров в публичной части сайта



Мобильная версия

Подробнее о настройке мобильной версии читайте в нашей статье.


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


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



Личный кабинет

Здесь вы решаете будет Фамилия Имя Отчество выводиться в одной строке или нет. И равен логин e-mail адресу или нет.


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


Настройка личного кабинета в публичной части сайта

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



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

Настройка целей и счетчиков доступна только в административной части сайта. Здесь вы выбираете сервис, который будете использовать для e-commerce – электронную коммерцию Яндекс или Google.


Для сохранения настроек нажмите кнопку «Применить».



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

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


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

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

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

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

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


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


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

5. Блок с последними новостями из нашего блога.


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


Административный раздел

Этот раздел поможет разработчикам модифицировать код решения.


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

Здесь вы можете отредактировать пользовательские стили css и скрипты javascript.


Настройки шрифта с помощью Google Fonts

В Аспро: Next, начиная с версии 1.2.0, Аспро: Корпоративный сайт 2.0, начиная с версии 1.1.0, Аспро: Маркет, начиная с версии 1.5.0, Аспро: Шины и диски 2.0 и Аспро: Оптимус, начиная с версии 1.3.0, появилась возможность самостоятельно изменить шрифт под специфику проекта. Делается это в пару кликов и без помощи программиста — достаточно выбрать понравившийся шрифт из библиотеки шрифтов Google и добавить его в специальное поле решения. 

Видеоурок по добавлению шрифтов из библиотеки Google Fonts на примере Аспро: Next




Откройте Google Fonts. Для русскоязычного сайта в панели поиска справа выберите у параметра «Languages» вариант «Cyrillic».

Выберите понравившийся вам стиль и нажмите «+».


Внизу появится панель, которую нужно развернуть.


В панели перейдите на вкладку «Customize» (1).

Для корректного отображения выбранного шрифта на сайте отметьте галкой в списке параметры:

  • «regular 400» (2) – чтобы использовать шрифт для обычного (нормального) текста;
  • «bold 700» (3) – чтобы на сайте работало выделение текста заданного стиля полужирным.
  • «Cyrillic» (4) – стиль сработает для русскоязычного текста;

Затем переключитесь на вкладку «Embed» (1) и скопируйте код из «Embed Font → Standart» (2).

Перейдите в административную часть сайта.

Аспро: Next → Настройки

Аспро → Аспро: Allcorp2 → Настройки

Аспро → Аспро: Market → Настройки

Аспро → Аспро: Шины и диски 2.0 → Настройки

Аспро → Аспро: Optimus → Настройки

Найдите в группе общих настроек поле «Произвольный шрифт» и вставьте в него код.

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

Результат на сайте после применения шрифта из библиотеки Google:


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

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


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

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


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



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



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

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


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

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



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


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


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

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

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


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


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

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

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



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





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



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

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

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



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



Отключить виджет настроек

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



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



Разберем порядок действий на примере решения Аспро: Next.

Чтобы отключить отображение виджета настроек, перейдите в административной части сайта в Аспро → Аспро: Next → Настройки. Уберите галку в поле «Переключатель тем» (1) и нажмите «Применить» (2).


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

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


Базовый цвет

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

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

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

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

Ширина сайта

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


Шрифт

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

Цвет меню

В этом разделе (7) задается цвет меню шапки сайта. Оно может быть:

  • Светлым;


  • Темным;


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


Боковое меню

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

  • баннеры;

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

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

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

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

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

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

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

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


Заголовки

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

Тип поиска

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

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

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

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


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


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


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


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

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

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

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


Тип выпадающего меню у каталогов в шапке

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

  • с подбором;


  • с брендами.


Блок «Заказать звонок»

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

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

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




Главная

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


1 тип главной


2 тип главной


3 тип главной

Такие параметры как фильтр, бренды, элементы каталога, блок о компании и другие скрыты в пункте «Параметры» (2).

Подбор товаров (3) может иметь изображение раздела и название, а также дополняться еще и списком подразделов. Например, подбор товаров может быть по шинам и дискам, по АКБ, мотошинам и грузовым шинам.

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


Подбор

Фильтр содержит 3 типа подбора автомобильных товаров.


Подбор «Шины и диски» (1) разделяет параметры поиска продукции по шинам и дисками.


Фильтр «Шины, диски и АКБ» (2) позволяет найти товары в соответствующих категориях подбора.


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


Шапка

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

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




Регионы

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


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

Каталог

Раздел «Каталог» позволяет:

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






Корзина

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

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




Разделы

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

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

 



Футер

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




Баннеры

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




Мобильная версия

Здесь можно задать:

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


Подробнее о настройке мобильной версии читайте в нашей статье.



Личный кабинет

Здесь вы решаете будет Фамилия Имя Отчество выводиться в одной строке или нет. И равен логин e-mail адресу или нет.




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

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

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


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

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

Баннеры

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

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



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





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




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



Тизеры

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


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

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


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

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

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


Блок популярных товаров

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


Акции

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


Статьи

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


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

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


Блок Instagram

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


Блок «Наши услуги»

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


Блок «Отзывы клиентов»

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




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

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

Тип №1

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



Тип №2

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


Тип №3

Вверху страницы размещаются основные баннеры (1), рядом боковая колонка (2).


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



При 2 типе – «Популярные категории»


Параметры главной страницы

Все последующие элементы можно отключить при помощи виджета настроек, а именно это:

  • боковая колонка (1);



  • фильтр (2);

  • бренды (3);


  • блок с популярными товарами (4);


  • тизеры (5);

  • маленькие баннеры (6);

  • акции (7);



  • блог (8);

  • баннер снизу (9);

  • блок о компании (10);


  • инстаграм (11).


Виджет Instagram

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

Отображение блока в Аспро: Курорт.


Отображение блока в Аспро: Next.


Обратите внимание! В Аспро: Next виджет будет отображаться, если выбран тип главной 1 или 3. При подключенном типе 2 или 4 — блок Instagram не отобразится.

Активировать отображение блока Instagram для 1 и 3 типа вы можете в виджете настроек. Перейдите на вкладку «Главная». Нажмите на «Параметры». 



Активируйте Instagram на главной, если он у вас выключен. И примените настройки. 



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



Отображение блока в Аспро: Корпоративный сайт 2.0 и в Аспро: Ландшафт.


Обратите внимание! В Аспро: Корпоративный сайт 2.0 виджет будет отображаться, если выбран тип главной 1, 2 или 4. При подключенном 3 типе — блок Instagram не отобразится.

Отображение блока в Аспро: Шины и диски 2.0.


Обратите внимание! В Аспро: Шины и диски 2.0 виджет будет отображаться во всех 3 типах главной.


Отображение блока в Аспро: Оптимус.



Отображение блока в Аспро: Маркет.


Отображение блока в Аспро: Digital-компания.


Обратите внимание! В Аспро: Digital-компания виджет будет отображаться, если выбран тип главной 2 или 4. При подключенном 1 или 3 типе — блок Instagram не отобразится.
 
Вы также можете подключить тип главной «Custom», в код которого вставить код виджета Instagram.

Для примера создадим 2 тип главной страницы с виджетом Instagram в Аспро: Next. Для этого перейдите в Контент → Структура сайта → Файлы и папки и найдите файл «indexblocks_index2.php». Нажмите в этой строке на «Гамбургер», затем на кнопку «Редактировать как PHP».



Скопируйте весь код.

Затем найдите файл «indexblocks_custom.php». Нажмите в этой строке на «Гамбургер», затем на кнопку «Редактировать как PHP».



Вставьте скопированный код.

В конце кода добавьте фрагмент кода виджета Instagram:

 <?$APPLICATION->IncludeComponent("bitrix:main.include", ".default",
 array(
 "COMPONENT_TEMPLATE" => ".default",
 "PATH" => SITE_DIR."include/mainpage/comp_instagramm.php",
 "AREA_FILE_SHOW" => "file",
 "AREA_FILE_SUFFIX" => "",
 "AREA_FILE_RECURSIVE" => "Y",
 "EDIT_TEMPLATE" => "standard.php"
 ),
 false
 );?>
Если вы хотите вывести виджет Instagram на главной странице в другом месте, вставьте код виджета между необходимыми фрагментами кода других элементов. Для этого необходимо обладать базовыми знаниями программирования.

Сохраните изменения. И подключите тип главной страницы — «Custom» в настройках решения. 

Чтобы подключит тип «Custom», перейдите Аспро: Next → Настройки. Найдите блок «Главная». В строке «Тип главной страницы» выберите «Custom».



Получение Access Token (API Token)


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

Инструкция:

  1. Зарегистрируйте аккаунт Instagram, если он отсутствует.

  2. Авторизуйтесь на сайте сервиса по ссылке Instagram.com/developer под действующим аккаунтом.

  3. Заполните данные для входа в раздел для разработчиков:

    Your Website – ваш сайт
    Phone Number – номер телефона
    What do you want to build with the API? - произвольное описание применения функционала Instagram. В нашем случае мы указали, что это виджет для сайта.

    Нажмите на кнопку Sign Up.


  4. Зарегистрируйте нового клиента. Для этого нажмите на кнопку Manage Client, а затем на Register a New Client.



  5. Откроется форма регистрации нового Client ID. Заполните следующие поля:

    Application Name – произвольное название
    Description – произвольное описание
    Company Name – название компании или сайта
    Website URL – адрес сайта (c http://)
    Valid Redirect URLs – адреса, на которые должна выполняться переадресация. В нашем случае также оставляем адрес действующего сайта.
    Contact email – ваш электронный адрес.



  6. Перейдите на вкладку Security и деактивируйте параметр Disable implicit OAuth.



  7. Нажмите на кнопку Register. Откроется сообщение об успешной регистрации:


  8. Скопируйте ваш Client ID:

    bf790cc9d4d84446a974dda65ba0e696

  9. Подставьте ваш Client ID и адрес сайта, указанный при регистрации, в ссылку:

    https://instagram.com/oauth/authorize/?client_id=[ВСТАВЬТЕ_ВАШ_ID]&redirect_uri=[ВСТАВЬТЕ_АДРЕС_ВАШЕГО_САЙТА]&response_type=token

    Ссылка с Client ID будет выглядеть так:

    https://instagram.com/oauth/authorize/?client_id=bf790cc9d4d84446a974dda65ba0e696&redirect_uri=http://resort.aspro-demo.ru/&response_type=token

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

  11. Если у вас отобразилась ошибка: 

    [АДРЕС_ВАШЕГО_САЙТА]?error_reason=user_denied&error=access_denied&error_description=The+user+denied+your+request

    необходимо добавить к ссылке параметр «&hl=en». Ссылка будет иметь следующий формат:

    https://instagram.com/oauth/authorize/?client_id=[ВСТАВЬТЕ_ВАШ_ID]&redirect_uri=[ВСТАВЬТЕ_АДРЕС_ВАШЕГО_САЙТА]&response_type=token&hl=en

  12. Скопируйте из адресной строки Access Token: 339269743.bf790cc.6748a35121c8421d9629c5f0e45d5e88



  13. Перейдите в настройки решения на сайте:
    Ваше решение → Настройки



  14. В Аспро: Курорт в блоке «Главная страница» найдите поле API token для инстаграма. Скопируйте туда код Access Token и нажмите кнопку «Применить».


    В Аспро: Next и Аспро: Шины и диски 2.0 в блоке «Инстаграм» найдите поле API token. Скопируйте туда код Access Token и нажмите кнопку «Применить». 


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

    Блок во всю ширину.


    В Аспро: Корпоративный сайт 2.0 в блоке «Главная» найдите поле API token для инстаграма. Скопируйте туда код Access Token и нажмите кнопку «Применить». 



    В Аспро: Digital-компания в блоке «Главная» найдите поле API token для инстаграма. Скопируйте туда код Access Token и нажмите кнопку «Применить». 


Производители на главной странице

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


Чтобы иконка производителя отображалась на главной, перейдите в настройки раздела. Для этого на странице производителя в режиме правки кликните на «Изменить раздел».

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

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

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

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

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

  • Первый вид помогает создавать основные, верхние и плавающие баннеры;

  • Второй – маленькие баннеры, баннеры в виде тизеров и широкие баннеры внизу страницы;

  • Третий – внутренние баннеры.

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


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

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

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

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



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

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

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

  • Активность (1) – делает баннер видимым на главной странице;

  • Начало и окончание активности (2) – задает временной интервал, в котором баннер будет доступен для просмотра;

  • Название (3) – содержит текст заголовка, отображаемого на баннере (поле обязательно для заполнения);

  • Сортировка (4) – задает порядок отображения баннеров на странице;

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


  • Расположение текста (6) – определяет где будет находиться заголовок и подпись на баннере: справа, слева, по центру или вовсе будет отключен;

  • Тип перехода (7) – устанавливает, как будет открываться ссылка, привязанная к баннеру: в новом окне или текущем;

  • Цвет текста (8) – задает в верхнем и плавающем баннере цвет заголовка, в основном баннере влияет также и на описание;

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

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

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


  • Используя поле «Размер баннера» (11), баннер при 1 типе главной может быть расположен во всю страницу или нет.

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



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


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

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


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

Здесь можно:

  • активировать отображение баннера (1);

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

  • задать порядковый номер среди других баннеров того же подвида (3);

  • установить тип баннера (4) и тем самым включить его отображение в нужном блоке;



  • установить изображение (5);

  • связать с одной из страниц сайта (6);

  • задать краткое описание (7) – поддерживается только баннерами-тизерами.



Блок «Тизеры»

Настройки списка тизеров осуществляется аналогично интернет-магазину Аспро: Next. Вы можете ознакомиться с курсом управления тизерами.

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

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

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


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


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



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

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


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



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

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



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



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

О настройках заголовков и количества элементов в блоках можно ознакомиться на примере  Аспро: Next.

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



Нажимаем «Сохранить» и смотрим результат.



Каталог

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

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

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


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

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

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





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



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





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




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



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

В административной части сайта перейдите в Настройки → Настройки продукта → Настройки модулей → Информационные блоки. Поле «Использовать параметры свойств в компонентах и формах»‎ должно быть неактивным. 



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



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

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


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

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


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

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

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


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


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

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

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


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

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



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

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

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

Инструкция:

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

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



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



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



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


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

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

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

image05.png


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

image01.png

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


Аспро: Next


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

image02.png


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

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

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

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

image03.png

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

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

image04.png


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

image00.png


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

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

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

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




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



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

Наборы

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


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

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

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

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



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

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


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


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


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

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

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

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

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


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

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


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

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


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

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


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


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

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

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

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

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

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

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


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

Комплекты

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

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

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

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

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

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

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

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



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

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


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

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


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


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

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

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



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



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


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



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



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

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

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

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




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

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

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


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

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

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

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

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

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

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



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

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



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



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



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

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



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


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

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



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


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


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

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






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

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

Каноническая ссылка – это ссылка, записанная со специальным атрибутом 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» и сохраните настройки.



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


Структура каталога

Навигация по каталогу

В Аспро: Шины и диски 2.0 реализована, отличная от других решений, структура каталога: Каталог → Раздел → Бренд → Модель → Типоразмер. С помощью удобной навигации пользователю легко найти товар и ориентироваться в каталоге.





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



1. Если задать условия фильтра, то результаты будут доступны на странице «Подбор шин».



2. Если перейти на конкретный бренд, то на странице будут отображаться модели этого бренда.



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


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



Как ограничить количество выводимых разделов

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

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


В списке элементов выберите Настройки списка → Количество выводимых разделов (1). Установите нужное значение. Напротив опции «Отображать постраничную навигацию» (2) установите галочку.

В результате вы получите:



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

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


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

В публичной части сайта перейдите в виджет настроек во вкладку «Каталог» и отключите функцию:



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



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

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

Показываем на примере раздела «Achilles».



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



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



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

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

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

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


Клик по кнопке вызывает попап окно, в котором содержится 3 области:

  • область, дублирующая изображение товара (1);

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

  • область с действующей ценой и элементами, совершающими действие над товаром (3).


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

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

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

Чтобы включить функцию из публичной части перейдите в виджет настроек → Каталог → Использовать быстрый просмотр товаров → 1. Сохраните изменения.


В административной части перейдите в Аспро → Настройки. В разделе «Каталог» в поле «Использовать быстрый просмотр товаров» выберите вариант «1». Сохраните изменения.


Страница поиска

В Аспро: Шины и диски 2.0 доступно 2 варианта отображения страницы поиска: с меню и фильтром. Тип «С фильтром» рекомендуется использовать в том случае, если на странице поиска необходимо фильтровать результаты по параметрам. При типе «С меню» отображаются категории товаров в левом боковом меню.

Страница поиска с фильтром.


Просматривайте товары, которые удовлетворяют условию поиска, по категориям. Для этого просто нажмите на название раздела. Например, в интернет-магазине вы искали «Amtel». Чтобы посмотреть только «Amtel Planet DC», необходимо кликнуть на название категории «Planet DC» (1). Чтобы вернуть весь список товаров, нужно кликнуть по заголовку «Найдено в разделах» (2). Помимо поиска в разделах вы можете отфильтровать товары по цене и по их параметрам. Например, по ширине, высоте, диаметру, сезонности и т.д. (3)



Страница поиска с меню.


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


Выбрать тип страницы также можно и в административной части. Для этого перейдите в настройки решения: Аспро: Шины и диски 2.0 → Настройки. Выберите вариант в поле «Вид страницы поиска» и сохраните изменения.


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



Умный фильтр

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

  • На главной странице:


  • В каталоге товаров:



  • В каталоге брендов фильтр сезонности шин:



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

Варианты отображения умного фильтра:

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

  • сбоку в каталоге товаров — вертикальный / горизонтальный.

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

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

Откройте виджет настроек.


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


Как настроить в разделе администрирования

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



Перейдите в панель администрирования → Аспро: Шины и диски 2.0 → Настройки → Каталог. Выберите  выберите нужный вариант отображения умного фильтра.


Фильтр сезонности шин

Чтобы настроить параметры для фильтра сезонных шин, перейдите в панель администрирования → Рабочий стол → Аспро → Аспро: Шины и диски 2.0 → Соответствие полей фильтра. При выгрузке товаров необходимо заполнить здесь их свойства.



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

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

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

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

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



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



Готово, количество элементов свойств в фильтре деактивировано.

Мегаменю

Выпадающее меню с подбором или брендами

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

Выпадающее меню с логотипами производителей.


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


Чтобы выбрать тип выпадающего меню, в административной части перейдите в Аспро → Аспро: Шины и диски 2.0 → Настройки. В поле «Тип выпадающего меню у каталогов в шапке» выберите необходимый вариант и сохраните изменения.


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


Выпадающее меню с подбором

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


Чтобы настроить элементы меню, перейдите в Контент → Каталог (aspro.tires2) → Мегаменю. В Мегаменю вы можете редактировать элементы разделов. Перейдите в раздел. Для этого кликните по названию любой категории.


Рассмотрим принцип создания ссылок на примере категории «Шины». Выпадающее меню раздела «Шины» состоит из трех элементов: Популярные типоразмеры, Подбор шин и Сезон.


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


Заполните название категории и сохраните изменения.


Перейдите в раздел. Для этого кликните по названию категории.


Чтобы создать элемент, нажмите кнопку «Добавить элемент».


Пропишите название (1) и URL (2). URL — это ссылка на страницу сайта. Она может вести на категорию или каталог с отфильтрованными товарами. Ссылка начинается с «/catalog/». Примеры:

  • Подбор дисков — /catalog/wheels/search/

  • Типоразмер шин: ширина 130, высота 80, диаметр 17 — /catalog/moto_tires/search/shirina_profilya-is-130.000/vysota_profilya-is-80.000/posadochnyy_diametr-is-17.000/

  • Применение шин по бездорожью — /catalog/moto_tires/search/application-is-4/.

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


Чтобы скопировать URL, в административной части сайта перейдите в необходимый раздел. Выставите параметры в умном фильтре. Скопируйте URL, который прописан после доменного имени: /catalog/wheels/search/posadochnyy_diametr_diska-is-15.000/.




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

В решениях Аспро: Next и Аспро: Шины и диски 2.0 способ редактирования карты зависит от выбранного типа оформления раздела «Контакты». Посмотреть варианты отображения карты можно в виджете настроек.

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


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



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



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



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

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



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



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



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



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


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

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

Пример использования фонового изображения.


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

В административной части перейдите в Аспро: Шины и диски 2.0 → Настройки. В разделе общих настроек активируйте поле «Отображать фоновый баннер».


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

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

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


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

При добавлении нового бэкграунда в редакторе нужно:

  • установить галку «Активность» (1), чтобы включить отображение фона;

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

  • задать название картинке на фоне (3) – для удобства можно использовать название раздела или страницы, которую она сопровождает (поле обязательно для заполнения);


  • установить галку, чтобы зафиксировать изображение (4) – при прокрутке страницы, фоновая картинка останется на месте.

  • указать адреса страниц для показа (5) – привязывает задний фон к страницам, перечисленным в этом списке;

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



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

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

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

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

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




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

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

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


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

  • Логотип производителя (2), который ведет на модели этого бренда

  • Блок покупки (3): цена, количество товара, «Нашли дешевле?», дополнительная информация по увеличению или уменьшению единиц товара, «В корзину», «Купить в 1 клик», «Расширенная гарантия 3 года», «Рекомендуют»

  • Основные характеристики товара (4), все характеристики отображаются в нижней части страницы

  • Кнопка «Поделиться» (5) с возможностью передачи данных в социальных сетях и голосовых приложениях

  • Комментарий к цене (6)

Под основным изображением товара находится панель из табов (7) с описаниями, правее расположен блок бренда (8), который направляет на похожие товары и все товары бренда, ниже него размещен блок «Рекомендуем» (9).

Подробнее остановимся на 8 табах.

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



2. В табе «Оплата» расписываются существующие способы оплаты товара.


3. Всю информацию о доставке можно найти в разделе «Доставка».



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



5. Блок «Отзывы» содержит 2 варианта размещения рецензий на товар: комментарии, оставленные пользователями на сайте и выгрузка отзывов с Яндекс.Маркет. О том, как настроить второй тип отзывов, можно найти в статье «Отзывы для моделей и типоразмеров».


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



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


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

Характеристики товара отражаются в конце каждого таба.



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







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

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

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

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

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

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

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

Аспро: Оптимус — Рабочий стол → Контент → Highload-блоки → AsproOptimusTizerReference

Аспро: Next — Рабочий стол → Контент → Highload-блоки → AsproNextTizerReference

Аспро: Шины и диски 2.0 — Рабочий стол → Контент → Highload-блоки → AsproTires2TizerReference



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

Рассмотрим подробнее настройки тизера:
  • Название (1) – обязательное для заполнения поле. Его содержимое отображается на сайте как краткое текстовое описание тизера
  • XML_ID (1) – обязательное для заполнения поле. В нем нужно прописать идентификатор тизера, чтобы система корректно воспринимала элемент
  • Ссылка (3) – можно прописать url (абсолютный или относительный) страницы. Это сделает тизер кликабельным – при нажатии на него пользователь перейдет на заданную страницу.
  • Файл (4) – можно загрузить картинку для тизера. Рекомендуемый размер картинки – 40х40 px.


Чтобы добавить набор тизеров для раздела каталога, перейдите в соответствующий инфоблок: Рабочий стол→ Контент→ Каталог → Каталог товаров → %Нужный_раздел%

В нашем примере это будет раздел «Электроинструмент».



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



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

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


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

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

Выбрать единицу измерения товара можно в настройках в административной части сайта. Перейдите в Контент → Каталог (aspro.next или aspro.tires2) → Каталог товаров.



Выберете нужный раздел каталога, подраздел и нужный товар. Покажем на примере раздела «Автоэлектроника», подраздела «GPS-навигаторы», товара «Навигатор Pioneer 780».

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


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

Вы можете изменять существующие единицы измерения или добавлять новые. Перейдите в Магазин → Настройки → Единицы измерения.





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



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



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

Отключение обозначений единиц измерения

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




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


Настройка отображения скидочной цены

В Аспро: Оптимус 1.1.8, Аспро: Next 1.1.7 и Аспро: Шины и диски 2.0 появилась возможность выгрузки скидок из 1С. Теперь можно вместо стандартного способа (указать цену и процент скидки) задать типы для действующих и старых цен, после чего настроить карточки товаров соответствующим образом: заполнить поля с ценами и отметить в Центре управления Аспро, какой тип цены следует воспринимать как старую цену. В публичке цена установленного типа будет отображена зачеркнутой:



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

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



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



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



Чтобы активировать новую функцию отображения старой цены, раскройте меню вкладки с названием решения («Аспро: Optimus», «Аспро: Next» или «Аспро: Шины и диски 2.0») и выберите пункт «Настройки».



Пролистайте список настроек до параметра «Старая цена для товаров», который находится:

  • в решении Аспро: Оптимус в блоке «Шаблон»;


  • в решениях Аспро: Next и Аспро: Шины и диски 2.0 в блоке «Каталог».


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

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

Дополнительная фотогалерея в карточке товара

В Аспро: Next версии 1.0.9 и выше, а также Аспро: Шины и диски 2.0 появилась дополнительная фотогалерея. Теперь она может отображаться как под основным фото товара (1), так и отдельным блоком (2) (после характеристик или блока с документами, если они есть).

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

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





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



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



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




При SKU 2 – выводятся фото всех торговых предложений (1) вместе с фото из карточки самого товара (2).

Настройка дополнительной галереи

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

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



В новом окне перейдите к группе параметров «Настройки детального просмотра» и установите галку у пункта «Отображать блок “Фотогалерея”» (1). Под ним появятся настройки:


  • Тип блока «Фотогалерея» (2) – позволяет выбрать какая галерея будет отображаться:

    • большая


    • или маленькая


  • Свойство с «Фотогалерей» (3) – определяет, из какого свойства инфоблока (параметра карточки товара) заполнять нижний блок галереи. О том, как это сделать, читайте ниже;

  • Свойство торговых предложений с «Фотогалерей» (4) – как и предыдущий параметр, определяет, откуда галерея будет брать изображения для торговых предложений;

  • Заголовок блока «Фотогалерея» (5) – меняет название заголовка над галереей.

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

Дополнительная фотогалерея с уникальными изображениями

Чтобы вывести в галереях разные изображения, необходимо создать новое пользовательское свойство. Для этого перейдите в Контент → Инфоблоки → Типы инфоблоков и выберите нужный. Например, «Каталог товаров».



Откройте вкладку «Свойства» и пролистайте ее до конца. Под последней записью создайте новую. К примеру, «Фото для галереи». Поле кода заполните кодовым названием на латинице.



Внимание! В качестве типа свойства обязательно выберите «Файл» и поставьте галку «Множественное».



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



Сохраните изменения и откройте редактор параметров компонента. В списке «Свойство с “Фотогалереей”» выберите созданное вами свойство.



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



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



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

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

В решениях Аспро: Next 1.1.0, Аспро: Оптимус 1.1.11, Аспро: Маркет 1.3.11 и Аспро: Шины и диски 2.0 тип SKU (списком или с переключателем) можно задать индивидуально для каждого раздела каталога.

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



По умолчанию настройка раздела передается всем подразделам, которые в нем содержатся. Например, при выборе 1 типа SKU для раздела «Одежда» настройка продублируется в подразделы «Женская одежда» и «Мужская одежда». Чтобы изменить тип SKU в любом из подразделов, нужно выполнить настройку отдельно для него. Давайте рассмотрим на примере.

Установим тип SKU №1 (с переключателем) для раздела «Одежда», а для подраздела «Мужская одежда» отдельно установим тип SKU №2 (в виде списка). В результате в подразделах раздела «Одежда» по умолчанию будет выбран 1 тип SKU:
  • в подразделе «Женская одежда»



  • в подразделе «Детская одежда для девочек» 



А в подразделе «Мужская одежда» будет выбран второй тип SKU, т.к. для него мы установили настройку отдельно:




Индивидуальный тип SKU можно настроить как в публичной, так и в административной части сайта.

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



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




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



Для настройки из админки в Аспро: Next перейдите в Рабочий стол → Контент → Каталог (aspro.next) → Каталог товаров. Откройте карточку нужного раздела. Рассмотрим на примере подраздела «Мужская одежда». Нажимаем на кнопку «Гамбургер» на соответствующей строке и в меню выбираем «Изменить».




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




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


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

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

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



В административной части сайта для перехода к редактору откройте Контент → Каталог → Каталог товаров. Раскройте нужный раздел/подраздел (на примере шины Achilles ATR Sport 195/50 R15 82V – это Шины → Achilles → ATR Sport).

Для перехода в режим редактирования существующего товара используйте пункт «Изменить» в меню кнопки «Гамбургер» (2) товара Achilles ATR Sport 195/50 R15 82V. Для создания новой карточки кликните кнопку «Создать товар» (1).



Редактор откроется на основной вкладке «Товар». Рассмотрим основные настройки:

  • задается наименование элемента или товара (2) (поле обязательно для заполнения) и символьный код (3) (если активирован параметр «Транслитерировать из названия при добавлении элемента» в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог → Каталог товаров, поле заполняется автоматически)

  • в поле «Активность» задается видимость товара в каталоге (1)

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

  • при создании внешний код (4) можно не указывать. В этом случае после создания внешний код будет содержать ID элемента.

  • задаются характеристики товара (6)

  • прикрепляются к карточке стикеры «Хит», «Новинка», «Советуем», «Акция» (7)

  • стикер с произвольным названием, привлекающий внимание к товарам по акции или специальному предложению (8)





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



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



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



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


На вкладке «Дополнительно» вы можете:

  • в служебном поле «В наличии» выставить наличие или отсутствие товара (1)

  • загружаете видео (2)

  • ID товара на Яндекс.Маркет заполняется для того, чтобы выводились отзывы из Яндекс.Маркета на ваш сайт (3).


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

  • Значения для минимальной и максимальной цены (1) берутся из вкладки «Цены» торгового каталога (об этом ниже).

  • Идентификатор в «Теме форума для комментариев» (2) позволяет привязывать к товару соответствующие тематике отзывы.

  • В поле «Количество комментариев к элементу» (4) отображается количество привязанных отзывов.

  • Поля «Количество проголосовавших» (3), «Сумма оценок» (5) и «Рейтинг» (6) отвечают за учет голосов пользователей.




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




Раздел SEO предназначен для заполнения SEO-информации.



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


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

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



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


На вкладке «Параметры» указывается:

  • доступное количество товара (1);

  • сколько из них зарезервировано (2);

  • единица измерения (3), отображаемая возле цены (руб/шт, руб/м и т.п.);

  • коэффициент единицы измерения (4) – используется для корректного подсчета стоимости покупки и уточнения для пользователя количества приобретаемого товара;

  • включен ли количественный учет (5);

  • может ли клиент оформить заказ на отсутствующий товар/с отрицательным количеством (6);

  • запрет или разрешение подписки на товар (7);

  • вес и размеры товара (8) – созданные администратором свойства, выведенные в настройки для примера.



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


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



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



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

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

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


В поле «Показывать вкладку "Дополнительно"» поставьте галку и сохраните настройки.


Вы можете изменить текст вкладки «Дополнительно».


Чтобы изменить текст вкладки, в административной части сайта перейдите в Контент → Структура сайта → Файлы и папки → include. Зайдите в редактирование файла «additional_products_description.php». Для этого наведите на строку с названием файла и нажмите на «Редактировать как PHP».


Введите новый текст и сохраните изменения.






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

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

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



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



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

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



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

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



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




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



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




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

Отзывы для моделей и типоразмеров

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

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




 Отзывы на сайте, которые загружаются с Яндекс.Маркета.



Отзывы, которые пользователи оставляют на сайте

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


В параметрах компонента каталога активируйте поле «Разрешить отзывы» (1). Здесь вы также можете задать количество отзывов на одной странице (2) и активировать поле «Использовать CAPTCHA» (3)


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


Настройка загрузки отзывов с Яндекс.Маркет

Загрузка отзывов с Яндекс.Маркет происходит через Контентный API. Доступен один вариант получения API: 

  • Расширенный — платный. Предлагается два тарифа: минимальный и максимальный.

В базовом доступе — 100 запросов в сутки, которые позволяют подгружать данные с Яндекс.Маркета. Чтобы экономить и не тратить ваши запросы в решении используется кеширование отзывов. Подробнее о возможностях доступов и тарифов в документации Яндекс.

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

Пример ключа: 81fc049e-8973-4634-af73-b0074f******

Чтобы ввести ключ, в настройках решения перейдите в Аспро → Аспро: Шины и диски 2.0 → Отзывы с Яндекс.Маркет. Вставьте ключ в соответствующее поле «Авторизационный ключ» (1).

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



Также вы можете задать:

  • Тип сортировки — по оценке пользователем модели, дате написания и полезности отзывов (4).

  • Направление — по убыванию или возрастанию (5).

  • Отбор по рейтингу модели — ужасная, плохая, обычная, хорошая или отличная (6).





Чтобы у товаров начали отображаться отзывы, необходимо в свойстве элемента проставить числовой идентификатор с Яндекс.Маркета, например, 10622531. Если вы добавите отзывы к модели, они будут отображаться во всех типоразмерах.

Перейдите в Яндекс.Маркете в карточку товара, чтобы скопировать ID. В строке браузера скопируйте цифры, которые находятся между символами «/» и «?».



В редактировании раздела перейдите на вкладку «Дополнительные поля» и заполните поле «ID товара на Яндекс.Маркет». Сохраните изменения.





В редактировании типоразмера перейдите на вкладку «Дополнительно» и заполните поле «ID товара на Яндекс.Маркет». Сохраните изменения.



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


Посадочные страницы

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

Решение Аспро: Шины и диски 2.0 позволяет создавать неограниченное количество посадочных страниц. Это могут быть тематические и сезонные подборки, специальные предложения под рекламную кампанию, акцию или запрос в поисковых системах (например, «шины nokian купить челябинск»).

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



Посадочные страницы в каталоге

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


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

  • Описание над перечнем товаров (2) содержит SEO-текст;




  • Блок обратной связи (3);
  • Блок с тизерами (4) дополняет состав страницы полезными сведениями – например, преимуществами и особенностями сервиса интернет-магазина;

  • Составленный при помощи умного фильтра список товаров (5);

  • Дополнительное описание под блоком товаров (6);

  • Перечень популярных категорий (7) содержит ссылки на другие посадочные страницы.



Редактирование посадочных страниц в каталоге

Состав посадочных страниц в каталоге не сильно отличается от состава страниц из раздела «Обзоры». В нем отсутствует возможность включить составной баннер с текстом и кнопкой на нем. Также отсутствует заголовок над списком товаров. Ознакомиться с различиями можно в Контент → Каталог (aspro.tires2) → Посадочные в каталоге.

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


При создании нового элемента на основной вкладке вы можете:

  • указать название посадочной страницы (1) – поле обязательно для заполнения;

  • включить блок обратной связи «Задать вопрос» (2);

  • привязать товары при помощи поля «Раздел» (3). Эту возможность разберем подробнее в отдельном уроке.

  • подключить тизеры (4);


  • загрузить изображение для превью (5);

  • поле под текст, который будет отображаться над списком товаров (6);



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



На вкладке «Настройки фильтра» выберете тип используемой цены и активируйте поле «Использовать цену для фильтра»:




Привязка посадочных страниц к регионам

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

Чтобы задать регионы для посадочной страницы, перейдите в Контент → Каталог (aspro.tires2) → Посадочные в каталоге. Зайдите в редактирование страницы, для этого нажмите на «Гамбургер», затем кнопку «Изменить».


В редактировании элемента нажмите на шестеренку, затем кнопку «Настройки».


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


Внизу страницы появилось поле для выбора региона.


Чтобы выбрать регион, нажмите на многоточие.


В открывшемся окне выберите:

  • Тип — региональность (1)

  • Инфоблок — регионы (2).



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



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



Посадочная страница отображается в Челябинске.



В других регионах она не отображается.






Привязка услуг к посадочным страницам

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


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

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


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


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

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



Посадочные страницы-обзоры

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

Рассмотрим составляющие страницы подробнее.


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

  • Блок с тизерами (2) дополняет состав страницы полезными сведениями – например, преимуществами и особенностями сервиса интернет-магазина;


  • Описание над перечнем товаров (3) содержит SEO-текст;

  • Блок обратной связи (4);

  • Заголовок перед списком товаров (5);

  • Составленный при помощи умного фильтра список товаров (6);

  • Дополнительное описание под блоком товаров, содержит SEO-текст (7).




Редактирование посадочных страниц-обзоров

Рассмотрим инструменты управления страницами из раздела «Обзоры».

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



 В административной части сайта те же действия доступны в Контент → Каталог (aspro.tires2) → Посадочные страницы. Чтобы создать новую страницу используйте кнопку «Добавить элемент». Действия по изменению и удалению элемента осуществляются стандартными средствами – одноименными пунктами меню, выпадающего при нажатии кнопки «Гамбургер».



При создании нового элемента на основной вкладке вы можете:

  • указать название посадочной страницы (1) – поле обязательно для заполнения;

  • загрузить изображение для превью (2);


  • включить блок обратной связи «Задать вопрос» (3);

  • привязать товары при помощи поля «Раздел» (4). Эту возможность разберем подробнее в отдельном уроке.

  • подключить тизеры (5);

  • задать заголовок, оформляющий список товаров (6);

  • поле под текст, который будет отображаться над списком товаров (7);



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

В Аспро: Шины и диски 2.0 вы можете настраивать отображение товаров на посадочных страницах.

Посадочная страница с отображением товаров.


Посадочная страница без отображения товаров.


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


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



Множественная привязка разделов в посадочных страницах

В Аспро: Шины и диски 2.0 вы можете привязывать несколько разделов к посадочной странице. Например, в своем интернет-магазине к посадочной странице вы можете привязать раздел шин.

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

  • Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.tires2) → Посадочные страницы.

Переключитесь на вкладку «Свойства».



В свойстве «Раздел» поставьте галку в столбце «Множественное».


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

Перейдите в редактирование посадочной страницы.

  • Контент → Каталог (aspro.tires2) → Посадочные страницы.

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


В посадочной странице выведены товары из выбранных разделов.






Привязка посадочных страниц в обзорах к регионам

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

Чтобы задать регионы для посадочной страницы, перейдите в Контент → Каталог (aspro.tires2) → Посадочные страницы. Зайдите в редактирование, для этого нажмите на «Гамбургер», затем кнопку «Изменить».


В редактировании элемента нажмите на шестеренку, затем кнопку «Настройки».


В открывшемся окне в перечнях «Доступные вкладки» выберите пункт «Посадочная страница» (1). В перечне «Вкладки» выделите пункт «Элемент» (2). В списке «Доступные поля» выберите значение, которое необходимо вывести в форме: «Регион» (3). Затем нажмите кнопку с изображением стрелки (4) и сохраните изменения.


На странице появилось поле для выбора региона.


Чтобы выбрать регион нажмите на многоточие.


В строке нужного города нажмите на «Гамбургер», затем кнопку «Выбрать».


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


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

Аспро: Шины и диски 2.0 → Настройки

Поставьте галку в строке «Применять региональный фильтр».


Сохраните настройки.

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


Во вкладке «Настройка фильтра» вставьте значение равное — «arRegionLink».


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

Посадочная страница отображается в Екатеринбурге.


В других регионах она не отображается.






Мультирегиональность

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

Мультирегиональность 2.0 в Аспро: Шины и диски 2.0 позволяет создавать не только уникальный контент для каждого региона, но и привязывать различный набор товаров к нужному городу.

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

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

Добавление свойства LINK_REGION в настройках инфоблока каталога

Активируйте параметр «Применять региональный фильтр» в блоке «Регионы». Перейдите в административной части сайта в Аспро: Шины и диски 2.0 → Настройки → Регионы.

Активируйте параметр «Применять региональный фильтр»




В административной части сайта перейдите в Контент (1) →  Инфоблоки (2) → Типы инфоблоков (3) → Региональность (aspro.tires2) (4) → Регионы (5).


На вкладке «Свойства» добавьте новый элемент со следующими параметрами:

  • название = Регион;

  • тип = Привязка к элементам;

  • сортировка – например, 100. Индекс сортировки отвечает за порядок отображения свойств в административной части. Чем ниже индекс, тем выше будет выбор региона в списке (в редактировании карточки товара);

  • код = LINK_REGION.

Также не забудьте указать две галочки – «акт.» и «множ.».

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

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

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


Добавление «arRegionLink» в настройки фильтра

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


 В параметрах компонента выберите пункт «Настройки фильтра» и укажите «arRegionLink».



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

Привязка товаров к нужному региону

Теперь вы сможете задавать регионы для товара. Для этого переходите в настройки товара. Например, Контент → Каталог (aspro.tires2) → Шины → Achilles → Platinum, нажмите на кнопку «Гамбургер» и выберите «Изменить».


В блоке «Регион» нажмите на многоточие для выбора нужного города.


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


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


После того, как в карточке товара у вас появился блок «Регион» нажмите на многоточие:


Откроется окно с информационным блоком, в котором необходимо выбрать (1):

  • тип = региональность;

  • инфоблок = регионы.

Нажмите на кнопку «Найти». В таблице отобразятся все регионы. На строке с нужным городом кликните на «Гамбургер» (2) и нажмите «Выбрать» (3).


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





Мультирегиональность 2.0. Каждому региону – свой контент

В Аспро: Шины и диски 2.0 реализована возможность создавать уникальный контент для каждого города. При этом навыки программирования не потребуются.

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

Привязка региона актуальна для:

  • новостей;
  • статей в блоге;
  • акций;
  • услуг;
  • основных баннеров;
  • фоновых картинок;
  • рекламных баннеров (на внутренних и главной страницах).

Пример отображения контактных данных для жителей:

Челябинска


Москвы


Сейчас мы вам расскажем, как активировать фильтр для контента и настроить содержание перечисленных элементов для регионов.

Чтобы воспользоваться этой функцией, перейдите в административной части сайта в Аспро: Шины и диски 2.0 → Настройки → Регионы.

Активируйте параметр «Применять региональный фильтр»


После сохранения изменений можно переходить к настройке контента по регионам. Рассмотрим на примере установки разных e-mail’ов и адресов. В административной части сайта перейдите в Контент → Региональность (aspro.tires2) и перейдите к редактору одного из городов, которые находятся в базе. Например, для внесения изменений в карточку Москвы следует перейти в Регионы → Центр → Московская область и в меню кнопки «Гамбургер» выбрать пункт «Изменить».


Перейдите во вкладку «Контакты» найдите новые поля «Email» и «Адрес». Заполните их соответствующими данными.


Настройка отображения по регионам новостей, статей из блога, акций, услуг – производится в разделе «Контент (aspro.tires2)». А баннеров, фоновых изображений, рекламы – в разделе «Реклама (aspro.tires2)».

Параметр привязки элемента к региону имеет одноименное название. Он располагается во вкладке «Связи».


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

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


Автозамена контента по регионам с помощью тегов

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

Обычно задача решается 2 способами:

  1. Создается свой контент для каждого региона.

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

В Аспро: Шины и диски 2.0 с помощью специального тега REGION_TAG вы можете изменять условия доставки, адреса магазинов, описание товара или даже медиаконтент в автоматическом режиме. Для каждого города будет отображена своя уникальная информация.

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

Получится такой результат для Челябинска:

А для Москвы карточка товара выглядит так:


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

В административной части сайта перейдите в Контент →  Инфоблоки → Типы инфоблоков → Региональность (aspro.tires2) → Регионы.


На вкладке «Свойства» выберете пустое поле. Если у вас его нет, нажмите на кнопку «Еще». Заполните форму следующего вида:

  • Название (1): название тега — например, «Доставка»;

  • Тип (2): тип значения тега — строка, число, дата и т.д. Если вы хотите настроить тег для автоматической замены текста или медиаконтента, выберете тип строка;

  • Акт. (3): чтобы включить тег, отметьте поле галочкой. Для деактивации снимите отметку;

  • Код (4): код тега в системе.



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

Например, для разных доставок — REGION_TAG_DOSTAVKA

Для разного времени доставки — REGION_TAG_WORKTIME

Для разных рекламных роликов в описании товара — REGION_TAG_MEDIACONTENT

После сохранения перейдите в Контент (1) → Региональность (aspro.tires2) (2) →  Регионы (3). Выберете город, для которого хотите заполнить значение тега. Покажем на примере Челябинска.


Для активации нового поля тега нажмите на шестеренку и выберите «Настройки».


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


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

Пример. Если вы хотите подставить медиаконтент, скопируйте html-код для вставки от YouTube или Vimeo следующего вида:

<iframe width="560" height="315" src="https://www.youtube.com/embed/xP5Bf3erN4c&amp;quot; frameborder="0" allowfullscreen></iframe>

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


Заполните значение тега для других городов по аналогии.

Настройки готовы, осталось добавить тег в нужную часть контента. Покажем на примере карточки товара «Achilles ATR Sport 225/45 ZR18 95W XL». Перейдите в Контент (1) → Каталог (aspro.tires2) (2) →  Каталог товаров (3) → Шины (4) → Achilles (5) → Achilles ATR Sport 225/45 ZR18 95W XL (6).


Вставьте тег в нужную часть карточки товара. Тег необходимо оградить решетками с двух сторон. Сохраните.


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

Получится такой результат для Челябинска:


А для Москвы карточка товара выглядит так:


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


Название региона в заголовках и SEO-тегах

Чтобы название города верно отображалось в заголовках и результатах поисковых запросов, необходимо заполнить вкладку «Склонение города» в карточке города, для которого производится установка SEO-тегов. Сделать это можно в Контент → Региональность (aspro.tires2) → Регионы.



Рассмотрим установку SEO-записи на примере заголовка раздела шин Achilles.

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


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

{=this.Name} в #REGION_NAME_DECLINE_PP#,

где {=this.Name} – имя раздела (Achilles), а #REGION_NAME_DECLINE_PP# – название города в предложном падеже.


После сохранения изменений получим следующее:


При заполнении полей SEO для корректного вывода названий городов используйте следующие значения:

  • #REGION_NAME# – название города в именительном падеже,

  • #REGION_NAME_DECLINE_RP# – в родительном падеже;

  • #REGION_NAME_DECLINE_PP# – предложном;

  • #REGION_NAME_DECLINE_TP# – творительном.



Установка остатков товара в зависимости от региона

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

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

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



Откроется карточка склада, в которой необходимо:

  • установить галку у пункта «Активен» для того, чтобы склад был доступен из карточек товаров (1).

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

  • выбрать, для какого сайта создается склад (4).

  • дать складу понятное название (5).

  • ввести символьный код (6).

  • указать адрес склада (7).

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



Привязка склада к городу осуществляется в карточке города. Для этого перейдите в Контент → Региональность (aspro.tires2) → Регионы. Откройте нужный список городов области (в примере далее следует перейти в Центр → Московская область), нажмите кнопку гамбургер у города, к которому нужно привязать склад, и выберите пункт «Изменить».



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



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




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



Результат действий после сохранения всех изменений:

  • для Москвы


  • для Челябинска


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

Попап окно с выбором города в мобильной версии

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




Автогенерация robots.txt и sitemap.xml

Файлы robots.txt и sitemap.xml – это самые важные для SEO-продвижения файлы сайта. В них содержатся команды для поисковых роботов. Благодаря им они понимают, какие страницы индексировать, а какие нет.

При создании интернет-магазина эти файлы создаются администратором сайта. Подробности читайте в документации 1С-Битрикс:

Генератор robots.txt

Генерация файла карты сайта

Вам необходимо сгенерировать эти же файлы для каждого региона. Обычно файлы robots.txt и sitemap.xml для различных регионов создаются, настраиваются и редактируются вручную. В Аспро: Шины и диски 2.0 реализована возможность автоматической генерации файлов. Это позволит вам сэкономить время SEO-специалиста и сократить количество ошибок, которые возможны при ручном создании  robots.txt и sitemap.xml под каждый регион. Рассмотрим, как работает этот функционал, и как с его помощью научиться автоматически генерировать нужные файлы.

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

Чтобы воспользоваться автоматической генерацией robots.txt, перейдите в административной части сайта в Аспро: Шины и диски 2.0 → Генерация файлов → robots.txt.



Используйте кнопку «Пересоздать robots.txt» для копирования основного файла robots.txt в директорию /aspro_regions/robots/ для каждого поддомена. Копии основного файла для поддоменов именуются по шаблону «robots_DOMAIN.txt». В каждой из них запись директивы Host будет изменена.

Также предусмотрена возможность пересоздания файла robots.txt только для конкретного поддомена.

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

Чтобы использовать автогенерацию на sitemap.xml, перейдите в Рабочий стол → Аспро: Шины и диски 2.0 → Генерация файлов → sitemap.xml.



Кнопка «Пересоздать sitemap.xml» копирует все файлы в корне сайта с маской, указанной здесь же в поле «Адрес карты сайта», в директорию /aspro_regions/sitemap/ для каждого поддомена. Копии файлов для поддоменов имеют вид «файлы_по_маске_DOMAIN.xml». В этих копиях адрес сайта заменяется на значение, указанное в поле «Адрес сайта в карте сайта».


Настройка Композитного сайта

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

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

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

В блоке «Настройки» найдите поле «Список доменных имен (каждое в новой строке)». Скопируйте туда все доменные имена регионов.

Например:

msk.tires2.aspro-try.ru

ekb.tires2.aspro-try.ru

и т.д.


Сохраните изменения. Настройка завершена!



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

Управление карточками осуществляется из административной части сайта в меню Контент → Региональность (aspro.tires2) → Регионы. Здесь закладывается структура будущей мультирегиональности в виде разделов, подразделов и отдельных элементов-городов.

При переходе в инфоблок вам доступно 2 возможности:

  • добавить город. Новый город можно добавить всегда независимо от настроек.

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

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

Если вы выбрали варианты отображения регионов «Выпадающий список» и «Попап-окно только с городами», то разделы можно не заводить – в публичной части они все равно не будут отображаться. Просто «сложите» все города в корень инфоблока.
Теперь рассмотрим, как добавить отдельный город. Для этого есть соответствующая кнопка (1). Для создания региона нажмите «Добавить округ/регион» (2).




Все действия с карточками (создание, удаление, изменение) стандартны для 1С-Битрикс. При создании в базе данных нового региона достаточно указать название (1) и родительский раздел (2).




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

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

При создании новой карточки на основной вкладке необходимо указать название города (1) и при необходимости установить галку «Город по умолчанию» (2). В этом случае, если геопозиционирование не сработает, пользователь откроет версию сайта для города, в чьей карточке установлена эта галочка. После этого укажите название основного домена (3). Название домена должно иметь соответствующий вид: region.mydomain.ru.

Если вы используете отображение регионов в виде попап-окна с областями и округами, активный параметр «Избранное местоположение» (4) добавит отмеченный город в поле быстрого выбора. Перечень «Домены» (5) позволяет привязать существующие псевдонимы для основного поддомена.




Отображение попап-окна с областями, регионами и активным параметром «Избранное местоположение».




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




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




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




Вкладка «Связи» привязывает доступные городу типы цен (1). Здесь же указываются обеспечивающие поставку местные склады (2). Заполненное поле «Местоположение» (3) автоматически подставляет установленное значение в форму оформления заказа.



Примечание. Если в зависимости от города у вас изменяются цены, нужно заводить свои типы цен для каждого города. Для этого перейдите в настройки типов цен: Магазин → Настройки → Цены → Типы цен. Нажмите кнопку «Новый тип цен».


В открывшемся окне заполните поля:

  • Код – код типа цены (1). Используйте латиницу и большие буквы.

  • Название на русском (2) – любое название, которое позволит идентифицировать тип цены для города

  • Название на английском (3) – любое название, которое позволит идентифицировать тип цены для города

  • Группы пользователей (4), имеющие права на просмотр этого типа цен

  • Группы пользователей (5), имеющие права на покупку по этому типу цен.





Сохраните изменения. Тип цены (в нашем примере для Москвы) создан!

Пример автозаполнения местоположения при оформлении заказа:



Примеры отображения разного типа цен для разных городов с остатками по местным складам:

  • Челябинск

  • Москва









Обзор настроек

Все необходимые настройки мультирегиональности находятся в административной части сайта – Аспро: Шины и диски 2.0 → Настройки → раздел «Регионы».



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



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

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

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

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

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

  • настройка способа вывода списка регионов (3) – в виде выпадающего списка, попап-окна только с перечнем городов или выборкой по областям и округам.






Рассмотрим настройки функционала подробнее.

При выборе варианта использования региональности «На одном домене», независимо от того, для какого города просматривается версия сайта, в браузерной строке будет отображаться один и тот же адрес основного домена: https://tires2.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 филиалов. Пользователю будет проще найти свой регион с помощью строки поиска.




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



Синхронизация со складами

В 1С-Битрикс предусмотрено два варианта ведения учета — количественный и складской. При количественном учете задается общее доступное количество товара. Оно может уменьшаться вручную или автоматически после успешного оформления заказа. Купили 1 товар – количество доступного соразмерно уменьшается на 1 единицу.

Если вы используете мультирегиональность, может возникнуть проблема: товар по его доступному количеству закончится раньше, чем фактически – на складах. То есть, физически и у вас в 1С товар есть, а купить его нельзя, потому что доступное количество ноль.

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

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

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




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





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





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




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

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

После того, как вы отключили количественный учет, перейдите в административной части сайта на вкладку «Аспро: Next», далее – «Синхронизация».



Для Аспро: Шины и диски 2.0 нужно перейти на вкладку «Аспро», потом «Аспро: Шины и диски 2.0», далее – «Синхронизация».




Перед вами откроются настройки и параметры синхронизации остатков.





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

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

Чтобы синхронизация остатков сработала, необходимо предварительно указать ID инфоблока торгового каталога в одноименном поле (2) блока «Параметры».

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




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




Также вы можете синхронизировать остатки конкретного раздела каталога, что позволяет уменьшить время синхронизации. Для этого следует указать ID раздела в соответствующем поле (3). Если же вам нужно синхронизировать остатки по всему каталогу за раз, оставьте поле пустым.

Идентификатор раздела можно узнать в Рабочий стол → Контент → Каталог (aspro.next) → Каталог товаров. Откройте список, в котором находится нужный раздел. Например, чтобы синхронизировать остатки по GPS-навигаторам, перейдите в раздел «Автоэлектроника». В таблице с правой стороны вы можете увидеть ID интересующего вас раздела.



Для сохранения настроек (4) и запуска синхронизации (5) используйте одноименные кнопки.

Передача региональных переменных в почтовые шаблоны

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

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

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

  • Добавляйте в письма клиентам контактную информацию компании их региона.

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

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

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


Чтобы привязать электронную почту к каждому региону, перейдите в Контент → Региональность (aspro.next) → Регионы → Ваш регион. На вкладке «Информация» пропишите адреса электронных почт для региона в поле «Email» и сохраните изменения.

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

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

#REGION_NAME# — название города.
#REGION_NAME_DECLINE_RP# — название города в родительном падеже.
#REGION_NAME_DECLINE_PP# — название города в предложном падеже.
#REGION_NAME_DECLINE_TP# — название города в творительном падеже.


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

#REGION_NAME# — город.
#REGION_ADDRESS# — адрес.
#REGION_PHONE# — телефон.

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

Чтобы посмотреть код свойства перейдите в Контент → Инфоблоки → Типы инфоблоков → Региональность (aspro.next) → Регионы на вкладку «Свойства». Код свойства отображен в столбце «Код». Скопируйте необходимое поле.

Оберните код символом «#». Результат добавьте в текст или тему письма, например #REGION_TAG_TEST#.


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

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

Корзина

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

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

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



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



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



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

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

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

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



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



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

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



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



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

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

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



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



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


Шаблон корзины 1С-Битрикс

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

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

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


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



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



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

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

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



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




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

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

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



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

  • изображения товара (1);

  • действующей скидки (2);

  • типа цены (3);

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




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




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

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


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




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



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

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



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




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



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

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



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



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



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



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

8. Выводить дополнительные метки товара

Метки товара – это стикеры «Акция», «Хит», «Советуем», «Новинка».


Новый шаблон позволяет вывести их как в полной версии сайта (1), так и в мобильной (2), а также определить положение стикера относительно изображения товара (3).



Внимание! По умолчанию в корзине данные стикеры скрыты стилями, чтобы они не загромождали пространство. Если вы все же хотите, чтобы они отображались в корзине, пожалуйста, напишите нам в поддержку.

Группа «Настройки изображений»

С настройками из этой группы вы можете вывести изображения из дополнительной фотогалереи товара (1) в корзину, а также определить режим отображения основного фото товара (2).



Рассмотрим работу параметров подробнее.

Чтобы вывести вспомогательную галерею товара в корзину, выберите свойство, отвечающее за хранение изображений товаров. В примере, это «Фотогалерея».


Также в группе «Внешний вид» не забудьте вывести соответствующую колонку для полной версии сайта и, при необходимости, для мобильной.



После сохранения изменений в корзине под свойствами товара должны появиться дополнительные фото.



И выведите колонки для полной и мобильной версии сайта.



Результат отобразится на странице.

Чтобы определить размер основного фото товара используйте параметр «Режим отображения изображений товаров»:

  • Вариант «Без сжатия» дает максимальный размер фото.

  • «Адаптивный» – средний.

  • «Стандартный» – самый миниатюрный.


Личный кабинет

Личный кабинет – это раздел, в котором зарегистрированные и авторизованные пользователи могут отслеживать статус выполнения заказа, управлять внутренним счетом, профилями заказов и подписками, а также корректировать свои личные данные и менять пароль.




Личный кабинет разбит на 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) — заголовком страницы будет «Редактирование параметров подписки» при редактировании подписки или «Добавление адреса подписки».


Покупка в 1 клик

Покупка в 1 клик (быстрая покупка) – опция для моментального заказа выбранных товаров, которая не требует полноценного оформления через корзину. Благодаря этому количество шагов к покупке сокращается до минимума: пользователь оставляет контактные данные, а затем с ним связывается менеджер для согласования деталей оплаты и доставки.

Функция «Покупка в 1 клик» способна повысить конверсию на 60-80%. В этой главе мы рассмотрим основные настройки быстрой покупки. С их помощью вы сможете активировать или деактивировать опцию, настраивать поля формы и доступ к ней для различных типов покупателей (например, только для физических или юридических лиц). 

«Аспро: Оптимус»



«Аспро: Маркет»



«Аспро: Next»



«Аспро: Шины и диски 2.0»


Чтобы активировать или деактивировать форму покупки в 1 клик, переключитесь в административную часть сайта и перейдите в настройки решения: 

  • Рабочий стол → Аспро: Optimus → Настройки;
  • Рабочий стол → Аспро: Market → Настройки;
  • Рабочий стол → Аспро: Next → Настройки;
  • Рабочий стол → Аспро → Аспро: Шины и диски 2.0 → Настройки.



Рассмотрим основные поля и их значения:

  • Показывать captcha (1) — включает поле для ввода каптчи в форме
  • Отображать кнопку быстрого заказа в корзине (2) — включит кнопку быстрого заказа в корзине
  • Отображать текст о стоимости доставки (3) – включает показ текста-дисклеймера на форме «Купить в 1 клик»
  • Тип плательщика (4) — определяет, какой круг лиц может заказывать в один клик: физические или юридические лица
  • Служба доставки (5) — определяет способ доставки товара и соответствующую запись в оформленном заказе. Можно выбрать доставку курьером или самовывоз
  • Платежная система (6)— определяет валюту, в которой считается стоимость товара
  • Поля (7) — определяет, какие поля будут отображаться в быстром оформлении заказа. Выбрать несколько значений можно, щелкая по ним мышью при нажатой клавише ctrl
  • Обязательные поля для заполнения (8) — определяет, какие поля из выбранных должны быть обязательно заполнены. При отправке формы система будет проверять, заполнены ли обязательные поля, и, если не заполнены, то покажет пользователю сообщение об этом.
После отправки заполненной формы пользователю демонстрируется сообщение о том, что его заказ принят, и оператор свяжется с ним в ближайшее время. 

Чтобы добавить возможность прикрепить файл в форму оформления покупки в 1 клик, переключитесь в административную часть сайта и перейдите в настройки решения:

  • Рабочий стол → Аспро: Optimus → Настройки → Магазин → Настройки → Свойства заказа;
  • Рабочий стол → Аспро: Market → Настройки → Магазин → Настройки → Свойства заказа;
  • Рабочий стол → Аспро: Next → Настройки → Магазин → Настройки → Свойства заказа;
  • Рабочий стол → Аспро: Шины и диски 2.0 → Магазин → Настройки → Свойства заказа.


Создайте новое свойство, укажите параметры:
  1. Выберите тип (1) – Файл.
  2. Поставьте галочку напротив «Обязательно» (2).
  3. Название (3)– оно будет отображаться в самой форме заказа. В примере мы назвали «файл», но вы можете назвать иначе, например «прикрепите реквизиты».Нажмите сохранить.

Статьи по теме в базе знаний: 

Как отредактировать названия полей формы «Покупка в 1 клик»?
Настройка параметров «Покупки в 1 клик»
Как добавить дополнительные поля в форму покупки в 1 клик?
Как сделать обязательным поле email в форме покупки в 1 клик?

Текст-дисклеймер на форме покупки в 1 клик

В решении Аспро: Next, а также версиях готовых интернет-магазинов Аспро: Оптимус 1.0.8, Аспро: Маркет 1.2.13 и Аспро: Шины и диски 2.0 предусмотрена возможность на форме покупки в 1 клик прописать пользовательское пояснение-дисклеймер – например, о том, что в конечную цену будет включена стоимость доставки.

Если подключена опция покупки в 1 клик, то по нажатии на соответствующую кнопку открывается форма покупки в 1 клик. На этой форме может отображаться подсказка, щелкнув на которую пользователь увидит небольшое пояснение. Вы можете настроить как текст этой подсказки, так и текст пояснения.




Чтобы изменить текст подсказки, переключитесь на административную часть сайта и перейдите в:
  • Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix/templates/aspro_optimus/components/aspro/oneclickbuy.optimus/shop/lang/ru/template.php (для решения Аспро: Оптимус)
  • Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix/templates/aspro_mshop/components/aspro/oneclickbuy.mshop/shop/lang/ru/template.php (для решения Аспро: Маркет)
  • Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix/templates/aspro_next/components/aspro/oneclickbuy.next/shop/lang/ru/template.php (для решения Аспро: Next)
  • Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix/templates/aspro_tires2/components/aspro/oneclickbuy.tires2/shop/lang/ru/template.php (для решения Аспро: Шины и диски 2.0)

Вам нужна строка

 $MESS['DELIVERY_NOTE_TITLE'] = 'Стоимость доставки';

Измените значение переменной в кавычках на нужную вам фразу.


Было:

	 $MESS['DELIVERY_NOTE_TITLE'] = 'Стоимость доставки';

Стало:

	 $MESS['DELIVERY_NOTE_TITLE'] = 'Доставка';

Чтобы увидеть изменения в публичной части сайта, сбросьте кэш страницы и компонентов и на всякий случай обновите страницу со сбросом кэша (через ctrl+F5).


В качестве памятки в комментарии возле этой строки указан путь к файлу, в котором можно изменить текст пояснения.

Чтобы изменить текст пояснения, перейдите в Рабочий стол → Контент → Структура сайта → Файлы и папки → include/oneclick_delivery_text.php. В этом файле в формате HTML хранится сам текст, его и можете изменять. Не забудьте про соответствующие теги.  


В результате в пояснении появится ваш новый текст, причем в том оформлении, которое вы задали ему HTML-тегами.


Настройка поясняющего текста-дисклеймера
в обзоре новинок Аспро: Оптимус 1.0.8

Инструменты для увеличения продаж

Триггерные рассылки

Триггерная рассылка — это последовательность (цепочка) писем, которые отправляются при наступлении определенных событий. Это может быть брошенная корзина, отсутствие активности пользователя в течение какого-либо времени, успешно оформленный заказ.

Зачем нужны триггерные рассылки?

По данным компании SeeWhy, Удачные цепочки триггерных писем способны поднять конверсию интернет-магазина до 30%. Свыше 50% клиентов возвращаются на сайт, если им об этом ненавязчиво напомнить письмом. И кое-кто из этой половины даже становится покупателем.

У 1С-Битрикс есть встроенные шаблоны, однако вы можете воспользоваться шаблонами Аспро с другим оформлением. Самые важные письма уже включены в поставку – с готовым универсальным текстом, версткой, кнопками и ссылками. Это письма с информацией о заказе, для забытой корзины (с промокодом на скидку и без него), запрос отзыва на Яндекс.Маркет, реактивация пользователей, сообщение об акциях и распродажах с привязкой к соответствующему разделу и общий шаблон.

Прежде всего триггерные рассылки необходимы для работы с клиентами. С их помощью вы можете:

  • привлекать новых клиентов, сообщая им о специальных предложениях, акциях и скидках
  • увеличивать лояльность и степень вовлеченности уже существующей клиентской базы
  • допродаж (crosssell и upsell механик)
  • информирования об акциях и скидках после определенных действий (например, после оформления заказа предложить аксессуары к покупке).

Триггерные рассылки создаются и редактируются в административной части в разделе Маркетинг → Триггерные рассылки → Список рассылок.


Для создания новой триггерной рассылки нажмите на кнопку «Добавить через мастер».

В мастере создания рассылок вы можете выбрать готовый сценарий рассылки или создать ее вручную.  


Для примера мы создадим рассылку вручную, не используя готовые шаблоны.


В основных паремтрах рассылки вы можете: ввести название (1), добавить необходимое описание для письма (2) и указать источник отправителя (3). После заполнения необходимых полей нажмите на кнопку «Следующий шаг».


Вы также можете указать условия для запуска и остановки триггерной рассылки. На примере мы выбрали условие (1) «Давно не покупал», назначили время запуска (2) 01:30, поставили галочку на «Обработать старые данные» (3) — рассылка дополнительно запустится еще и для пользователей, которые не выполняли действие больше указанного количества дней. Выставили срок с момента последний покупки «Не покупал более 30 дней» (4), достижение цели которой будет отображаться в метрике (5) «Заход на сайт».


После попадания на следующий этап «Статус рассылки» вам необходимо перейти на вкладку «Письма» и нажать  кнопку «Добавить письмо». Откроется окно выбора почтовых шаблонов. У 1С-Битрикс есть встроенные шаблоны, однако вы можете воспользоваться шаблонами Аспро с другим оформлением. В решении уже предусмотрено 7 типов самых популярных список для триггерных рассылок – шаблон письма для брошенной корзины, уведомления о скидках и акциях и т.д.


Выбираем дополнительные шаблоны, в нашем случае это шаблон письма, уведомляющего о текущих акциях, скидках, распродажах.


Откроется конструктор шаблонов. В нем вы можете отредактировать элементы письма: текст, приветствие, логотип.


Вы также можете наглядно изучить, как будет выглядеть ваше письмо на различных устройствах. Перейдите на вкладку «Предпросмотр» и выберите интересующее.


Если вам потребуется отправить дополнительное письмо через конкретный промежуток время после первого, то нажмите на кнопку «Добавить письмо» и заполните необходимые поля.


На этом создание вашей триггерной рассылки закончено. Для запуска рассылки перейдите на вкладку описание и установите статус «Запущена». При необходимости вы можете отправить тестовое письмо на указанный почтовый ящик, чтобы проверить, каким оно будет в ящике пользователя.

Перекрестные продажи

Кросс-продажи (перекрестные продажи) — это когда посетителю сайта предлагают купить сопутствующие дополнительные товары. Например, объективы покупателю фотоаппарата или гирлянду тому, кто ищет елку.

Обычно кросс-продажи осуществляются на уровне «Товар-товар»: вы связываете дополняющие товары с основным. Мы предлагаем использовать перекрестные продажи на уровнях «Услуга-товар», «Статья-товар», «Новость-товар», «Акция-товар», «Проект-товар». Эта функция позволяет дополнительно показать посетителю товары не только в каталоге, но и в других разделах. Например, в услуге «Установка сантехники» можно вывести ванны, раковины, смесители. А в описание акции «Скидка 20% на видеокамеры» добавить только камеры.


В решении Аспро: Некст и Аспро: Шины и диски 2.0 вы можете привязывать товары к разделам: Акции, Блог, Новости, Услуги, Проекты.

Также вы можете задавать вид отображения связанных товаров: в виде слайдера или блочный. В этой главе мы расскажем подробно о настройке функционала.



Добавление связанных товаров к акции, услуге, проекту, новости, статье в блоге

Общий принцип добавления товаров к разделу:
  1. Переходите на детальную страницу в нужном контентом разделе.
  2. Находите блок настроек для связанных товаров — «Связи».
  3. Выбираете нужные товары из таблицы.
  4. Сохраняете изменения.
Выведем товары для примера в разделе услуг. Чтобы добавить товары в конкретную услугу, зайдите в ее редактирование или создайте новую. Перейдите на вкладку «Связи».


Для выбора товара нажмите многоточие.



В таблице выберите нужный товар, нажмите кнопку «Гамбургер», затем кнопку «Выбрать».


Не забудьте сохранить изменения.

Теперь к услуге привязаны товары.


Блок с товарами называется «Купить товары». Вы можете изменить название этого блока. Наведите на область раздела и нажмите на шестеренку.



В разделе «Дополнительные настройки» в поле «Текст заголовка “Товары”» введите свое название. Нажмите кнопку «Сохранить».



Привязать товары таким же образом можно к разделам: «Акции», «Новости», «Услуги», «Проекты», «Блог».  



Настройка отображения для блока связанных товаров

Вы можете настраивать внешний вид блока связанных товаров на странице услуги, акции, новости, статьи в блоге или проекта. В решении доступно 2 варианта:
  • Слайдер - это блок, с заданным количеством отображаемых товаров. У блока есть кнопки в виде стрелок. При нажатии на которые товары в слайдере листаются.
  • Блочный - когда все товары выводятся в блоке.
Вид отображения — «Слайдер»:



Начиная с версии Аспро: Next 1.1.1, доступен вид отображения — «Блочный»:


Чтобы задать вид отображения, наведите на область раздела и нажмите на шестеренку.




В параметрах компонента «Настройки детального просмотра» в поле «Вид отображения связанных товаров» выберите нужный параметр.


Нажмите кнопку «Сохранить».

В решениях Аспро: Next, начиная с версии 1.1.4, а также Аспро: Шины и диски 2.0 вы можете настраивать количество выводимых элементов на странице. Для этого в настройках детального просмотра в поле «Количество связанных товаров на странице:» задайте необходимо число. Сохраните изменения.



Если привязанных товаров больше, чем заданное количество связанных товаров на странице, будет добавлена пагинация.


Привязка товаров к акциям

Вы можете привязать товары из своего магазина к активной акции. После привязки на карточках этих товаров появится сообщение о том, что товар участвует в акции, а также ссылка на страницу с подробными условиями.

В Аспро: Next, начиная с версии 1.4.2, доступна привязка акций через карточку товара. После выбора акции товары отобразятся на странице активной акции. Также с этой версии доступен фильтр в карточке акции для упрощенной привязки товаров. Выбирайте условия в несколько кликов, чтобы сэкономить время на привязке товаров.

Блок про акцию на детальной странице товара.

Детальная страница акции с привязанными товарами.


Привязка акции в настройках товара

Начиная с версии 1.4.2, в карточке товара появилось свойство «Акции». Теперь вы можете привязывать товары к акции быстрее через массовую выгрузку товаров или при импорте через 1С.

Чтобы привязать акцию, перейдите в редактирование товара. На вкладке «Товар» в блоке «Акции» кликните на многоточие.


В появившемся окне кликните на «Гамбургер» в строке с акцией, затем нажмите «Выбрать».


После выбора акции заголовок и ID отобразятся в поле для привязки. Сохраните изменения.



Привязка товаров через акцию

В решении доступно 2 типа привязки: ручная и через фильтр. При первом типе вы вручную добавляйте все товары. При втором типе вы задаете условия, по которым выводятся товары в акции. Например, на 23 февраля вы можете вывести все товары с камуфляжным принтом.

Если вы одновременно используете 2 типа привязки, будет учитываться только привязка по условиям фильтра.

Внимание! Привязка товаров через фильтр будет корректно работать, если вы задаете настройки в административной части сайта.

Чтобы привязать товары к акции, переключитесь в административную часть сайта и перейдите в Контент → Контент ( aspro.next) → Акции. Выберите нужную акцию и щелкните по названию для редактирования.


1. Привязка товаров вручную

В редактировании акции перейдите на вкладку «Связи». Чтобы привязать элемент, в параметре «Товары» кликните по многоточию.


В появившемся окне кликните на «Гамбургер» в строке с товаром, затем нажмите «Выбрать».


Кнопка «Добавить…» добавляет дополнительные поля для выбора на случай, если стандартного количества вам не хватит.

Сохраните изменения.


Если в открывшемся окне выбора элемента для привязки вы не увидели списка товаров, то в фильтре вверху окна выберите тип инфоблока и сам инфоблок – «Каталог» и «Каталог товаров». Чтобы выбрать элемент, достаточно дважды по нему щелкнуть.


2. Привязка товаров по фильтру

В редактировании акции перейдите на вкладку «Связи». Кликните в блоке «Связанные товары по фильтру» на «Добавить условие».


В выпадающем списке выберите условие. Например, строку «Раздел».


После выбора характеристики выберите параметры. Для этого кликните на многоточие.


В появившемся окне выберите параметры в информационном блоке:

  • Тип = каталог (1).

  • Инфоблок = каталог товаров (2).

После ввода параметров в списке отобразятся результаты. Выберите раздел, кликнув в строке с названием на «Гамбургер», затем на «Выбрать».


Сохраните изменения. В нашем примере мы задали условие «Выводить товары из раздела “GPS-навигаторы”». В результате на странице акции выводятся все активные товары этого раздела.


Внимание! В решении используется стандартный фильтр 1С-Битрикс. Из-за особенностей работы условия фильтра могут сохраняться не с первого раза. Поэтому после сохранения акции убедитесь, что условия фильтра заданы.

Привязка товаров к услугам

Вы можете привязать товары из своего магазина к активным услугам. На карточках этих товаров появится блок с названием услуги и кратким описанием.

В Аспро: Next, начиная с версии 1.4.2, доступен фильтр в карточке услуги для упрощенной привязки товаров. Выбирайте условия в несколько кликов, чтобы сэкономить время на привязке товаров.

Блок с услугой на детальной странице товара.

Детальная страница услуги с привязанными товарами.


Привязка услуги в настройках товара

Чтобы привязать услугу, перейдите в редактирование товара. На вкладке «Дополнительно» в блоке «Услуги» кликните на многоточие.


В появившемся окне кликните на «Гамбургер» в строке с услугой, затем нажмите «Выбрать».


После выбора услуги заголовок и ID отобразятся в поле для привязки. Сохраните изменения.



Привязка товаров через услугу

В решении доступно 2 типа привязки: ручная и через фильтр. При первом типе вы вручную добавляйте все товары. При втором типе вы задаете условия, по которым выводятся товары в услуге. Например, к услуге «Подшив штор» вы можете привязать товары из раздела «Шторы».

Если вы одновременно используете 2 типа привязки, будет учитываться только привязка по условиям фильтра.

Внимание! Привязка товаров через фильтр будет корректно работать, если вы задаете настройки в административной части сайта.

Чтобы привязать товары к услуге, переключитесь в административную часть сайта и перейдите в Контент → Контент ( aspro.next) → Услуги. Выберите нужную услугу и щелкните по названию для редактирования.


1. Привязка товаров вручную

В редактировании услуги перейдите на вкладку «Связи». Чтобы привязать элемент, в параметре «Товары» кликните по многоточию.


В появившемся окне кликните на «Гамбургер» в строке с товаром, затем нажмите «Выбрать».


Кнопка «Добавить…» добавляет дополнительные поля для выбора на случай, если стандартного количества вам не хватит.

Сохраните изменения.


Если в открывшемся окне выбора элемента для привязки вы не увидели списка товаров, то в фильтре вверху окна выберите тип инфоблока и сам инфоблок – «Каталог» и «Каталог товаров». Чтобы выбрать элемент, достаточно дважды по нему щелкнуть.


2. Привязка товаров по фильтру

В редактировании услуги перейдите на вкладку «Связи». Кликните в блоке «Связанные товары по фильтру» на «Добавить условие».


В выпадающем списке выберите условие. Например, строку «Раздел».


После выбора характеристики выберите параметры. Для этого кликните на многоточие.


В появившемся окне выберите параметры в информационном блоке:

  • Тип = каталог (1).

  • Инфоблок = каталог товаров (2).

После ввода параметров в списке отобразятся результаты. Выберите раздел, кликнув в строке с названием на «Гамбургер», затем на «Выбрать».



Сохраните изменения. В нашем примере мы задали условие «Выводить товары из раздела “Бытовая техника”».


В результате на странице услуги выводятся все активные товары этого раздела.


Внимание! В решении используется стандартный фильтр 1С-Битрикс. Из-за особенностей работы условия фильтра могут сохраняться не с первого раза. Поэтому после сохранения услуги убедитесь, что условия фильтра заданы. 

Привязка похожих товаров и аксессуаров

Перекрестные продажи — инструмент для продажи сопутствующих дополнительных товаров. В решении к перекрестным товарам относятся аксессуары и похожие товары. В роли аксессуаров для блузки будут броши, а для микроволновки BEKO похожие будут все товары этого бренда. Используйте этот функционал для увеличения конверсий и среднего чека.

Блок «Аксессуары» в карточке товара.


Блок «Похожие товары» в карточке товара.


В решении доступно 3 типа привязки: ручная, через фильтр и массовая. 

  1. Ручная — вы вручную добавляйте все товары по ID.

  2. Привязка через фильтр — к товары привязываются элементу по условию. Этот вариант в Аспро: Next доступен, начиная с версии 1.4.2.  Например, к белой футболке вы можете привязать похожие товары через условия фильтра: раздел = футболки, цвет = белый. 

  3. Массовая — привязка товаров по фильтру к товарам, соответствующим условиям. Вариант в Аспро: Next доступен, начиная с версии 1.6.0. Например, к разделу компьютеров вы можете привязать все товары бренда ASUS. А к товарам с ценой до 1 000 р. в аксессуары привязать позиции не дороже 100 р.

Используйте третий вариант, чтобы заполнить похожие товары и аксессуары для всего сайта в несколько условий.

Нельзя одновременно использовать 2 типа привязки. Используйте фильтр или привязку вручную.

Внимание! Привязка товаров через фильтр будет корректно работать, если вы задаете настройки в административной части сайта

Привязка аксессуаров и похожих товаров вручную

Чтобы привязать товары, переключитесь в административную часть сайта и перейдите в редактирование товара: Контент → Каталог (aspro.next) → Каталог товаров → Раздел. Выберите нужный товар и щелкните по названию для редактирования.

В редактировании товара перейдите на вкладку «Дополнительно». Чтобы привязать элемент, в параметре «Аксессуары» или «Похожие товары» кликните по многоточию.


В появившемся окне кликните на «Гамбургер» в строке с товаром, затем нажмите «Выбрать».


Кнопка «Добавить…» добавляет дополнительные поля для выбора на случай, если стандартного количества вам не хватит.

Сохраните изменения.

Если в открывшемся окне выбора элемента для привязки вы не увидели списка товаров, то в фильтре вверху окна выберите тип инфоблока и сам инфоблок – «Каталог» и «Каталог товаров». Чтобы выбрать элемент, достаточно дважды по нему щелкнуть.

Привязка аксессуаров и похожих товаров по фильтру

Чтобы привязать товары, переключитесь в административную часть сайта и перейдите в редактирование товара: Контент → Каталог (aspro.next) → Каталог товаров → Раздел. Выберите нужный товар и щелкните по названию для редактирования.

В редактировании товара перейдите на вкладку «Товар». Кликните в блоке «Похожие товары по фильтру» или «Аксессуары по фильтру»на «Добавить условие».


В выпадающем списке выберите условие. Например, строку «Раздел».


После выбора характеристики выберите параметры. Для этого кликните на многоточие.


В появившемся окне выберите параметры в информационном блоке:

  • Тип = каталог (1).

  • Инфоблок = каталог товаров (2).

После ввода параметров в списке отобразятся результаты. Выберите раздел, кликнув в строке с названием на «Гамбургер», затем на «Выбрать».

Сохраните изменения. В нашем примере мы задали условие «Выводить товары из раздела “Велосипеды”». В результате на странице товара в блоке «Похожие товары» выводятся все активные товары этого раздела.


Внимание! В решении используется стандартный фильтр 1С-Битрикс. Из-за особенностей работы условия фильтра могут сохраняться не с первого раза. Поэтому после сохранения товара убедитесь, что условия фильтра заданы.

Массовая привязка аксессуаров и похожих товаров

Разберем функционал на примере: к товарам раздела «Раковины» привяжем аксессуары из раздела «Смесители». 


В административной части сайта перейдите в Контент → Каталог (aspro.next) → Перекрестные продажи. Чтобы создать условие, нажмите кнопку «Добавить правило». 


Заполните и активируйте нужные поля на вкладке «Правило»:

  • Задайте активность (1)
  • Выберите период активности при необходимости (2)
  • Пропишите название (3)
  • Выберите место показа (4): привязка похожих товаров или аксессуаров
  • Задайте приоритет применимости (5) и индекс сортировки на уровне приоритета (6)
  • Активируйте поле (7), если хотите прекратить применения правила на текущем уровне приоритета
  • Активируйте поле (8), если хотите прекратить дальнейшее применение правил


Перейдите на вкладку «Условия». В блоке «Основные товары» (1) необходимо задать условия выбора товаров, к которым привяжутся элементы. В блоке «Товары для допродажи» (2) нужно задать условия, по которым будут выводиться аксессуары или похожие товары. Например, привязать товары, которые дешевле 1 000 р. Или добавить элементы цвета «Белый». Вариантов множество. Создавайте те правила, которые вам упростят привязку.



Кликните кнопку «Добавить условие». В выпадающем списке выберите вариант. Выбираем строку «Раздел».


После выбора характеристики выберите параметры. Для этого кликните на многоточие.


В появившемся окне выберите параметры в информационном блоке:

Тип = каталог (1).

Инфоблок = каталог товаров (2).

После ввода параметров в списке отобразятся результаты. Выберите раздел, кликнув в строке с названием на «Гамбургер», затем на «Выбрать».


 Аналогично привяжем товары для допродаж. 

В этом примере мы рассмотрели только 1 вариант привязки. Вы можете экспериментировать и добавлять различные условия для привязки товаров по аналогу функционала 1С-Битрикс — маркетинговые акции. 

На вкладке «Ограничения» вы можете задать группы пользователей, которые увидят привязанные товары (1). А также выбрать регион (2).



Сохраните изменения.

У товаров раздела «Раковины» отображаются аксессуары из раздела «Смесители». 


 

Блог

В Аспро: Шины и диски 2.0 присутствует мощный и многогранный инструмент контент-маркетинга — блог.

Блог дает вам прекрасную возможность:

  • помочь вашим посетителям сориентироваться в огромном количестве товаров определенной категории, при этом деликатно продвигать свои товары и услуги;

  • предоставить инструкции по использованию предлагаемых товаров;

  • расширить клиентскую базу, привлекая аудиторию к конкретной теме или обсуждению из поисковиков и социальных сетей;

  • улучшить качество предоставляемых услуг посредством отработки отзывов клиентов о вашей работе.

Полезная информация в виде инструкций, характеристик, обзоров, отзывов покупателей помогает увеличить показатель вовлеченности пользователей, снижает риск того, что они уйдут в поисках недостающей информации на сайты конкурентов. А еще помогает выстроить долгосрочные отношения и стимулировать повторные продажи – ведь у вас всегда есть новый повод для коммуникации.


Создание и редактирование статей

Добавлять новые статьи в блог и управлять существующими можно в публичной и административной части сайта.

Чтобы добавить новую статью в публичной части сайта, перейдите в режим правки, наведите указатель на область блога и нажмите соответствующую кнопку на всплывшем меню.



Чтобы изменить или удалить статью откройте ее в браузере. Так же, как и в случае добавления, наведите указатель на текст и выберите нужный пункт меню.



В административной части сайта управление элементами блога осуществляется в Контент → Контент (aspro.tires) → Статьи.



В этом разделе сайта, используя стандартные средства управления, вы можете создавать, удалять и изменять сами статьи и их категории, при помощи которых пользователям проще ориентироваться в блоге.


Вкладка «Новость»

На основной вкладке присутствует стандартный набор полей:

  • Поле «Активность» (1), включающее отображение новости;

  • Поля, отвечающие за период активности (2);

  • Обязательное поле, задающее название статьи (3);

  • Поле, определяющее последовательность отображения новостей в блоке и разделе (4).

Уникальными для элементов блога являются поля:

  • Положение блока (5) – определяет с какой стороны (справа или слева) будет отображаться новость с наименьшим индексом сортировки при выборе блочного способа отображения раздела «Блог».


Вкладка «Анонс»

Эта вкладка традиционно содержит изображение для превью (1) и его краткое описание (2).


Вкладка «Подробнее»

На этой вкладке вы можете задать расположение фото детальной картинки (1), которая оформляет статью. Вы можете расположить фото слева, тогда текст будет обтекать изображение с правой стороны, или, наоборот, фото справа – текст слева. Вариант «По ширине» размещает фото строго над текстом, а «Наверху» убирает детальное изображение из карточки статьи.

Также эта вкладка содержит галерею (2). Изображения в галерею добавляются стандартными действиями: перемещением файлов в область галереи или при помощи меню кнопки «Гамбургер». Галерея отображается в конце статьи.

В блоке «Полное описание» (3) добавляется содержимое статьи. Здесь, используя возможности визуального редактора, для удобства восприятия вы можете отформатировать текст, вставить таблицы, изображения, ссылки.



Также вы можете прикрепить к своей статье видео с YouTube. Для этого откройте нужное видео в браузере, нажмите кнопку «Поделиться» (4), кликните вкладку «HTML-код» (5) и скопируйте содержимое из поля, расположенного ниже.



В поле детального описания переключитесь на HTML-редактор, найдите место, где должно располагаться видео и вставьте код с YouTube.


Проигрыватель отобразится в статье по центру.

Вкладка «Связи»

Привязать к статье товары можно на вкладке «Связи». Начиная с версии 1.0.1, в решении доступна привязка разделов моделей брендов. При привязке раздела модели в статье выводятся все активные товары выбранной категории.

Товары на странице статьи.


Детальная страница товара, где отображается статья.


Для привязки товаров кликните по кнопке с многоточием в блоке «Товары».


В открывшемся окне в информационном блоке выберите «Каталог» и необходимый инфоблок, например «Шины» (1). После этого найдите товар, который нужно привязать и кликните по нему дважды левой кнопкой мыши.


В карточке статьи будет отображаться ID привязанного товара, а возле кнопки появится его название.


Чтобы привязать категорию моделей бренда, в поле «Разделы» начните вводить название. В виде выпадающего списка станут доступны варианты. Выберите нужный раздел, кликнув по названию.


Не забудьте сохранить изменения после того, как привяжете к статье все необходимые товары

Вкладка «Баннер»

Чтобы активировать отображение баннера, включите параметр «Баннер сверху» (1).

Вместо детальной картинки для оформления вы можете использовать баннер, заполняющий всю ширину контентной области. Для этого загрузите изображение для простого баннера в поле «Фоновая картинка» (3). Если хотите использовать составной баннер, дополнительно загрузите активную картинку в соответствующее поле (2). Для загрузки используйте меню кнопки «Гамбургер».

На баннер будет выводится название статьи и описание анонса. Если вам нужно задать определенный цвет тексту, укажите его hex-код в соответствующем поле (4).


Вкладка «SEO»

На этой вкладке формируется облако тегов, которое отображается под категориями статей.


Чтобы привязать к статье метки, пролистайте вкладку до самого конца. В одноименном поле перечислите ключевые слова или выражения через запятую.


Вкладка «Разделы»

Закрепить статью за определенной категорией можно на вкладке «Разделы».





Подключение блока комментариев для раздела «Блог»

В разделе «Блог» вы можете подключить блок комментариев. Пользователи смогут задавать вопросы, делиться мнением и обсуждать тему под каждой статьей раздела. Для этого им даже не обязательно регистрироваться на сайте.


Вы также можете подключить плагин комментариев Facebook. Комментарии посетителей автоматически будут транслироваться на их страницы в соцсети со ссылкой на исходную статью в блоге. Это может способствовать дополнительному привлечению пользователей к вашей статье, а следовательно — к вашему сайту.


Также вы можете подключить плагин комментариев ВКонтакте.


Чтобы включить или выключить вкладку комментариев, зайдите в параметры компонента. Для этого в режиме правки наведите на статью в блоге и нажмите на шестеренку.


Перейдите в раздел «Настройки детального просмотра». Чтобы включить параметр, в строке «Использовать комментарии» (1) нажмите галку. Название блога латинскими буквами (2) прописано автоматически, подгружается из параметров блога, поэтому ничего менять в этой строке не нужно. Задайте количество отображаемых комментариев на странице (3) и заголовок таба (4). Если хотите, чтобы приходили уведомления о новых комментариях, поставьте галку в строке «Уведомление по электронной почте» (5)

Чтобы подключить виджет комментариев Facebook и Вконтакте, в настройках детального просмотра параметров компонента поставьте галки у соответствующих строк «Использовать ВКонтакте» (1) и «Использовать Facebook» (3). Пропишите заголовки табов (2) и (4).


Чтобы узнать номера идентификаторов, перейдите в административную панель в Настройки → Настройки продукта → Настройки модулей → Социальные сервисы. Найдите блок «Настройки Facebook» и скопируйте идентификатор приложения.


Если у вас не заполнены поля, зарегистрируйте приложение. Для этого перейдите по ссылке. Полученные коды вставьте в поля «Идентификатор приложения» и «Секретный код приложения» и скопируйте App ID.

Затем найдите блок «Настройки ВКонтакте» и скопируйте идентификатор приложения.


Если у вас не заполнены поля, зарегистрируйте приложение. Для этого перейдите по ссылке. Полученные коды вставьте в поля «ID приложения» и «Защищенный ключ». Скопируйте идентификатор приложения.

Добавьте идентификаторы приложений в соответствующие поля:

  1. Идентификатор приложения ВКонтакте (API_ID) — (1)
  2. Идентификатор приложения (APP_ID) — (2).


Сохраните изменения.

Теперь посетители смогут оставлять свои комментарии к каждой статье.

Как ускорить загрузку страницы раздела каталога


В брендах добавлена дополнительная навигация в виде табов по свойствам сезонности и шипованности моделей. Пользователь может сразу отсортировать модели по этим характеристикам на странице.



Но если товаров слишком много, страница может долго грузиться. Чтобы этого избежать, необходимо включить постраничную навигацию. При этом варианте табы по свойствам сезонности и шипованности моделей не будут отображаться. Перейдите в параметры компонента каталога. Для этого в публичной части сайта в режиме правки наведите на область страницы и нажмите на шестеренку.


Активируйте поле «Отображать постраничную навигацию» (2). Также вы можете задать количество выводимых разделов, для этого заполните соответствующее поле (1). Сохраните изменения.



В конце страницы отобразится постраничная навигация. Товары будут грузиться постранично, за счет этого увеличится скорость загрузки страницы.



Настройка купонов и промокодов

Купон - разновидность скидки. Его отличие от скидки заключается в том, что он может быть сгенерирован  в любой момент и представляет собой уникальную последовательность символов. Правом на получение скидки по купону обладает покупатель, которому каким-либо образом был сообщен этот уникальный купон (промокод) и который ввел его при оформлении заказа.

Чтобы ввести код купона, клиенту необходимо выбрать товар и перейти в корзину.


Для создания нового купона перейдите в блок «Купоны скидок на товар»:

Маркетинг → Товарный маркетинг → Купоны

Нажмите на кнопку «Добавить».


В открывшемся окне введите:

  • Правило корзины. Категория товаров, на которые действуют скидки акции, либо они являются новинкой, хитом продаж магазина (1)

  • Название купона – можно задать свое название или сгенерировать автоматически (2)

  • Тип купона (3)

  • Период активности купона заполняется при необходимости (4)


Примечание: купоны могут быть следующих видов:

  • Купон на одну позицию заказа — купон можно применить только к одному товару и только один раз. Если в заказе несколько товаров, то купон применяется к самому дорогому товару;

  • Купон на один заказ — купон можно применить один раз на один любой заказ;

  • Многоразовый купон  — купон может применяться к заказам неограниченное количество раз.

После сохранения купон будет добавлен в общий список на странице «Купоны».

В результате при вводе сгенерированного купона в публичном разделе на странице корзины система автоматически выполнит пересчет и выведет новую цену только для тех товаров, для которых подходит скидка:




Примечание. Для каждого товара может применяться неограниченное количество купонов скидок, но не более одного купона каждой скидки.

SEO, маркетинг, реклама

Акции и скидки

Правила работы с корзиной

Благодаря этому блоку настроек вы можете задавать правила работы с корзиной и проводить акции для тех покупателей, которые выполнят заданные условия: например, совершат покупку на определенную сумму или выберут какое-либо количество товара, на который будет действовать скидка.

Для того, чтобы задать новое правило, перейдите в блок «Правила работы с корзиной»:

Маркетинг → Товарный маркетинг → Правила работы с корзиной → Правила работы с корзиной

Рассмотрим процесс создания правила на конкретном примере. Допустим, мы хотим добавить скидку 30% и бесплатную доставку при покупке клея в количестве от 5 упаковок.
  1. Нажмите кнопку «Добавить правило» и выберите из списка интернет-магазин, для которого хотите это сделать.



  2. Откроется окно создания нового правила. На вкладке «Общие параметры» введите название акции, задайте период активности (без ограничений или обозначьте интервал).



  3. На вкладке «Действия и условия» задаются условия акции и действия, которые должен совершить пользователь, чтобы получить бонус/подарок/скидку.

    Чтобы реализовать выбранную нами механику акции, делаем следующее:
    «Добавить действие» – задаем действия, которые должны будут выполниться при соблюдении определенных условий.

    Действие 1: применить скидку 30% к товарам, удовлетворяющим всем условиям.
    Выбираем из выпадающих списков нужные параметры: «скидка», «30», «%», всем условиям.

    Действие 2: применить скидку 100% на доставку к товарам, удовлетворяющим всем условиям.
    Выбираем из выпадающих списков параметры «скидка», «100», «%».



    Задаем условия: скидки действуют при покупке не менее 5 упаковок клея.

    Условие 1. Количество товаров, удовлетворяющих всем условиям, больше или равно 5.

    Условие 2. Поле «Товар» равно необходимому товару (выбираем из каталога).



  4. Переходим на вкладку «Группы пользователей» и выбираем тех, кто сможет принять участие в акции. В нашем случае это зарегистрированные пользователи.



  5. Сохраняем изменения и проверяем результат на сайте: при покупке от 5 упаковок товара стоимость пересчитывается.



    А стоимость доставки равняется 0 рублей.


Накопительные скидки

Накопительные скидки – это программа поощрения постоянных покупателей, в которой величина скидки или бонуса зависит от суммы совершенных покупок.
 
Вы можете задать свою программу накопительных скидок в блоке настроек маркетинга интернет-магазина:
Маркетинг → Товарный маркетинг → Накопительные скидки

Внимание! Функционал накопительных скидок доступен только в редакции 1С-Битрикс: Бизнес.

Чтобы добавить программу, кликните на зеленую кнопку «Новая накопительная программа».



Откроется окно добавление новой накопительной программы. На вкладке «Накопительная программа» задайте ее название и выберите сайт.



На вкладке «Скидки накопительной программы» выберите период расчета скидок, срок действия, валюту сумм оплаченных заказов и скидок. Далее задайте величины скидок – от определенной суммы оплаченных заказов в виде процента от заказа или фиксированной суммы. При необходимости вы можете добавить дополнительные строки, кликнув на кнопку «Еще».



На вкладке «Ограничения» выберите группы пользователей, на которых будет распространяться накопительная программа: администраторы, зарегистрированные пользователи и т.д.



Сохраните изменения. Программа лояльности создана!

Привязка товаров к акциям

Перекрестные продажи – один из самых популярных способов увеличить средний чек интернет-магазина и повысить конверсию.

Вы можете привязать товары из своего магазина к активной акции. После привязки на карточках этих товаров появится сообщение о том, что товар участвует в акции, а также ссылка на страницу акции. Эта опция доступна у решений Аспро: Маркет, Аспро: ОптимусАспро: Крутой шоп, Аспро: Шины и диски 2.0.



На примере Аспро: Оптимус

Для всех решений алгоритм действий одинаков.

Чтобы привязать товары к акции, переключитесь на административную часть сайта и перейдите в Рабочий стол → Контент → Контент → Акции. Выберите нужную акцию и войдите в режим ее редактирования, щелкнув по названию.


Перейдите к группе полей «Значения свойств» и найдите поле «Элементы участвующие в акции».

Чтобы привязать новый товар, нажмите кнопку с многоточием и в открывшемся окне выберите нужную позицию. Чтобы удалить привязку товара, сотрите его ID из поля ввода. Кнопка «Добавить…» добавляет дополнительные поля для выбора на случай, если стандартного количества вам не хватит.

Если в открывшемся окне выбора элемента для привязки вы не увидели списка товаров, то в фильтре вверху окна выберите тип инфоблока и сам инфоблок – «Каталог» и «Каталог товаров». Чтобы выбрать элемент, достаточно дважды по нему щелкнуть.


Результат (на примере Аспро: Маркет):



Результат на примере Аспро: Крутой шоп:


Предсказания в карточке товара и быстром просмотре

Пользователи любят скидки. Владельцы сайтов понимают, что прямые скидки на товары отражаются на прибыли. Чтобы окупить акцию, нужно продать в разы больше, чем обычно. Поэтому скидки по определенным сценариям, помогают сохранить интерес пользователей. В то же время задают условия, чтобы владелец проекта не ушел в минус.

В Аспро: Next, начиная с версии 1.4.3, доступны предсказания для детальной карточки товара и быстрого просмотра. Когда пользователь формирует заказ на определенную сумму, на кнопке добавления товара появляется скидочный стикер. При наведении на кнопку с ним отображается уведомление, что при заказе на определенную сумму ко всей корзине применяется скидка. Как только пользователь добавит позиции на заданную сумму к заказу в корзине прибавится скидка.

Пример. Мы создали скидку 1 000 р. при покупке товаров от 15 000 р. Где предсказание отражается, когда в корзине товаров от 5 000 р. Предсказание уведомляет пользователя о выгодном предложении.

Добавили товар на сумму 9 899 р. Цена заказа больше 5 000 р, но меньше 15 000 р. Поэтому на детальной странице и быстром просмотре на кнопке теперь отображается предсказание.

При наведении на предсказание появляется уведомление о том, на какую сумму еще нужно доложить товары в корзину, чтобы получить скидку.


Если в корзине сумма меньше той, с которой начинается предоставляться скидка, то скидочная цена не применяется. Информация о выгодах не отображается.

Когда сумма заказа равна или выше установленной цены для предоставления бонуса, то в корзине применяется скидка. Отображается общая экономия и выгода по каждой позиции. Также у товара отображается процент скидки, который рассчитывается по формуле: скидка на заказ / общая сумма * 100%.

Чтобы установить предсказание, в административной части сайта перейдите в Маркетинг → Товарный маркетинг→ Предустановленный список маркетинговых акций. Кликните кнопку «Создать» в блоке «Оформи заказ на «n» рублей, получи скидку».

На первом шаге введите название скидки и нажмите на «Следующий шаг».


Введите сумму заказа, к которому будет применена скидка (1). Скидка на заказ задается в рублях (2). Вы можете установить значение суммы заказа, с которого будет выводиться предсказание на кнопке добавления товара (3). В отдельном поле прописывается текст предсказания (4). После ввода всех параметров кликните на «Следующий шаг».


В следующем окне выберите группу пользователей, на которые будет распространяться правило (1). Задайте период активности: без ограничений или интервал (2). Также вы можете установить приоритет применимости (3), индекс сортировки в уровне приоритета (4), активировать поля «Прекратить применение скидок на текущем уровне приоритетов» (5) и «Прекратить дальнейшее применение правил» (6). После ввода всех параметров кликните на «Следующий шаг».


Скидка установлена.

Для отображения предсказаний, начиная с версии 1.4.4, необходимо активировать одноименную настройку в параметрах комплексного компонента каталога. Для этого в публичной части сайта в режиме правки наведите на область страницы и кникните на шестеренку.



Активируйте поле «Использовать предсказания скидок» и сохраните изменения.



Подарки

«Подарки» – это новый маркетинговый инструмент от 1С Битрикс, который позволяет привязать к одному товару другой в качестве подарка.

Вот как на практике работает эта схема. К примеру, у вас есть мясорубка и дополнительный комплект ножей для нее. Вы привязываете дополнительный комплект к мясорубке как подарок. Теперь пользователь, который купит мясорубку, получит в подарок совершенно бесплатно дополнительный комплект ножей. Если же пользователю нужен только комплект ножей, он может купить его отдельно по его собственной цене, и ему не нужно покупать мясорубку.

Схема с подарками в дополнение к основной покупке повышает конверсию, а также вероятность того, что покупатель посоветует ваш магазин своим друзьям и знакомым. Таким образом в распоряжении интернет-магазина появляется мощный маркетинговый инструмент для допродаж и повышения лояльности покупателей.

На карточке товара, к которому привязаны один или несколько подарков после подключения функционала появится блок «Выберите подарок». В нем будут отображены все товары, идущие в качестве подарка к основной покупке.

Также блок с подарками выводится в корзине, при оформлении заказа.

Как это выглядит в решении Аспро: Маркет



Как это выглядит на Аспро: Оптимус



После добавления товара с подарками в корзину пользователь может уже в корзине выбрать один подарок, который хочет получить в комплекте с товаром.

Внимание! Отображение нового блока в корзине доступно только при использовании стандартного шаблона. Как перейти на стандартный шаблон, читайте здесь.

Вот так подарки отображаются в корзине:



Чтобы выбрать один из подарков, перейдите на его карточку и добавьте в корзину. Если в корзине лежит товар, к которому добавленный привязан как подарок, то цена подарочного товара будет 0.



Функционал подарков настраивается через правила работы с корзиной. Подробнее работе о их настройке читайте здесь.

Чтобы настроить «Подарки» в вашем решении, переключитесь на административную часть сайта и перейдите в раздел «Правила работы с корзиной». Добавьте новое правило.



На вкладке «Действия и условия» в блоке «Действия» нажмите ссылку «Добавить действие». Откроется выпадающий список. Выберите в нем пункт «Предоставить подарок».



В цветном блоке вновь нажмите «Добавить действие» и выберите в списке пункт «Товар».



Если вы хотите выбрать один или несколько разрозненных товаров, оставляйте значение «любой из». Если хотите привязать все товары из какого-то раздела, то нажмите на эту ссылку и выберите значение «все».

Нажмите на многоточие, чтобы выбрать конкретные товары или разделы.


После настройки списка товаров-подарков переходите к «Дополнительным условиям».

Нажмите «Добавить условие» и выберите «Группа условий». Затем в цветном блоке вновь нажмите «Добавить условие» и выберите «Товары».


Измените опцию «всем условиям» на «любому из условий». Выберите условие «Раздел» или «Товар».


Поставьте условие «не равно» и через многоточие выберите раздел или товары, которые соответствуют выбранным ранее в настройке условий «Действия». Это нужно для того, чтобы нельзя было привязать подарки к самим себе.


Не забудьте назначить правилу актуальный сайт из списка подключенных в системе на вкладке «Общие параметры». После этого вы сможете привязать указанные в правиле товары как подарки к любому товару каталога, кроме них самих.

Возможно настроить отображение подарков на карточках товаров. В настройках параметров компонента каталога после подключения функционала появится новый пункт «Настройка «Подарков».


В этом же пункте можно настроить отображение блока с подарками на карточке товара, к которому они привязаны – например, количество элементов в соответствующем блоке, текст заголовка, возможность скрыть заголовок и т.д.


Стикеры

Стикеры расположены на превью и карточке товара. Это маленькие яркие картинки-ярлыки, которые информируют пользователя, что товар обладает бонусами или преимуществами.

Список стикеров:

  • Хит
  • Советуем
  • Новинка
  • Акция
  • Стикер с произвольной надписью для каждого товара (для Аспро: Next, Аспро: Оптимус, Аспро: Маркет и Шины и диски 2.0)
Аспро: Оптимус

image04.png

Аспро: Маркет



Аспро: Крутой шоп

image01.png

Аспро: Next


Аспро: Шины и диски 2.0

Создание и управление стикерами

Чтобы управлять стикерами, переключитесь на административную часть сайта и перейдите в раздел Рабочий стол → Магазин → Каталог товаров → Свойства товаров.

В Аспро: Шины и диски 2.0 перейдите в раздел Рабочий стол → Магазин → Каталог товаров → категории каталога → Свойства товаров.

Выберите свойство, соответствующее для вашей версии продукта: «Наши предложения» (для Аспро: Маркет, Аспро: Next, Аспро: Оптимус, Аспро: Шины и диски) или «Хит продаж» (для Крутого шопа).

Аспро: Маркет, Аспро: Next, Аспро: Оптимус.

image06.png

Аспро: Крутой шоп

image03.png

Аспро: Шины и диски 2.0



Для управления стикерами вам нужен блок «Значения списка» под основными настройками свойства. В этом блоке вы можете редактировать их названия и свойства.

Внимание! Настоятельно не рекомендуется удалять созданные стикеры. Это может привести к некорректной работе решения.

image07.png

Значения свойств стикера:

  • XML_ID – идентификатор, по которому система идентифицирует стикер
  • Значение – название стикера  Отображается на детальной странице товара, в списке товаров, блоках «Ранее вы смотрели» и «Персональные рекомендации»
  • Сорт. – определяет положение стикера относительно остальных
  • Умолч. – при активации делает стикер автоматиески активным для товара сразу после создания/загрузки товара без дополнительной настройки

Добавление стикеров на карточку товара

В публичной части сайта в режиме правки войдите в редактирование карточки товара. В блоке «Наши предложения» или «Хит продаж» можно активировать/деактивировать созданные стикеры на карточке товара.

Аспро: Оптимус, Аспро: Next

Аспро: Маркет, Аспро: Крутой шоп

image09.png

Аспро: Шины и диски 2.0


Активированные стикеры отобразятся на карточке товара в виде заданного для них изображения.

В Аспро: Next, Аспро: Оптимус, Аспро: Маркет, Аспро: Шины и диски 2.0 реализован дополнительный стикер красного цвета. Текст на нем задается индивидуально для каждого товара. Перейдите в редактирование товара.

В Аспро: Next и Аспро: Оптимус добавьте текст в поле «Текст с Акцией».



В Аспро: Маркет добавьте текст в поле «Стикер с произвольным значением».



В Аспро: Шины и диски на вкладке «Дополнительно» добавьте текст в поле «Текст с Акцией».



Стикер c произвольным текстом в Аспро: Next.



Стикер c произвольным текстом в Аспро: Оптимус.

image02.png

Стикер c произвольным текстом в Аспро: Маркет.

Стикер c произвольным текстом в Аспро: Шины и диски 2.0

Видеоинструкция




Метатеги

Метатеги – это один из важнейших инструментов продвижения сайта в поисковых cистемах . Чем выше рейтинг сайта у крупнейших поисковых систем Google и Яндекс, тем выше сайт находится в выдаче по определенным запросам и тем раньше его заметит пользователь.
 
Механика продвижения сайтов в поисковых системах – тема отдельного курса. В рамках документации по использованию решений Аспро мы рассмотрим три основных метатега и расскажем, как их настроить для разделов каталога и карточек товаров, или услуг для линейки наших типовых решений

Основные метатеги — это title, keywords, description и h1.


  • Title (1) – отображает содержимое как заголовок сайта на вкладке браузера и в поисковой выдаче
  • Description (2) – отображает содержимое как описание страницы в поисковой выдаче
  • Keywords (3) – используются поисковиками для определения релевантности страницы, т.е. ее соответствия заданным условиям поиска.
Вы можете прописать для каждого раздела каталога и даже для каждой отдельной страницы или карточки товара уникальные метатеги. Процесс легко автоматизировать, используя шаблоны.

Настройка метатегов

В административном режиме перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог. Переключитесь на вкладку «SEO».


Рассмотрим группы полей:

  • Настройки для разделов – мета-информация, которая вносится непосредственно на страницу раздела
  • Настройки для элементов – мета-информация, которая вносится на страницы дочерних элементов раздела – подразделов, карточек товаров
  • Настройки для изображений разделов – мета-информация, которая привязывается к картинкам-анонсам в списке разделов
  • Настройки для детальных картинок разделов – мета-информация, которая привязывается к картинкам на странице раздела
  • Настройки для картинок анонса элементов – мета-информация, которая привязывается к картинкам-анонсам в списке товаров
  • Настройки для детальных картинок элементов – мета-информация, которая привязывается к картинкам на карточке товара.

При заполнении полей можно пользоваться специальными кодами, которые позволяют системе самостоятельно подгружать информацию в теги. Чтобы добавить код, нажмите кнопку с многоточием рядом с нужным полем и выберите подходящий вариант.



Рассмотрим подробнее, какую информацию рекомендуется вносить в шаблоны.

Настройки для разделов

  • Шаблон META TITLE – формирует заголовок для страницы раздела.
    Формула: код «Название текущего раздела» + текстовый заголовок.
    Пример: {=this.Name} купить в интернет-магазине Челябинска. В результате для раздела «Дрели и перфораторы» title получится «Дрели и перфораторы купить в интернет-магазине Челябинска», а для раздела «Женская одежда» – «Женская одежда купить в интернет-магазине Челябинска».  Рекомендуем использовать название раздела.

  • Шаблон META KEYWORDS – формирует набор ключевых фраз для поисковиков.
    Формула: код «Название текущего раздела».
    Пример: {=this.Name}. В результате ключевые слова подтянутся из настроек каждого раздела.

  • Шаблон META DESCRIPTION – формирует описание страницы в выдаче поисковика.
    Формула: код «Название текущего раздела» + текстовое описание.
    Пример: {=this.Name} по низким ценам с доставкой в Челябинске. В результате для раздела «Дрели и перфораторы» description получится «Дрели и перфораторы по низким ценам с доставкой в Челябинске».

  • Заголовок раздела – формирует основной заголовок на странице. Рекомендуем оставить название раздела.
    Формула: код «Название текущего раздела».
    Пример: {=this.Name}.

Настройки для элементов

  • Шаблон META TITLE – формирует заголовок для карточек товаров.
    Формула: код «Название текущего элемента» + ключевая фраза.
    Пример: {=this.Name} + купить недорого в Челябинске. В результате для товара «Дрель монтажная Bosch Professional GBM» title карточки получится «Дрель монтажная Bosch Professional GBM купить недорого в Челябинске».

  • Шаблон META KEYWORDS – формирует набор ключевых фраз для карточки товара.
    Формула: код «Название родителя» + код из списка Свойства – «Бренд», «Модель», «Тип» или другое + ключевые слова.
    Пример: {=parent.Name} {=this.property.BRAND} купить, интернет-магазин, недорого, Челябинск. В результате для товара «Дрель монтажная Bosch Professional GBM» keywords получатся «Дрели и перфораторы Bosch купить в интернет-магазине Челябинск».

  • Шаблон META DESCRIPTION – формирует описание для карточки товара.
    Формула: код «Текст анонса текущего элемента» + информация о товаре, отраженная на странице. Если информации нет, то можете записать ключевые слова о содержимом страницы, например, фото, видео, отзывы о товаре, наличие и т.д.
    Пример: {=this.PreviewText} фото, видео, отзывы о товаре, наличие, доставка. В результате для товара «Дрель монтажная Bosch Professional GBM» description получится «Дрель монтажная Bosch Professional GBM фото, видео, отзывы о товаре, наличие, доставка».

  • Заголовок товара – формирует основной заголовок на странице. Рекомендуем оставить название товара.
    Формула: код «Название текущего элемента».
    Пример: {=this.Name}.

Настройки для изображений разделов

  • Шаблон ALT – формирует описание картинок.
    Формула: фото + код «Название текущего раздела».
    Пример: Фото {=this.Name}. В результате для раздела «Дрели и перфораторы» alt у картинок получится «Фото Дрели и перфораторы».

  • Шаблон TITLE – формирует заголовок картинок.
    Формула: Фото + код «Название текущего раздела».
    Пример: Фото {=this.Name}.

  • Шаблон имени файла – заполнять необязательно

Настройки для детальных картинок разделов

  • Шаблон ALT
    Формула: код «Название текущего раздела».
    Пример: {=this.Name}

  • Шаблон TITLE
    Формула: код «Название текущего раздела».
    Пример: {=this.Name}.

  • Шаблон имени файла – заполнять необязательно.


Настройки для детальных картинок элементов

  • Шаблон ALT
    Формула: код «Название текущего элемента» + ключевая фраза.
    Пример: {=this.Name} фото в интернет-магазине Наш магазин. В результате для товара «Дрель монтажная Bosch Professional GBM» alt у детальных картинок получится  «Дрель монтажная Bosch Professional GBM фото в интернет-магазине Наш магазин»

  • Шаблон TITLE
    Формула: код «Название текущего элемента» + ключевая фраза.
    Пример: {=this.Name} фото в интернет-магазине Наш магазин.



    Настройки для картинок анонса элементов заполнять не обязательно.


Рекламные баннеры

Рекламные баннеры – один из проверенных временем форматов интернет-рекламы.

В шаблоне Аспро: Digital, Аспро: Next и Аспро: Шины и диски 2.0 заданы 6 рекламных областей, которые вы можете активировать и использовать для привлечения внимания к своим уникальным предложениям или помочь партнерам в продвижении сопутствующих товаров и услуг.

Просмотреть какие области доступны для размещения рекламы и где они располагаются можно через виджет настроек в публичной части сайта.


Внимание! В решении Аспро: Digital виджет настроек только демонстрирует положение баннерных блоков. Для того, чтобы задействовать отображение той или иной области, необходимо произвести настройки в административной части сайта. Перенос настроек из виджета в центр управления возможен в Аспро: Next и Аспро: Шины и диски 2.0.

Рассмотрим варианты, составляющие раздел «Баннеры».



  1. «Сверху над шапкой» – баннер располагается в самом верху страницы над основной панелью навигации.  





  2. «Сверху под шапкой» – реклама помещается между меню сайта и блоком со строкой навигации и заголовком текущей страницы (или основным баннером на главной странице).





  3. «Боковая» реклама помещается справа или слева от контента под альтернативным меню. Если активирован блок обратной связи или умный фильтр, то баннер будет следовать за ним.







  4. Тип «Над контентом» помещается непосредственно перед содержимым страницы под строкой навигации.




  5. Баннер «Под контентом» отображается после содержимого раздела, его карточки или блока с комментариями.




  6. Реклама «Внизу страницы» при активации появляется следом за баннером «Под контентом», если он включен. Рассматриваемый баннер плотно прилегает к блоку подписки в Аспро: Digital и блоку ранее просмотренных товаров в Аспро: Next, занимая так же, как и баннеры, примыкающие к шапке, область во всю ширину страницы.

Если вы активируете баннер в публичной части сайте через виджет, то обязательно сохраните настройки. Для этого после активации баннеров нажмите на кнопку «Сохранить», которая находится в правом верхнем углу виджета.


Тип баннера определяет будет реклама отображаться на каждой странице сайта или в некоторых его разделах. Так, в Аспро: Digital самый нижний баннер, над шапкой и под ней помещаются на каждой странице, а остальные – только в разделах «О компании», «Продукты», «Услуги», «Блог». В Аспро: Next баннеры во всю ширину контентной области, под контентом и над ним отображаются на всех страницах сайта, а боковые только в разделах «Каталог», «Услуги», «Блог», на страницах со справочной информацией («Как купить», «Вопрос-ответ», «О компании» и т.п.), а также на главной при выборе типа главной страницы №3 и №4.

На примере бокового баннера рассмотрим как добавить свое изображение, задействовать и настроить его показ на сайте.

Перейдем в Центр управления:

  • Аспро: Digital в Рабочий стол → Контент (aspro.digital) → Реклама – Внутренние;
  • Аспро: Next в Рабочий стол → Контент → Реклама (aspro.next) → Реклама – Внутренние;
  • Аспро: Шины и диски 2.0 в Рабочий стол → Контент → Реклама (aspro.tires2) → Реклама – Внутренние;
Управление карточками в админке стандартно. Используйте соответствующие кнопки для добавления нового элемента (1) или изменения существующего (2).



Редактор откроет карточку элемента.

Чтобы добавить изображение баннера, перейдите во вкладку «Анонс» и выберите один из доступных способов загрузки изображения.


На основной вкладке «Элемент» необходимо проверить установлена ли галочка у пункта Активность (1). Если она не установлена, элемент не будет виден на сайте. В полях ниже вы можете указать период, в который баннер должен отображаться (2). При создании нового элемента не забудьте указать его название (3) – поле обязательно для заполнения.


В разделе «Значения свойств» доступны для заполнения следующие поля:
  • Открыть в окне (4) – параметр указывает браузеру где открыть ссылку, прикрепленную к баннеру (в новом окне или в текущем);
  • Позиция (5) – устанавливает тип баннера, определяющий его размещение и поведение (в нашем примере используется «Боковая»);
  • Показ в разделах (6) – позволяет ограничить показ баннеров по разделам. Пустые поля ввода говорят о том, что баннеры будут отображаться по умолчанию в соответствии со своим типом, как было описано выше. Если в параметре указать один из разделов, например «Продукты», реклама отобразится только в этом разделе (включая страницы его элементов);
  • Показ на странице (7) – задает показ баннера на какой-то конкретной странице. Например, можно настроить отображение рекламы на главных страницах разделов, не включая ее в карточках;
  • Скрывать на мобильном (8) и Скрывать на планшетах (9) – опция прячет рекламу в мобильной версии сайта.
  • Ссылка (10) – страница, на которую будет переправлен посетитель, если кликнет картинку. Ссылка указывается относительно корня сайта. Пример: /catalog/lyalya/;
  • Уменьшение (11) – масштабирует или обрезает изображение анонса;


Пример активации показа баннера на мобильных телефонах.


Примечание. Боковой баннер не отображается в мобильной версии.

После настроек сохраните изменения.

Для того, чтобы увидеть результат действий на сайте в Аспро: Next достаточно в виджете настроек сместить переключатель отображения необходимого типа баннера вправо и нажать кнопку в правом верхнем углу виджета.





Чтобы включить отображение нужного типа баннера в Аспро: Digital перейдите в админке в Рабочий стол → Аспро: Digital → Настройки.



Пролистайте настройки до раздела «Баннеры». Установите галочку у того типа баннера, который собираетесь разместить, и сохраните изменения.


Результат наших действий на сайте.

SEO-описания разделов каталога

В интернет-магазинах в карточке каждого раздела каталога есть 2 поля под SEO-тексты. Рассмотрим, где они находятся и как отображаются на примере раздела «Bridgestone».

Откройте страницу раздела в браузере. Переключитесь в режим правки. Наведите указатель на содержимое страницы. В появившемся меню нажмите «Изменить раздел».


Редактор карточки раздела откроется на основной вкладке «Раздел». Здесь находится первое поле SEO-описания.


Этот текст отображается внутри раздела под списком его элементов (подразделов или товаров).


Второе поле для SEO-описания расположено на вкладке «Доп. поля» в пункте «Описание анонса»:


Его содержимое выводится в анонсе раздела:




Настройка ЧПУ для каталога

Чтобы настроить ЧПУ для каталога в «Аспро: Шины и диски 2.0», необходимо изменить параметры компонента каталога и синхронизировать их с параметрами инфоблока каталога.

Настройка параметров компонента каталога

1. Переключитесь в режим правки и зайдите в настройки любого компонента каталога.



2. Перейдите в пункт меню «Управление адресами страниц», отредактируйте поле «Детальная информация», задав нужные параметры для отображения ссылок.

ELEMENT_ID — если вы хотите, чтобы в ссылках отображался ID товара: /catalog/truck_tires/yokohama/107zl/50164/ (ID товара)

ELEMENT_CODE — для отображения символьного кода товара: /catalog/truck_tires/yokohama/107zl/yokohama-107zl-295-80-r22-5/(код товара)


Настройка инфоблока каталога

1. В административной части сайта перейдите в настройки каталога товаров:

Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Каталог (4) → Необходимый раздел каталога (5).


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. Сохраняем изменения и проверяем результат на сайте:

Отображается ID товара:


Отображается символьный код:







Настройка ЧПУ для умного фильтра

Чтобы настроить ЧПУ для умного фильтра, измените параметры компонента каталога:

1. Переключитесь в режим правки и зайдите в настройки компонента.




2. Перейдите в пункт «Управление адресами страниц» и найдите поле «Url раздела для умного фильтра».



По умолчанию код ЧПУ выглядит так:

search/#SMART_FILTER_PATH#/

При желании вы можете отредактировать его, добавив дополнительные параметры – например, идентификатор или символьный код раздела. После этого сохраните изменения и проверьте результат на сайте.




Настройка хлебных крошек

В решении Аспро: Шины и диски 2.0 вы можете настроить формирование элементов навигации, а точнее — Breadcrumbs (хлебных крошек).

Для настройки формирования хлебных крошек перейдите в административную часть сайта Аспро → Настройки.



Перейдите в блок «Каталог» и найдите пункт «Строить навигационную цепочку в каталоге из». Выберите из списка  необходимый тип формирования Breadcrumbs – из заголовка раздела/элемента или названия раздела/элемента.


При выборе построения цепочки из «название раздела/элемента» хлебные крошки формируются из названия товара/раздела. Соответственно, можно настроить заголовок элемента, который не будет дублироваться в хлебные крошки.

Для настройки элемента перейдите в каталог, включите режим правки, выберите необходимый продукт и на подробной странице товара нажмите «Изменить товар».


В открывшемся окне перейдите во вкладку «SEO». Напротив строки «Заголовок элемента» добавьте нужный вам текст.

Примечание. При опции {=this.name} текст заголовка H1 сформируется из названия товара и слов, которые указаны после кода {=this.name}.



 Нажмите кнопку «Сохранить», и вы увидите изменения на странице товара.





Таймер обратного отсчета

В настройках скидки вы можете задать период ее действия и подключить таймер обратного отсчета, который отображается на превью и карточках привязанных к скидке товаров.



Чтобы установить таймер обратного отсчета, переключитесь на административный раздел и перейдите в Рабочий стол → Маркетинг → Товарный маркетинг → Правила работы с корзиной.


Выберите нужную вам скидку и войдите в режим редактирования, нажав кнопку «Гамбургер» и выбрав пункт «Изменить».

В поле «Период активности» выберите пункт «Интервал» и задайте дату начала и окончания действия скидки.


Система автоматически рассчитает оставшееся время и выведет счетчик на карточках привязанных к этой скидке товаров.

Уточнить список привязанных товаров и товарных предложений вы можете на вкладке «Действия и условия».


Подробнее о том, как добавлять и настраивать условия, читайте в статье о правилах работы с корзиной.

В результате на карточке товара появится счетчик, который исчезнет после окончания срока действия скидки.


Кроме того в Аспро: Шины и диски 2.0 есть возможность отображать/не отображать таймер обратного отсчета акции в списке товаров. Включить/отключить настройку можно в параметре компонента «Каталог». Для этого при включенном режиме правки наведите на область товара или каталога. В появившемся меню нажмите на шестеренку:


На вкладке «Внешний вид» активируйте или деактивируйте отображение срока действий скидки:


Сохраните изменения. Вот так выглядит список товаров после применения настройки:


Список товаров в каталоге при деактивированной настройке:





Отображение процента скидки

В Аспро: Шины и диски 2.0 вы можете отображать процент скидки в каталоге, табах на главной и на страницах со связанными товарами. Включайте эту настройку, чтобы увеличить продажи и заинтересованность пользователей к покупке акционного товара. Процент скидки отобразится в каталоге и табах на главной, только если активирован параметр «Показывать экономию»/«Отображать экономию». На страницах со связанными товарами доступен один параметр — «Отображать процент экономии». Если он включен, то у товара будет отображаться выгода.

Процент скидки в карточке товара.



Процент скидки в табах на главной.


Функционал доступен для всех страниц, к которым можно привязать товары: акции, новости, проекты, бренды, услуги.

Чтобы отображать процент скидки в каталоге, в режиме правки наведите на область страницы товара или раздела и нажмите на шестеренку.


В поле «Показывать процент экономии» поставьте галку и сохраните изменения.


Чтобы включить процент экономии в табах на главной, перейдите в параметры компонента. Для этого в режиме правки наведите на область блоков Хит/ Советуем/ Новинка/ Акция и нажмите на шестеренку.


В поле «Отображать процент экономии» поставьте галку и сохраните изменения.







Интеграция с другими сервисами

В этой главе рассматривается интеграция «Аспро: Маркет» с внешними сервисами: программами складского учета (на примере с 1С), CRM (Битрикс24), облаком 1С-Битрикс, социальными сервисами, Яндекс.Маркет и другими.

Если вы хотите внедрить в решение пользовательский скрипт (например, пиксели Вконтакте и Facebook), воспользуйтесь включаемой областью в подвале сайта. Счетчики систем аналитики рекомендуется копировать в специальные поля в Центре управления Аспро. В этом случае вам будет доступна расширенная интеграция с Яндекс.Метрикой и системами электронной коммерции. 



Интеграция с amoCRM и Flowlu

CRM-система — то, что позволяет бизнесу автоматизировать работу с клиентами, увеличить продажи, стандартизировать работу менеджеров и собрать важную информацию для анализа эффективности. Мы знаем, насколько вам важно не упустить ни одну заявку с сайта, поэтому сделали то, что казалось невозможным для решений на 1С-Битрикс — реализовали простую и легкую интеграцию с amoCRM и Flowlu.

Примечание: Передавать файлы с сайта в CRM-систему нет возможности — этот функционал не реализован в 1С-Битрикс. Вопрос передан специалистам 1С-Битрикс и рассматривается для реализации в обновлении.

Благодаря интеграции вы можете передавать с сайта в CRM все заполненные веб-формы:
  • заказа звонка
  • запроса консультации
  • отправленного резюме
  • заданного вопроса
  • заказа услуги
  • заказа проекта
  • заказа продукта
  • сообщения директору
  • оформления заказа.
Настройка доступна для решений Аспро: Next, Аспро: Корпоративный сайт 2.0, Аспро: Приорити, Аспро: Ландшафт, Аспро: Маркет и Аспро: Оптимус. Это займет всего пару минут, а навыки программирования не потребуются.

Для интеграции решения с amoCRM и Flowlu необходимо настроить подключение, а затем настроить веб-формы. Для этого переходим в Аспро: Allcorp2 → Интеграция с CRM. Для других решений по аналогии.


Подключение amoCRM

Чтобы подключить amoCRM нужно указать:



  • домен в amoCRM (1);

В поле требуется вводить домен 3го уровня (без https:// и .amocrm.ru).



  • логин от аккаунта в amoCRM (2);
  • ключ API (3).

Найти ключ можно в настройках amoCRM на одноименной вкладке.


Внимание! API ключ привязан к паролю. Когда вы его меняете, старый API ключ сбрасывается и устанавливается новый. Поэтому, после смены пароля обязательно обновляйте ключ в настройках решения Аспро: Корпоративный сайт 2.0.

Подключение Flowlu

Для подключения решения к Flowlu, укажите:



  • домен CRM (1);

Домен вводите в виде:



  • ключ API (2).

Ключ можно посмотреть в системе Flowlu. Он находится в Настройках системы → Настройки системы → API.



Настройка интеграции и веб-форм

После того, как вы подключили систему CRM, нужно настроить веб-формы, которые будут передаваться в нее с вашего сайта.

Под настройками подключения CRM находится группа настроек «Интеграция и соответствие полей». С ее помощью вы можете:
  • Включить интеграцию (1).
  • Активировать автоматическую отправку результатов в CRM (2). В этом случае они будут отправляться в систему сразу после того, как пользователь ее заполнил – вам не придется делать это вручную.
  • Включить логирование для отслеживания проблем с соединением (3). Логи записываются в директории /upload/logs/aspor.allcorp2/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 передавать. Настройки, указанные здесь, перекрывают настройки по умолчанию (имеются в виду теги для amoCRM и заголовок).




Например, сначала мы установили, что в поле amoCRM «Название сделки» должно передаваться название веб-формы (допустим, «Заказать звонок») и передали несколько результатов, а потом удалили эту настройку.




Следующая отправленная сайтом заявка придет с названием, установленным по-умолчанию (в примере это «Заявка с сайта»).




Настройка закончена! Если вы не выбирали автоматическую отправку результатов, отправлять данные придется вручную. Для этого перейдите на вкладку «Результаты» и используйте иконку в виде файлов. После успешной отправки статус записи изменится на соответствующий.




Теперь давайте посмотрим, как это работает. Допустим, вы настроили форму заказа обратного звонка, заполнили ее тестовыми данными и отправили.



Чтобы просмотреть отправленные данные в amoCRM, перейдите в раздел «Сделки». В колонке «Первичный контакт» должна появиться новая запись.



При просмотре подробной информации по контакту вы увидите те данные, которые были указаны в настройках этой формы.




В Flowlu сведения с той же формы попадут в раздел CRM → Сделки.





 Здесь также можно просмотреть более подробную информацию:


Интеграция с CRM-системами

Автоматизировать работу бизнеса стало еще проще – в решениях Аспро реализована интеграция с популярными CRM-системами: Битрикс24, Flowlu и amoCRM. Передавать данные с заполненных веб-форм с сайта в CRM можно в автоматическом режиме — например, вопросы покупателей или заказы звонков.

Это позволит хранить в одном месте все данные о лидах, стандартизировать работу менеджеров, анализировать эффективность бизнеса и на основе этих данных принимать решения для повышения конвертации заявок в покупки.

Благодаря интеграции вы можете передавать с сайта в CRM все заполненные веб-формы:
  • заказа звонка
  • отправленного резюме
  • заданного вопроса
  • заказа услуги
  • заказа проекта
  • предзаказа товара
  • обратной связи
  • нашли дешевле.
Ну и, конечно, не стоит забывать о стандартной возможности передачи заказов в Битрикс24.

Интеграция с Битрикс24

Битрикс24 — это полный комплект инструментов для организации работы компании. В нем вы можете хранить всю информацию о ваших клиентах и заказах, объединять все каналы коммуникации с ними и анализировать результаты работы. А чтобы вы не потеряли ни одну заявку с вашего сайта, мы реализовали простую и легкую интеграцию решений Аспро для интернет-магазинов с CRM-системой.

Внимание! Функционал доступен только на редакциях, начиная с 1С-Битрикс: Стандарт.

Благодаря интеграции с Битрикс24 вы можете переносить:
  • в раздел CRM «Сделки» — заказы;
  • в раздел CRM «Лиды» — данные с веб-форм «Задать вопрос», «Заказать проект», «Обратная связь», «Нашли дешевле», «Заказать звонок», «Товар под заказ» («Заявка на товар»), «Заказать услугу», «Сообщение сотруднику», «Вопросы и ответы» – в «Лиды».
Настройка передачи данных в «Сделки» и «Лиды» занимает всего пару минут и не требует навыков программирования.


Передача заказов в раздел «Сделки»

Рассмотрим алгоритм настройки передачи заказов с интернет-магазина в Битрикс24 на примере решения Аспро: Next. Откройте в админке Рабочий стол → Магазин → CRM.



Здесь вам будет предложено настроить интеграцию с Битрикс24 по действующей учетной записи или создать новую — «Получить CRM в Битрикс24 (бесплатно)». Если у вас еще нет учетной записи, создайте ее и возвращайтесь к этой инструкции.

Если у вас уже есть учетная запись, нажмите «Настроить интеграцию с CRM». Ниже появится форма:



В ней нужно указать адрес сайта CRM (2), тип используемого протокола – http или https (1), логин (3) и пароль администратора CRM (4). Эти сведения можно взять из письма, которое высылается на электронный ящик, указанный при регистрации на Битрикс24.

В процессе настройки интеграции автоматически создается пользователь с особыми правами, из-под которого CRM будет обращаться к интернет-магазину. Вы можете сами создать этого пользователя – снимите галку «Автоматически создать пользователя и настроить права доступа (рекомендуется)» (5). В появившейся форме введите его логин (6) и пароль (7).



После того, как вы указали все требуемые данные, нажмите кнопку «Настроить интеграцию» (8). Страница перезагрузится и вверху появится сообщение об успешной интеграции. Нажмите «Настроить параметры и импортировать данные».



1С-Битрикс перенаправит вас на страницу CRM с формой настройки параметров соединения. Адрес интернет-магазина, логин пользователя и префикс названия сделок подставятся автоматически. Остается только указать название интернет-магазина и перейти к следующему шагу с помощью кнопки «Далее».



На третьем шаге укажите параметры первого импорта данных:
  1. Период времени, за который следует импортировать сведения;
  2. Вероятность успешного завершения сделок из первичного импорта;
  3. ФИО сотрудника, который ответственный за сделки, импортированные из интернет-магазина;
  4. Тип импортированных сделок – открытые или закрытые.



Для указания ответственного нажмите «Выбрать». Начните вводить его фамилию в строке поиска. Кликните по нужному варианту, когда он появится в списке.



Для начала процесса импорта нажмите «Далее». По окончании в окне отобразится статистика.



Переходите к следующему шагу – настройке параметров регулярной синхронизации. Здесь укажите частоту синхронизации в минутах (1) и группу, в которую следует отправлять уведомления при поступлении новых заявок с сайта (2).



После нажатия кнопки «Далее» появится информация об успешной синхронизации. Нажмите «Завершить».



Связь Битрикс24 с вашим интернет-магазином настроена! В решении об этом свидетельствует список интеграций (в Рабочий стол → Магазин → CRM).



В Битрикс24 связь с интернет-магазином можно посмотреть в таблице «Связь с интернет-магазинами». После первого импорта данных она открывается автоматически.



В будущем, чтобы увидеть ее, перейдите в раздел «CRM». Далее разверните меню пункта «Еще» на панели сверху и выберите «Настройки».



В меню слева кликните «Интеграция», затем по иконке «1С-Битрикс».



Импортированные данные в Битрикс24 вы можете найти в CRM → Сделки. Здесь же будут автоматически появляться все новые заявки с сайта.


Настройка связи веб-форм с разделом «Лиды»

Настроить передачу с заполненных веб-форм с сайта в раздел «Лиды» Битрикс24 можно всего за несколько минут. Инструкции общие для всех интернет-магазинов Аспро, рассмотрим на примере Аспро: Next.

Все веб-формы настраиваются по единому алгоритму. Для примера рассмотрим форму заказа обратного звонка.

Перейдите в Рабочий стол → Сервисы → Веб-формы → Настройка форм. У нужной формы вызовите меню кнопки «Гамбургер» и нажмите «Изменить».



Перейдите на вкладку «CRM». Здесь мы укажем сервер CRM, куда должны уходить сведения. Это достаточно сделать один раз — при настройке остальных форм он уже будет отображаться в перечне автоматически.

Разверните список и выберите пункт «настроить новый».



В открывшемся окне укажите:
  • Название для списка в админке (1);
  • Адрес сайта CRM (2);
  • Логин (3) и пароль администратора CRM (4).



Эти сведения можно взять из письма, которое высылается на электронный ящик, указанный при регистрации на Битрикс24.



Сохраните изменения (5). После этого в настройках связи с CRM определите способ отсылки данных с формы (1) – ручной или автоматический, и настройте связанные поля.

Ручной способ: рекомендуется использовать для снижения нагрузки на сайт. При таком способе отправлять данные в Битрикс24 нужно будет вручную. Как это сделать, написано ниже.

Автоматический способ: отправка данных в Битрикс24 будет автоматически осуществляться сразу после того, как пользователь заполнит и отправит веб-форму на вашем сайте.

Связанные поля настраиваются так: в правой колонке (3) нужно выбрать, из какого поля формы сайта будет отправлена запись в CRM, а в левой колонке (2) — какое поле CRM ее примет.



Сохраните настройки после изменений.

Для проверки корректности настроек заполните и отправьте соответствующую форму из публичной части сайта. В нашем случае — это форма заказа звонка.



Если вы настроили отправку форм «вручную», то перед тем, как зайти в Битрикс24, перейдите в Рабочий стол → Сервисы → Веб-формы → Результаты. Откройте список нужной формы.



Из настроек параметров формы для быстрого перехода можно использовать кнопку над редактором.



Найдите строку с тестовыми данными (с данными формы, которые вы только что заполнили) и вызовите меню кнопки «Гамбургер» для отправки формы в CRM. После успешной отправки записи в колонке «Отправлено» метка сменит цвет с красного на зеленый.



Если вы выбрали автоматический способ передачи информации о заполненных формах в CRM, сразу перейдите в Битрикс24. Здесь в CRM → Лиды появится новая запись. Кликните на название, чтобы узнать подробности.



В подробной информации вы увидите данные, которые указали на сайте.



Если вы проделали все действия, описанные в инструкции, но результаты в CRM не поступают, проверьте, установлено ли с ней соединение. Для этого перейдите в Рабочий стол → Настройки → Настройки продукта → Настройки модулей → Веб-формы и переключитесь на вкладку «Связь с CRM».



Или откройте настройки любой привязанной к Битрикс24 веб-формы, перейдите на вкладку «CRM» и нажмите «Настроить список».



В настройках связи с корпоративным порталом нажмите «Проверить соединение».



Если соединение установлено, в колонке «Авторизация» отобразится «ОК».



Если при проверке соединения система выдала ошибку, откройте редактор списка при помощи иконки карандаша и проверьте, верно ли заполнены поля.



Исправьте ошибки и попробуйте еще раз.

Если ошибок нет, а установить соединение не удается, обратитесь в нашу техподдержку.

Важно! Если у вас перестал отображаться символьный идентификатор в настройках веб-форм, перейдите в Настройки → Настройки продукта → Настройки модулей → Веб-формы. Проверьте, что поле «Использовать упрощённый режим редактирования форм» неактивно.



Настройка электронной коммерции Google через Google Tag Manager

Google Tag Manager – это бесплатный инструмент от компании Google, с помощью которого вы сможете создавать, обновлять и отслеживать теги на вашем сайте без внесения изменений через код решения. Тег – это фрагмент кода, который позволяет отслеживать поведение посетителей на сайте, анализировать эффективность источников трафика и др. В Google Tag Manager теги помещаются в контейнер. На сайте размещается один фрагмент кода — код контейнера, а теги добавляются и изменяются в настройках Google Tag Manager.

Благодаря этому с настройкой полноценной системы аналитики справится маркетолог или менеджер, без привлечения программиста. В этом уроке мы рассмотрим, как связать ваши аккаунты в сервисах Google, и объясним общий принцип работы этих инструментов.

Установка и настройка диспетчера тегов в официальной документации Google

Рекомендуем пройти курс Google — «Основы Диспетчера тегов Google».

Внимание! В рамках технической поддержки мы не консультируем по настройкам Google Analytics. Если вам нужна индивидуальная настройка или диагностика, напишите нам на почту: info@aspro.ru.

Интеграция с электронной торговлей Google через сервис Google Tag Manager настраивается через 4 простых шага:

  1. Создаем аккаунт в Google Analytics, в котором будем работать с данными. 
  2. Регистрируемся в сервисе Google Tag Manager и получаем фрагмент кода для вставки для интернет-магазина.
  3. Вставляем фрагмент кода Google Tag Manager в модуль настроек вашего готового решения. 
  4. Создаем основные теги для передачи информации из интернет-магазина в систему аналитики Google: 

    a. Тег «Просмотр страниц» — All Pages
    b. Тег «Товар добавлен в корзину» — addToCart
    c. Тег «Товар удален из корзины» — removeFromCart
    d. Тег «Этап оформления заказа» — checkout
    e. Тег «Успешное оформление заказа» — gtm.dom
    f. Тег отслеживания электронной торговли

Создание аккаунта в Google Analytics

Для того, чтобы подключить Google Analytics или Google Tag Manager на сайте в решении Аспро, вам прежде всего понадобится аккаунт в Google. Если вы пользуетесь сервисами Google, такими как почта или браузер Chrome, то скорее всего, у вас уже имеется аккаунт. Если же нет, то регистрация займет всего пару минут.

Авторизуйтесь под своим Google-аккаунтом. Перейдите в Google Analytics. Нажмите на кнопку «Регистрация».


На следующем шаге заполните название для аккаунта Google Analytics, название сайта, его url, выберите отрасль и часовой пояс.


После ознакомления с условиями работы с Google Analytics и вашего согласия, вы попадете на страницу с информацией об идентификаторе аналитики и кодами, которые необходимо вставить в нужные места на вашем сайте. Далее идентификатор отслеживания будет нужен для привязки Google Analytics с Google Tag Manager.


Регистрация в сервисе Google Tag Manager и получение фрагмента кода для вставки

Перейдите по ссылке, авторизуйтесь под своим Google-аккаунтом и создайте контейнер для своего сайта. Дайте название аккаунту и выберите страну.


Затем нажмите на кнопку «Далее».

Пропишите название контейнера — это адрес вашего сайта. Так как мы создаем контейнер для интернет-магазина, необходимо выбрать опцию «Веб-сайт».


После нажатия кнопки «Создать» на рабочей области нового контейнера появится окно с кодами двух счетчиков. Скопируйте верхний код – именно он нам понадобится для вставки в поле настроек решения.


Если вы закрыли это окно, не скопировав код, то вы можете получить доступ к нему в любой момент. В рабочей области нажмите на символьный код контейнера справа вверху.


Добавление фрагмента кода Google Tag Manager в модуль настроек готового решения

Чтобы данные собирались о поведении пользователей собирались, необходимо установить фрагмент кода Google Tag Manager в настройки решения.

Перейдите в настройки решения:

  • Аспро: Next → Настройки;
  • Аспро: Маркет → Настройки;
  • Аспро: Оптимус → Настройки.

Найдите блок «Цели и счетчики» и выполните необходимые настройки:

В Аспро: Маркет и Аспро: Оптимус для установки кода счетчика Google Tag Manager вставьте код в соответствующее поле. Активируйте параметр «Использовать электронную коммерцию google».


В Аспро: Next код счетчика вставляется в специально предназначенный для этого файл. Давайте посмотрим, как это сделать.

Найдите блок «Цели и счетчики». Нажмите на кнопку «Редактировать».


Перейдите в режим редактирования исходного кода.


Добавьте код счетчика Google Tag Manager, который вы копировали ранее и сохраните изменения.


Обязательно активируйте параметр «Использовать электронную коммерцию Google».

Примените изменения.

Создание основных тегов для передачи информации из интернет-магазина в систему аналитики Google

Теперь нам необходимо настроить Google Tag Manager таким образом, чтобы данные о посещениях и посетителях сайта передавались в Google Analytics. Для этого нам предстоит работать с тегами и триггерами.

Прежде чем это делать, давайте познакомимся с базовыми терминами и определениями, которые понадобятся нам в дальнейшем для работы.

  • Тег –  это основная и главная единица в диспетчере. Фактически это фрагмент JS-кода, который совершает какие-либо операции в рамках сбора статистики. Чтобы тег срабатывал корректно, ему требуется настроенный триггер.

  • Триггер –  это активатор, запускающий в работу код из тега. Примеры триггеров:  нажатие кнопки, заполнение полей, отправка формы или просто переход на страницу. Триггеры более тонко настраиваются при помощи переменных.

  • Переменные –  это частные условия в триггере. Например, идентификаторы и классы веб-элементов.

Далее рассмотрим как создавать основные теги для передачи информации из интернет-магазина в систему аналитики Google:
  1. Тег «Просмотр страниц»
  2. Тег «Товар добавлен в корзину»
  3. Тег «Товар удален из корзины»
  4. Тег «Этап оформления заказа»
  5. Тег «Успешное оформление заказа»
  6. Тег отслеживания электронной торговли.

Как создать тег All Pages

Чтобы отследить общие данные статистики о просмотре страниц, нужно создать тег All Pages. Каждый раз, когда любой пользователь просматривает и переходит по страницам сайта, прибавляется счетчик в этом теге.

Авторизуйтесь в Google Tag Manager под своим аккаунтом и войдите в контейнер, закрепленный за вашим сайтом.

Шаг 1. Создание тега

В диспетчере перейдите на вкладку «Теги» и нажмите «Создать».

После того, как вы нажмете кнопку, справа откроется меню с выбором типа тега. В конфигурации тега выберите универсальную аналитику (Universal Analytics).

 

Задайте свое название тега, в левом верхнем углу. Также можно оставить название без изменений. Имя подставится при сохранении, исходя из параметров.


В поле «Тип отслеживания» выберите «Просмотр страницы». Нажмите галку в поле  «Включить переопределение настроек в этом теге». В поле «Идентификатор» отслеживания вставьте ваш идентификатор из аналитики.


Идентификатор отслеживания берется из настроек аккаунта в Google Analytics. Перейдите в Google Analytics, нажмите кнопку с шестеренкой внизу экрана, чтобы попасть в админпанель. Выберите столбец Ресурс → Код отслеживания → Код отслеживания.

Скопируйте идентификатор отслеживания и вставьте в соответствующее поле в настройках тега.

Затем нажмите на дополнительные настройки. Перейдите в пункт «Электронная торговля». В поле «Включить расширенные функции электронной торговли» задайте параметр — True. Поставьте галочку в поле «Использовать уровень данных».

Далее возвращаемся в диспетчер и настраиваем первый триггер для нашего тега. Для этого нажимаем на область триггера.

В настройках конфигурации вам будет доступно одно значение –  All pages, его и выбирайте.


Чтобы опубликовать эту версию контейнера, необходимо отправить данные. Перейдите в рабочую область и нажмите кнопку «Отправить».

Заполните название версии и краткое описание, чтобы вы понимали, в чем суть внесенных изменений и нажмите «Опубликовать»:

Также вы можете сохранять изменения без публикаций. Для этого нужно переключиться на вкладку «Новая версия» и нажать кнопку «Создать».  Изменения сохранятся, но не применятся на сайте.


Теперь сервис сбора статистики и диспетчер тегов связаны, и последний может получать актуальную информацию и корректно на нее реагировать.

Чтобы проверить это, перейдите обратно в Google Analytics. На вкладке «В режиме реального времени» выберите пункт «Обзор» и посмотрите на отчет.  Если вы настроили первый тег и триггер правильно, в сервисе появится информация о пользователях и просмотрах, которые сейчас на сайте.

Как создать тег addToCart

Чтобы отследить данные статистики о добавлении товаров в корзину, нужно создать тег addToCart. Каждый раз, когда любой пользователь нажимает кнопку «Добавить в корзину», прибавляется счетчик в этом теге.

Авторизуйтесь в Google Tag Manager под своим аккаунтом и войдите в контейнер, закрепленный за вашим сайтом.

Шаг 1. Создание переменной

В левом меню переключитесь на пункт «Переменные» и нажмите кнопку «Создать».


При добавлении переменных, тегов, триггеров, вы можете задать им любое название. Также можно оставить название без изменений.


Мы назвали переменную — «Пользовательское событие».

Нажмите в блоке «Конфигурация переменной» на круглую кнопку, чтобы выбрать тип и продолжить настройки. В появившемся списке выберите «Пользовательское событие».


Для этого типа переменной дополнительных настроек не требуется Сохраните изменения.

Шаг 2. Создание триггера

В левой панели выберите раздел «Триггеры» и нажмите «Создать», чтобы начать добавление нового триггера.


Задайте название триггера в левом верхнем углу.


Нажмите на круглую кнопку, чтобы справа появились настройки. Выберите тип триггера «Пользовательское событие».


В поле «Имя события» нужно вставить метку «addToCart».  В условии активации триггера выберите «Некоторые специальные события».



В блоке  «Активировать триггер при наступлении события и выполнении всех этих условий» установите по порядку значения: Пользовательское событие, равно, имя события «addToCart».


Если вам потребуется добавить еще условия или удалить ненужные, вы можете сделать это кнопками + и — рядом с полями.

Сохраните изменения.

Шаг 3. Создание тега

В левой панели выберите раздел «Теги» и нажмите «Создать», чтобы начать добавление нового тега.


Задайте название тега в левом верхнем углу.

Нажмите на круглую кнопку. После этого справа откроется меню с выбором типа тега. В конфигурации тега выберите универсальную аналитику (Universal Analytics).


В поле «Тип отслеживания» выберите «Событие». Задайте параметры:

  • Категория — addToCart
  • Действие — ваша переменная, в нашем случае это «Пользовательское событие».

Нажмите галку в поле  «Включить переопределение настроек в этом теге». В поле «Идентификатор» отслеживания вставьте ваш идентификатор из аналитики.

Затем нажмите на дополнительные настройки. Перейдите в пункт «Электронная торговля». В поле «Включить расширенные функции электронной торговли» задайте параметр — True. Поставьте галочку в поле «Использовать уровень данных».


Затем нажмите на блок «Триггеры» и выберите триггер «addToCart».

В итоге ваш новый тег должен выглядеть таким образом:

Сохраните тег и нажмите кнопку «Отправить».

В появившемся окне заполните название и описание версии. Это нужно, чтобы при дальнейшей работе вам было понятно, какие изменения были внесены. Нажмите кнопку «Опубликовать», чтобы внесенные изменения вступили в силу.

Также вы можете сохранять изменения без публикаций. Для этого нужно переключиться на вкладку «Новая версия» и нажать кнопку «Создать».  Изменения сохранятся, но не применятся на сайте.


Чтобы проверить работу тега, откройте в разных вкладках браузера ваш магазин и аккаунт на Google Analytics. Добавьте товар в корзину. Посмотрите изменение статистики по добавлениям в корзину в GA. Перейдите в режим реального времени во вкладку «События». Если все настройки верные, вы увидите изменение статистики.

Как создать тег removeFromCart

Тег removeFromCart собирает статистические данные о товарах, которые сначала добавили в корзину, а затем удалили из нее. Каждый раз, когда любой пользователь удаляет товары, прибавляется счетчик в этом теге.

Авторизуйтесь в Google Tag Manager под своим аккаунтом и войдите в контейнер, закрепленный за вашим сайтом.

Шаг 1. Переменная

Если вы уже создавали ранее переменную «Пользовательское событие», то повторное создание ее не требуется. Вы можете применять эту переменную в новом теге и его триггере.

Если такую переменную вы не создавали, тогда прочтите здесь как создать переменную (шаг 1).

Шаг 2. Создание триггера

В левой панели выберите раздел «Триггеры» и нажмите «Создать», чтобы начать добавление нового триггера.

Задайте название триггера в левом верхнем углу.


Нажмите на круглую кнопку, чтобы справа появились настройки. Выберите тип триггера «Пользовательское событие».

В поле «Имя события» нужно вставить метку «removeFromCart».  В условии активации триггера выберите «Некоторые специальные события».


В блоке  «Активировать триггер при наступлении события и выполнении всех этих условий» установите по порядку значения: Пользовательское событие, равно, имя события «removeFromCart».


Если вам потребуется добавить еще условия или удалить ненужные, вы можете сделать это кнопками + и — рядом с полями.

Сохраните изменения.

Шаг 3. Создание тега

В левой панели выберите раздел «Теги» и нажмите «Создать», чтобы начать добавление нового тега.


Задайте название тега в левом верхнем углу.

Нажмите на круглую кнопку. После этого справа откроется меню с выбором типа тега. В конфигурации тега выберите универсальную аналитику (Universal Analytics).

В поле «Тип отслеживания» выберите «Событие». Задайте параметры:

  • Категория — removeFromToCart
  • Действие — ваша переменная, в нашем случае это «Пользовательское событие».

Нажмите галку в поле  «Включить переопределение настроек в этом теге». В поле «Идентификатор» отслеживания вставьте ваш идентификатор из аналитики.

Затем нажмите на дополнительные настройки. Перейдите в пункт «Электронная торговля». В поле «Включить расширенные функции электронной торговли» задайте параметр — True. Поставьте галочку в поле «Использовать уровень данных».


Затем нажмите на блок «Триггеры» и выберите триггер «removeFromCart».

В итоге ваш новый тег должен выглядеть таким образом:

Сохраните тег и нажмите кнопку «Отправить».


В появившемся окне заполните название и описание версии. Это нужно, чтобы при дальнейшей работе вам было понятно, какие изменения были внесены. Нажмите кнопку «Опубликовать», чтобы внесенные изменения вступили в силу.

Также вы можете сохранять изменения без публикаций. Для этого нужно переключиться на вкладку «Новая версия» и нажать кнопку «Создать». Изменения сохранятся, но не применятся на сайте.

Чтобы проверить работу тега, откройте в разных вкладках браузера ваш магазин и аккаунт на Google Analytics. Добавьте товар в корзину, а затем удалите. Посмотрите изменение статистики по добавлениям в корзину в GA. Перейдите в режим реального времени во вкладку «События». Если все настройки верные, вы увидите изменение статистики.

Как создать тег checkout

Тег checkout собирает статистические данные о товарах, которые пользователь добавил в корзину и затем нажал кнопку «Оформить заказ».
Авторизуйтесь в Google Tag Manager под своим аккаунтом и войдите в контейнер, закрепленный за вашим сайтом.
 
Шаг 1. Переменная

Если вы уже создавали ранее переменную «Пользовательское событие», то повторное создание ее не требуется. Вы можете применять эту переменную в новом теге и его триггере.

Если такую переменную вы не создавали, тогда прочтите здесь как создать переменную (шаг 1).

Шаг 2. Создание триггера

В левой панели выберите раздел «Триггеры» и нажмите «Создать», чтобы начать добавление нового триггера.

Задайте название триггера в левом верхнем углу.

Нажмите на круглую кнопку, чтобы справа появились настройки. Выберите тип триггера «Пользовательское событие».

В поле «Имя события» нужно вставить метку «checkout».  В условии активации триггера выберите «Некоторые специальные события».

В блоке  «Активировать триггер при наступлении события и выполнении всех этих условий» установите по порядку значения: Пользовательское событие, равно, имя события «checkout».

Если вам потребуется добавить еще условия или удалить ненужные, вы можете сделать это кнопками + и — рядом с полями.

Сохраните изменения.

Шаг 3. Создание тега

В левой панели выберите раздел «Теги» и нажмите «Создать», чтобы начать добавление нового тега.

Задайте название тега в левом верхнем углу.

Нажмите на круглую кнопку. После этого справа откроется меню с выбором типа тега. В конфигурации тега выберите универсальную аналитику (Universal Analytics).

В поле «Тип отслеживания» выберите «Событие». Задайте параметры:

  • Категория — checkout
  • Действие — ваша переменная, в нашем случае это «Пользовательское событие».

Нажмите галку в поле  «Включить переопределение настроек в этом теге». В поле «Идентификатор» отслеживания вставьте ваш идентификатор из аналитики.

Затем нажмите на дополнительные настройки. Перейдите в пункт «Электронная торговля». В поле «Включить расширенные функции электронной торговли» задайте параметр — True. Поставьте галочку в поле «Использовать уровень данных».

Затем нажмите на блок «Триггеры» и выберите триггер «checkout».


В итоге ваш новый тег должен выглядеть таким образом:

Сохраните тег и нажмите кнопку «Отправить».

В появившемся окне заполните название и описание версии. Это нужно, чтобы при дальнейшей работе вам было понятно, какие изменения были внесены. Нажмите кнопку «Опубликовать», чтобы внесенные изменения вступили в силу.

Также вы можете сохранять изменения без публикаций. Для этого нужно переключиться на вкладку «Новая версия» и нажать кнопку «Создать».  Изменения сохранятся, но не применятся на сайте.

Чтобы проверить работу тега, откройте в разных вкладках браузера ваш магазин и аккаунт на Google Analytics. Добавьте товар в корзину, а затем нажмите на «Оформить заказ». Посмотрите изменение статистики по добавлениям в корзину в GA. Перейдите в режим реального времени во вкладку «События». Если все настройки верные, вы увидите изменение статистики.

Как создать тег gtm.dom

Тег gtm.dom собирает статистические данные об успешно оформленных заказах. Каждый раз, когда любой пользователь успешно завершает оформление заказа, прибавляется счетчик в этом теге.

Авторизуйтесь в Google Tag Manager под своим аккаунтом и войдите в контейнер, закрепленный за вашим сайтом.

Обратите внимание, что тег gtm.dom не собирает данные при покупке в 1 клик. В Аспро: Next вы можете создать тег, который будет собирать данные при оформлении полного заказа, и при покупке в 1 клик. О том как настроить этот тег, читайте в следующем уроке.

Шаг 1. Переменная

Если вы уже создавали ранее переменную «Пользовательское событие», то повторное создание ее не требуется. Вы можете применять эту переменную в новом теге и его триггере.

Если такую переменную вы не создавали, тогда прочтите здесь как создать переменную (шаг 1).

Шаг 2. Создание триггера

В левой панели выберите раздел «Триггеры» и нажмите «Создать», чтобы начать добавление нового триггера.

Задайте название триггера в левом верхнем углу.

Нажмите на круглую кнопку, чтобы справа появились настройки. Выберите тип триггера «Пользовательское событие».

В поле «Имя события» нужно вставить метку «gtm.dom».  В условии активации триггера выберите «Некоторые специальные события».

В блоке  «Активировать триггер при наступлении события и выполнении всех этих условий» установите по порядку значения: Page URL, содержит, «?ORDER_ID».

Если вам потребуется добавить еще условия или удалить ненужные, вы можете сделать это кнопками + и — рядом с полями.

Сохраните изменения.

Шаг 3. Создание тега

В левой панели выберите раздел «Теги» и нажмите «Создать», чтобы начать добавление нового тега.

Задайте название тега в левом верхнем углу.

Нажмите на круглую кнопку. После этого справа откроется меню с выбором типа тега. В конфигурации тега выберите универсальную аналитику (Universal Analytics).

В поле «Тип отслеживания» выберите «Событие». Задайте параметры:

  • Категория — gtm.dom

  • Действие — ваша переменная, в нашем случае это «Пользовательское событие»

Нажмите галку в поле  «Включить переопределение настроек в этом теге». В поле «Идентификатор» отслеживания вставьте ваш идентификатор из аналитики.

Затем нажмите на дополнительные настройки. Перейдите в пункт «Электронная торговля». В поле «Включить расширенные функции электронной торговли» задайте параметр — True. Поставьте галочку в поле «Использовать уровень данных».

Затем нажмите на блок «Триггеры» и выберите триггер «gtm.dom».

В итоге ваш новый тег должен выглядеть таким образом:

Сохраните тег и нажмите кнопку «Отправить».

В появившемся окне заполните название и описание версии. Это нужно, чтобы при дальнейшей работе вам было понятно, какие изменения были внесены. Нажмите кнопку «Опубликовать», чтобы внесенные изменения вступили в силу.

Также вы можете сохранять изменения без публикаций. Для этого нужно переключиться на вкладку «Новая версия» и нажать кнопку «Создать». Изменения сохранятся, но не применятся на сайте.

Чтобы проверить работу тега, откройте в разных вкладках браузера ваш магазин и аккаунт на Google Analytics. Добавьте товар в корзину, а затем оформите заказ. Посмотрите изменение статистики по добавлениям в корзину в GA. Перейдите в режим реального времени во вкладку «События». Если все настройки верные, вы увидите изменение статистики.

Как создать тег отслеживания электронной торговли

В Аспро: Next вы можете добавить тег, который будет собирать статистические данные по транзакциям: объем продаж определенных товаров, суммы покупок, местоположение плательщиков. С помощью отчетов по электронной торговле можно сегментировать и анализировать данные, а также выявлять взаимосвязи между маркетинговыми кампаниями, привлечением пользователей и совершенными транзакциями. В нашем примере тег мы назовем — purchase. Тег будет собирать данные при оформлении полного заказа, и при покупке в 1 клик.

Перед тем как создавать сам тег, необходимо включить электронную торговлю в Google Analytics.

Перейдите в Google Analytics в раздел администрирования. Нажмите на кнопку «Администратор»,

Затем перейдите в настройки электронной торговли.

Включите настройки и сохраните изменения.

В административной части пропишите название тега. Для этого перейдите в Аспро: Next → Настройки. Найдите блок «Цели и счетчики». В строке «Метка события "Успешное оформления заказа" в google tag manager» измените название тега на «purchase».

Затем авторизуйтесь в Google Tag Manager под своим аккаунтом и войдите в контейнер, закрепленный за вашим сайтом.

Шаг 1. Переменная

Если вы уже создавали ранее переменную «Пользовательское событие», то повторное создание ее не требуется. Вы можете применять эту переменную в новом теге и его триггере.

Если такую переменную вы не создавали, тогда прочтите здесь как создать переменную (шаг 1).

Шаг 2. Создание триггера

В левой панели выберите раздел «Триггеры» и нажмите «Создать», чтобы начать добавление нового триггера.

Задайте название триггера в левом верхнем углу.

Нажмите на круглую кнопку, чтобы справа появились настройки. Выберите тип триггера «Пользовательское событие».

В поле «Имя события» нужно вставить метку «purchase».  В условии активации триггера выберите «Все специальные события».


Сохраните изменения.

Шаг 3. Создание тега

В левой панели выберите раздел «Теги» и нажмите «Создать», чтобы начать добавление нового тега.

Задайте название тега в левом верхнем углу.

Нажмите на круглую кнопку. После этого справа откроется меню с выбором типа тега. В конфигурации тега выберите универсальную аналитику (Universal Analytics).

В поле «Тип отслеживания» выберите «Событие». Задайте параметры:

  • Категория — purchase
  • Действие — ваша переменная, в нашем случае это «Пользовательское событие».

Нажмите галку в поле  «Включить переопределение настроек в этом теге». В поле «Идентификатор» отслеживания вставьте ваш идентификатор из аналитики.


Затем нажмите на дополнительные настройки. Перейдите в пункт «Электронная торговля». В поле «Включить расширенные функции электронной торговли» задайте параметр — True. Поставьте галочку в поле «Использовать уровень данных».

Затем нажмите на блок «Триггеры» и выберите триггер «purchase».

В итоге ваш новый тег должен выглядеть таким образом:

Сохраните тег и нажмите кнопку «Отправить».

В появившемся окне заполните название и описание версии. Это нужно, чтобы при дальнейшей работе вам было понятно, какие изменения были внесены. Нажмите кнопку «Опубликовать», чтобы внесенные изменения вступили в силу.

Также вы можете сохранять изменения без публикаций. Для этого нужно переключиться на вкладку «Новая версия» и нажать кнопку «Создать». Изменения сохранятся, но не применятся на сайте.


Чтобы проверить работу тега, откройте в разных вкладках браузера ваш магазин и аккаунт на Google Analytics. Сделайте заказ на сайте через полное оформление или через форму покупки в 1 клик. Посмотрите изменение статистики в GA. Перейдите в Конверсии → Электронная торговля → Эффективность списка. Выберите дополнительный параметр —  «Категория товаров (расширенная электронная торговля)» и выберите актуальную дату. Если все настройки верные, вы увидите изменение статистики.

Настройка поиска по торговым предложениям

В новых версиях интернет-магазинов появилась возможность осуществлять поиск не только по названиям элементов (товаров), но и по свойствам торговых предложений — например, по размеру «XS» или цвету «Белый»
Для настройки перейдите в административную часть сайта в Контент → Инфоблоки → Типы инфоблоков → Каталог → Торговые предложения.



Переключитесь на вкладку «Свойства». У нужного свойства торгового предложения нажмите на многоточие — например, у свойства «Размер».



Поставьте галочку в строке «Значения свойства участвуют в поиске» и сохраните изменения.



Теперь нужно сделать переиндексацию поиска. Перейдите в Настройки → Поиск → Переиндексация.



Вы можете переиндексировать только измененные параметры или все целиком. Мы рекомендуем проводить переиндексацию поиска полностью. Для этого снимите галочку в строке «Переиндексировать только измененные». После этого нажмите на кнопку «Переиндексировать».



В результате после нажатия кнопки «Искать» или кнопки клавиатуры «Enter» поисковая выдача будет иметь вид:



Теперь рассмотрим, как включить поиск по торговым предложениям в выпадающем списке поиска (чтобы торговые предложения отображались еще до нажатия кнопки «Искать» или кнопки клавиатуры «Enter»):



В Аспро: Next эта настройка включена по-умолчанию. В Аспро: Оптимус и Аспро: Маркет это нужно сделать дополнительно.

  • Аспро: Оптимус

В публичной части сайта при включенном режиме правки наведите на область поиска. В появившейся панели меню нажмите на стрелочку. Выберете «Поиск по заголовкам» → «Редактировать параметры компонента».



На вкладке «Категория #1» в блоке «Ограничение области поиска» выберете вариант «Каталог». В блоке «Искать в информационных блоках типа» установите вариант «все», если хотите, чтобы в поиске отображались и торговые предложения, и товары каталога, в названии которых присутствует поисковое слово — например, «Синий».



Если вы хотите, чтобы в выпадающем списке поиска отображались только торговые предложения, выберете вариант «Торговые предложения».

Результат выбора «все»: поиск и по торговым предложениям, и по заголовкам товаров:



  • Аспро: Маркет

В публичной части сайта при включенном режиме правки наведите на область поиска. В появившейся панели меню нажмите на шестеренку.



На вкладке «Дополнительные настройки» в строке «ID инфоблока каталога» напишите «13,all» (обязательно маленькими буквами!), если хотите, чтобы в поиске отображались и торговые предложения, и товары каталога, в названии которых присутствует поисковое слово — например, «Синий».



Если вы хотите, чтобы в выпадающем списке поиска отображались только торговые предложения, укажите ID, равный 14.

Чтобы вернуть первоначальный вариант поиска по заголовкам товаров ,укажите ID инфоблока каталога, равный 13.

Результат выбора «13, all»: поиск и по торговым предложениям, и по заголовкам товаров:


Для веб-разработчиков

Решения Аспро: Next и Аспро: Шины и диски 2.0 созданы на современной технологической платформе. Они имеют принципиально новую архитектуру, с которой по-настоящему удобно работать. В специальном разделе есть библиотеки кнопок, иконок и элементов для оформления.

В этой главе мы расскажем об этих преимуществах, а также о том, как легко и просто изменять основные элементы сайта.

Внимание! Информация, представленная в этой главе, носит рекомендательный характер и предназначена для программистов, владеющих навыками разработки на 1С-Битрикс. Мы не оказываем консультации по разработке и не несем ответственности за последствия изменения кода шаблона. Инструкция подразумевает, что вы сможете выполнить работу с кодом самостоятельно.

Мы настоятельно рекомендуем придерживаться наших рекомендаций. Ошибки, возникшие из-за некорректных действий, устраняются платно.

Если вы не разработчик и хотите доработать решение под ваш проект – например, изменить внешний вид блоков, разделов, элементов или добавить новый функционал, пожалуйста, свяжитесь с нами.

Графические материалы

В поставку решений Аспро включены библиотеки иконок, кнопок и других элементов интерфейса, которые помогут сделать сайт на основе готового решения еще красивее и уникальнее. 

В разделе «Оформление» показаны варианты отображения текста с использованием заголовков различных уровней для разбиения информации на блоки меньшего размера, что упрощает ее восприятие, и позволяет отделить смысловые блоки друг от друга.


Для того, чтобы визуально выделить перечисление, например, преимуществ сотрудничества, вы можете задействовать один из вариантов представления списков: нумерованный/ненумерованный, иерархический/линейный или с детальным описанием. Также при создании списка в качестве маркера доступно использование пиктограмм, которые включены в библиотеку.


Для приверженцев интересной подачи материала приведен пример оформления цитат и буквиц, гармонирующий с общей стилистикой решения.

Цитата – это ключ, основная идея статьи, поэтому она должна особым образом выделяться на общем фоне и «цеплять» даже беглый взгляд посетителя. 

Использование буквицы как художественного приема оформления текста делает его более приятным для чтения и украшает страницу, которая не изобилует другими яркими деталями.


В библиотеке присутствуют средства визуального оформления кода. Выражения из кода в тексте выделяются использованием другого цвета для него самого и его заднего фона, а строки кода для удобства помещаются в специальные блоки, чтобы ни один символ не потерялся в тексте описания.


В этом же разделе вы можете ознакомиться со стилями оформления таблиц, которые удобно использовать для представления структурированной информации (к примеру, отображения реквизитов компании).

Если вам необходимо выделить какой-либо элемент текста, вы можете установить возле него «визуальный якорь» в виде одной из пиктограмм, что в огромном множестве перечислены в разделе «Иконки». Например, к электронному адресу тех. поддержки с меткой легко будет вернуться в подробной инструкции по настройке программного продукта в случае, если инструкция не помогла и на одном из этапов возникли непредвиденные затруднения.


Также в этом разделе вы можете выбрать один из вариантов цветовой схемы, доступный для иконок большего размера.


Раздел «Кнопки» отображает варианты активных и неактивных кнопок, отличающихся размерами и расцветкой, чье поведение также различно при наведении на них указателя.


Раздел «Элементы» содержит примеры внешнего вида ярлыков (Labels) – иконок, содержащих исчерпывающую информацию, например, об участии предложения в действующей акции или отношение товара к хитам продаж.


Здесь же вы можете ознакомиться с отображением всплывающей подсказки, призванной при наведении указателя раскрыть посетителю значения используемых в статье терминов или внести некоторые уточнения.

Пример внутренних вкладок, используемых для улучшения организации предоставляемых пользователю сведений, демонстрирует оформление активных и неактивных вкладок, и поведение страницы при переключении с одной вкладки на другую.


Помимо прочего в этом разделе показаны способы представления аккордеона и его поведения при разворачивании скрытого по умолчанию варианта/полного списка. Функциональной особенностью этого элемента является возможность выбора посетителем какую информацию необходимо раскрыть более подробно, а какая представляется ему излишней.


Один из вариантов аккордеона используется на странице «Вакансии» в решении Аспро: Digital-компания при выборе соответствующей темы оформления раздела.


Ниже расположены примеры оформления предупреждений, шкалы прогресса, формы обратной связи.


Размеры навигационной панели по страницам раздела представлены в 3х вариантах.


Присутствуют дополнительные средства визуального оформления текстовых блоков.


Также в поставку включены элементы для работы с изображениями – Carousel, Fancybox и рамки для миниатюрных изображений.


Использование библиотеки UI-элементов

В этом уроке мы расскажем и покажем наглядно, как можно использовать UI элементы из библиотеки, включенной в поставку решения, а также как пользоваться возможностями верстки, вставлять иконки, кнопки и элементы оформления на сайт.



Внимание! Для успешной работы с html-кодом понадобятся хотя бы минимальные знания тегов и принципов записи. Если возникают сомнения или нужно попрактиковаться, вы можете смело экспериментировать с версткой на тестовой странице. Изменение html-кода может испортить верстку отдельной страницы, но не сломает весь сайт.

Представленные на демо-сайте UI элементы являются html-кодом, который вы можете скопировать и вставить в нужное место на странице сайта. В качестве примера добавим на сайт элемент «Шестеренки» и заголовки разного размера.




Перейдите на нужную страницу сайта, где вы хотите разместить элементы, активируйте режим правки и откройте страницу для редактирования. Переключитесь на совмещенный режим отображения, чтобы было видно одновременно и html-код, и внешний вид содержимого.




Откройте на вашем сайте раздел с библиотекой UI-элементов, перейдите на страницу с нужным содержимым, войдите в режим редактирования и также переключитесь в нем на совмещенный режим отображения.



Скопируйте код интересующих вас элементов и вставьте на странице своего сайта. 



В нашем примере скопирован код заголовка и код элемента «Шестеренки». Вы можете вносить изменения в код – например, убрать тестовый текст под заголовком или поменять подпись под шестеренками.

После сохранения изменений на странице отображаются нужные элементы:










Модификация кода решений

В этой главе мы опишем общие принципы кастомизации решений. Готовые сайты созданы на новой технологической платформе и открывают новые возможности для доработки и развития функционала.

Модифицируйте элементы сайта быстро и без лишних трат благодаря улучшенной архитектуре.

Внимание! Информация, представленная в этой главе, носит рекомендательный характер и предназначена для программистов, владеющих навыками разработки на 1С-Битрикс. Мы не оказываем консультации по разработке и не несем ответственности за последствия изменения кода шаблона. Инструкция подразумевает, что вы сможете выполнить работу с кодом самостоятельно.

Мы настоятельно рекомендуем придерживаться наших рекомендаций. Ошибки, возникшие из-за некорректных действий, устраняются платно.

Если вы не разработчик и хотите доработать решение под ваш проект – например, изменить внешний вид блоков, разделов, элементов или добавить новый функционал, пожалуйста, свяжитесь с нами.

Общие рекомендации

Для модификации предусмотрены отдельные файлы, которые вы можете редактировать по своему усмотрению и затем подключать как свои шаблоны. Внесенные изменения не будут затираться при обновлениях решения – больше никаких конфликтов функционала!

Внимание! При установке шаблона в режиме многосайтовости новые custom файлы затрут ваши файлы. Чтобы не сталкиваться с этой ситуацией, необходимо переименовать ваши custom файлы и провести установку. Тогда новые файлы не будут их затирать. Затем необходимо переименовать ваши файлы обратно.

Алгоритм:
  • Подключите шаблон с пометкой 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 и Аспро: Шины и диски 2.0 вы можете модифицировать вывод цены, кнопку «Купить» и метку «В наличии» при помощи специальных событий. При этом изменения не будут затираться при обновлении решения.

Названия событий вы можете найти в файле include.php.

  • Адрес файла для решения Аспро: Оптимус

Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix → modules → aspro.optimus → include.php

  • Адрес файла для решения Аспро: Next

Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix → modules → aspro.next → include.php

  • Адрес файла для решения Аспро: Шины и диски 2.0
Рабочий стол → Контент → Структура сайта → Файлы и папки → bitrix → modules → aspro.tires2 → include.php

Названия представлены в виде закомментированных областей:


Файл с примерами событий находится тут:

  • \bitrix\modules\aspro.optimus\lib\functions\CAsproOptimus.php (для Аспро: Оптимус)

  • \bitrix\modules\aspro.next\lib\functions\CAsproNext.php (для Аспро: Next).
  • \bitrix\modules\aspro.tires2\lib\functions\CAsproNext.php (для Аспро: Шины и диски 2.0).

В структуре сайта также предусмотрен специальный файл для вашего кода, в котором вы сможете работать с обработчиками из файла.

  • Путь к файлу для Аспро: Оптимус

\bitrix\modules\aspro.optimus\lib\functions\CAsproOptimusCustom.php

  • Путь к файлу для Аспро: Next

\bitrix\modules\aspro.next\lib\functions\CAsproNextCustom.php CAsproTires2Custom.php

  • Путь к файлу для Аспро: Шины и диски 2.0

\bitrix\modules\aspro.tires2\lib\functions\CAsproTires2Custom.php

Поддержка PWA

Прогрессивное веб-приложение (PWA) — технология веб-разработки для управления сайтом через приложение на мобильных устройствах:

  • Устанавливается на смартфоны и планшеты.
  • Доставляет push-уведомления.

Для того, чтобы добавить сайт как веб-приложение, пользователь должен открыть сайт в браузере на мобильном устройстве. Затем перейти в настройки для страницы.

Затем нужно кликнуть поле «Добавить на главный экран».

Затем пользователь может изменить название приложения и добавить на главный экран.

Приложение на главном экране. 

Для реализации PWA сайт должен соответствовать требованиям:

  • Доступ по протоколу https.
  • Адаптивность.
  • Отдельный URL для каждой страницы.

Чтобы перейти в настройки приложения, в административной части сайта перейдите в Аспро → Аспро: Next → Веб-приложение.

  • Активируйте технологию (1);
  • По умолчанию создается файл с названием «manifest.json». Если такой файл у вас уже где-то используется, измените название в этом поле (2);
  • Название предлагается по умолчанию при добавлении на рабочий стол (3);
  • Сокращенное название — короткое удобочитаемое имя приложения. Предназначено для использования там, где недостаточно места для отображения полного имени приложения (4);
  • Укажите начальную страницу приложения, по умолчанию задана главная страница сайта. При запуске приложения будет открываться указанная страница, а не та страница, которую добавляли на рабочий стол (5);
  • Выберите режим отображения приложения (6)

    browser — приложение открывается в обычной вкладке браузера или новом окне в зависимости от браузера и платформы.
    standalone — приложение будет выглядеть и ощущаться, как отдельное приложение.
    fullscreen — используется все доступное пространство экрана.

    Для того чтобы изменился режим отображения, необходимо переустановить приложение.

  • Измените цвет фона (7) и темы (8) при необходимости. Функция актуальна только для Android;
  • По умолчанию на мобильных устройствах будет подгружаться фавиконка для обозначения приложения. Также вы можете загрузить иконку в различных размерах (9). Операционная система сама будет подбирать оптимальный размер под конкретное мобильное устройство.  

Сохраните изменения. После сохранения настроек будет создан файл манифеста в корне сайта. Если поле «Подключать манифест для сайта» активно, то в теге <head> сайта будет прописана ссылка <link> на файл.

Требования к графическим материалам

В этом уроке рассмотрим требования к графическим материалам, которые понадобятся для запуска интернет-магазина на основе Аспро: Шины и диски 2.0. К ним относятся баннеры на главной странице, тизеры, картинки для новостей, акций и т.д.

Главная страница

Логотип


Логотип располагается в левом верхнем углу.

Требования к логотипу: файл .jpg или .png с разрешением 190 x 40 px.

Главный баннер

  • Тип главной страницы №1



При таком типе баннер со слайдером располагается во всю ширину экрана.

Требования к основному баннеру: файл .jpg или .png с разрешением 1920 x 450 px.

  • Тип главной страницы № 2


Здесь располагаются основной баннер со слайдером и 2 дополнительных маленьких баннера. На основном баннере можно разместить неограниченное количество слайдов, которые будут автоматически меняться через установленные промежутки времени. 

В зависимости от выбранной ширины сайта размер баннера может меняться от 930 до 1314 px. Вы можете для каждой ширины сайта указывать свою ширину баннера, но мы рекомендуем выбирать ширину 1920 px, тогда края сами обрезаются под нужную.

Требования к основному баннеру: файл .jpg или .png с разрешением 1920 x 450 px (c рекомендуемой безопасной зоной в 900 px по центру).

Размер элемента на баннер – 450 x 450 рx.

Требования к дополнительным баннерам: файл jpg, png, gif. Соотношение сторон 3:2.

Размер картинок должен быть:

733 x 486 px – при ширине сайта 1200 / 1344 / 1500 px;

834 х 555 px – при ширине сайта 1700 px.

Узкий баннер на главной


Требования к узкому баннеру на главной: файл .jpg или .png с разрешением 1920 x 150 px (c рекомендуемой безопасной зоной в 900 px по центру).

Маленькие баннеры на главной


Требования к 3 маленьким баннерам: файл .jpg или .png с разрешением 530 x 180 px.

Баннеры для акций 

Блок располагается на  главной странице. При клике на элемент вы попадаете на детальную страницу акции.


Требования к формату файла .jpg или .png с разрешением 400 x 266 px. Соотношение сторон 3:2.

Баннеры из блога (большой и малые)

Блок располагается на  главной странице. При клике на элемент вы попадаете на детальную страницу новости.



Эти баннеры выстраиваются в ровную плитку на любой ширине окна. Они бывают двух видов: большие и маленькие.

В решении Аспро: Шины и диски 2.0 есть возможность регулировать ширину страницы. Чтобы изображения в плавающих баннерах помещались полностью, необходимо использовать определенные размеры изображений для каждого разрешения.

Допустимые форматы изображений – jpg и png. Соотношение сторон 3:2.

Размер картинок должен быть:

733 x 486 px – при ширине сайта 1200 / 1344 / 1500 px;

834 х 555 px – при ширине сайта 1700 px.

В административной части перейдите в Аспро: Шины и диски 2.0 → Настройки → Общие.


Задайте ширину сайта и загрузите подходящий размер баннера.

Информационный блок о компании


Допустимые форматы изображений – jpg, png, gif.

Размер картинки может быть любой, но в пределах 222 x 244 px.

Услуги на главной

Допустимые форматы изображений – jpg, png. Соотношение сторон 3:2.

Размер картинок должен быть:

401 x 267 px – при ширине сайта 1700 px;

398 x 265 px – 1500 / 1344 / 1200 px.


Иконки в фильтре при 2 типе главной страницы


Допустимые форматы изображений – svg, jpg, png.

Оптимальный размер картинок – 50 x 50 px.

Тизеры преимуществ

В блоке тизеров на главной странице или в разделах сайта вы можете лаконично представить основные преимущества вашей компании или конкретной услуги. Тизер состоит из иконки и краткого описания.


Допустимые форматы изображений – svg, jpg, png.

Оптимальный размер картинок – 50 x 50 px.

Логотипы партнеров и производителей

  • Для логотипов в разделе «Наши партнеры» и «Производители» используйте изображения с расширением jpg, png.

  • Максимальный размер картинок – 150 х 90 px.

  • Допустимо размещение изображения меньшего размера.

Баннеры детальных страниц новостей и акций

Баннеры в детальных страницах разделов

Сюда относятся, например, страницы акций или лендингов. Баннер на таких страницах состоит из фонового баннера и активной картинки.


Требования к фоновому баннеру: файл .jpg или .png. с разрешением 1920 x 450 px.

Требования к активной картинке: файл .jpg или .png. с разрешением 555 x 450 px.


Баннеры детальных страниц новостей и акций


Требования к баннерам детальных страниц новостей и акций: файл .jpg или .png. с разрешением 1314 x 360 px.

Баннеры в колонке



Требования к баннерам: файл .jpg или .png с разрешением 530 x 390 px.

Фото товара для карточки

Основное фото товара на его странице.



Требования к фото для карточки товара: файл .jpg или .png с разрешением не менее 500 х 500 px. Оптимально 1000 х 1000 px. Изображение обязательно должно быть квадратным. 

Фото товара для раздела каталога



Требования к фото для раздела каталога: файл .jpg или .png с разрешением не менее 120 x 120 px. Изображение обязательно должно быть квадратным.









Установка модулей сторонних разработчиков

Решения «Аспро» поддерживают стандартный набор модулей и компонентов 1С-Битрикс.

Мы не тестируем модули и компоненты сторонних разработчиков, поэтому не можем гарантировать совместимость с решениями «Аспро» и 100% работоспособность на готовом сайте.  Для того, чтобы установить такое решение, рекомендуем обратиться к сертифицированным партнерам 1С-Битрикс.

Внимание! Если вы собираетесь установить модуль или компонент стороннего разработчика, помните: вы делаете это на свой страх и риск. Любые вмешательства такого рода приравниваются к изменению кода и могут привести к нарушению логики работы решения, изменениям верстки и программным ошибкам.  Перед тем, как устанавливать модуль, убедитесь, что вы обладаете необходимыми навыками для внесения изменений в решение и обязательно выполните резервное копирование.