Инструкция по управлению сайтом

Вход

Вход в систему управления сайтом (или CMS) осуществляется по адресу, указанному в письме о создании сайта.

При входе вы увидите заставку LegionA.

Рис.1 Стартовая заставка

Рис.1 Стартовая заставка

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

На данный момент мы рекомендуем использовать следующие браузеры (список будет расширяться):

  • Google Chrome;
  • Firefox.

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

Рис.2 Форма авторизации

Рис.2 Форма авторизации

Структура системы управления

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

Рис.3 Панель управления сайтом

Рис.3 Панель управления сайтом

  • шапка;
  • дерево сайта;
  • рабочая область.

Шапка

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

Дерево

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

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

Рабочая область

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

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

Внимание! Отнеситесь к процедуре смены данных учётной записи администратора с особым вниманием, так как это влияет на сохранность доступа к системе управления сайтом и обеспечение целостности данных сайта!

В правом верхнем углу экрана вы увидите логин, под которым вы вошли, кликните по нему. На изображении "Рис.4" это bind7518 (у вас будет свой, указанный в письме о создании сайта).

Рис.4 Шапка

Рис.4 Шапка

В рабочей области вы увидите интерфейс управления данными своей учётной записи.

Рис.5 Управление учётной записью

Рис.5 Управление учётной записью

Перед вами 3 вкладки:

  • Основные - обязательные данные, которые используются для подтверждения вашего права на использование системы управления сайтом;
  • Адрес - информация о вашем фактическом или юридическом адресе;
  • Политики - администратор не может менять сам себе настройки доступа. Однако, у вашей учётной записи самый полный доступ.

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

Обязательно выберите опцию "Новый пароль?" и позвольте сгенерировать новый пароль системой!

Смена настроек сайта

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

Рис.6 Настройки сайта

Рис.6 Настройки сайта

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

Основные

Вкладка системное

Вкладка Самые важные

Заголовок сайта — введите название компании или её торговую марку.

Доменное имя сайта — если у вас уже куплено и припарковано доменное имя (сайт открывается по доменному имени), то укажите его в поле. Обращаем ваше внимание, что указывается только доменное имя — без протокола, без слешей, без параметров. Только url вида: www.вашдомен.ru или вашдомен.ru.

Протокол сайта — если у вас уже куплен и установлен SSL-сертификат (доверьте установку специалистам), то укажите протокол HTTPS, иначе оставьте HTTP. Как правило, HTTPS требуется только для подключения онлайн-оплаты.

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

Вложенность каталога в меню — количество уровней каталога, отображаемого в основной навигации на сайте, где:

  1. вывод только дочерних категорий страницы Каталог;
  2. вывод дочерних категорий страницы Каталог а так же дочерних категорий первого уровня (если они есть).

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

Вкладка Email

Обратный E-mail — укажите существующий email-адрес. Обратный email будет отображён в письмах, отправленных с сайта, в качестве email, с которого было отправлено письмо.

Метод отправки писем — при выбранном методе MAIL - ваши сообщения с сайта могут попадать в папку спам. В этом нет ничего страшного, просто создайте в своём почтовом клиенте правило обработки писем сайта. Для того чтобы избежать этого установите значение "Через SMTP-сервер" и заполните все соответствующие поля.

Внимание! Используйте метод отправки через SMTP только если уверены в том, что делаете и разбираетесь в вопросе. Иначе оставьте метод отправки через MAIL.

Настройка отправки писем с сайта через SMTP

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

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

Gmail.com

  1. SMTP авторизация включить.

  2. Защита SMTP выберите: SSl.

  3. Адрес SMTP-сервера укажите:

    smtp.gmail.com
  4. SMTP порт укажите:

    465
  5. SMTP почта укажите: полное имя почтового ящика, включая @gmail.com или адрес домена, если у вас почта на домене.

  6. SMTP пароль укажите: пароль для входа в Gmail.

Mail.ru

  1. SMTP авторизация включить.

  2. Защита SMTP выберите: SSl.

  3. Адрес SMTP-сервера укажите:

    smtp.mail.ru
  4. SMTP порт укажите:

    465
  5. SMTP почта укажите: полное имя почтового ящика, включая @mail.ru или адрес домена, если у вас почта на домене.

  6. SMTP пароль:

    • Перейдите в настройки Mail ID → «Безопасность» → «Пароли для внешних приложений».
    • Нажмите «Добавить».
    • Введите название приложения, чтобы не забыть, для какой программы пароль, например: «SMTP для сайта».
    • Скопируйте код.
    • Введите его в системе управления сайтом в поле «SMTP пароль».

Yandex.ru

  1. SMTP авторизация включить.

  2. Защита SMTP выберите: SSl.

  3. Адрес SMTP-сервера укажите:

    smtp.yandex.ru
  4. SMTP порт укажите:

    465
  5. SMTP почта укажите: полное имя почтового ящика, включая @yandex.ru или адрес домена, если у вас почта на домене.

  6. SMTP пароль:

Вкладка Дружественные URL

Внимание! Не изменяйте значения в полях, если не требуется генерация url в числовом представлении.

Вкладка CAPTCHA

Слова для генерации CAPTCHA-кодов — используйте только латинские буквы и цифры. Все значения вводятся через запятую БЕЗ! пробелов.

Вкладка контакты

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

E-mail — основной email сайта, на который будут приходить системные уведомления, заявки с сайта и пр. Требует обязательного заполнения.

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

Почтовый индекс — шестизначный код в цифрах.

Город — указывается только название города, без типа населённого пункта.

Адрес — указывается в формате "улица, номер дома", без ул., пер., д. и так далее.

ИНН — указывается при его наличии.

КПП — указывается при его наличии.

ОГРН — указывается при его наличии юридическим лицом.

ОГРНИП — указывается при его наличии физическим лицом ИП.

Пользователи

Вкладка Веб-пользователи

Веб-пользователь — это зарегистрированный пользователь на вашем сайте.

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

Заголовок письма о регистрации — после завершения регистрации пользователя на сайте ему придёт письмо с указанным в этом поле заголовком.

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

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

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

Подтверждение email веб-пользователя — после регистрации пользователя на сайте ему придёт письмо с указанным в этом поле шаблоном. Система устроена так, что после ввода данных на сайте, требуется водтвердить факт владения Email для предупреждения спама. Обратите внимание, что в шаблоне используются плейсхолдеры.

Вкладка Администраторы

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

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

Дизайн

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

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

Вкладка Тема

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

Обычно в дизайне участвует минимум 4 цвета - основной, комплементарный основному, чёрный, белый. Указывая основной цвет, система автоматически создаст комплементарный цвет отличающийся на несколько полутонов.

Вкладка Логотип

Загрузите изображение логотипа в формате PNG или JPEG воспользовавшись загрузчиком. Лучше всего создайте специальную папку для логотипа и загрузите изображение в неё. После загрузки выберите изображение из списка.

Мы настоятельно рекомендуем загружать логотип в формате PNG на прозрачном фоне размером 240px × 80px.

Вкладка Favicon

Загрузите изображение Favicon в формате ICO или PNG воспользовавшись загрузчиком. Лучше всего создайте специальную папку для Favicon и загрузите изображение в неё. После загрузки выберите изображение из списка.

Обращаем ваше внимание, что Яндекс может обновлять Favicon сайта раз в 2 месяца, Google раз в месяц.

Вкладка Слоган

Укажите слоган вашей компании. Если известного и понятного слогана широкому кругу лиц нет, то напишите дескриптор, например: интернет-магазин брендовой одежды.

Вкладка Фон

Фон сайта может быть 2х видов: изображение или цвет.

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

При выборе "Цвет" укажите шестнадцатеричный код цвета, или выберите его пипеткой.

Parallax

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

  1. Зайдите в настройки вашего сайта, вкладка Дизайн, вкладка Фон.

  2. Выберите Parallax.

  3. Загрузите 2-3 изображения.

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

  5. Сохраните настройки.

Изображения должны быть:

  • размером 1920 на 1080;

  • прозрачные на 40-50%;

  • бледные, чтобы было хорошо видно черный текст.

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

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

Загрузите изображения баннеров воспользовавшись загрузчиком. Лучше всего создайте специальную папку для Баннеров и загружайте изображения в неё. Рекомендуемый размер загружаемых изображений 1140px × 380px.

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

Если требуется надпись на баннере, то укажите значение поля "Название".

Разработчику

Вкладка Robots.txt

Robots.txt — специальный файл для поисковых роботов, который объясняет им правила индексации сайта.

Внимание! Если вы не уверены в результате изменений файла Robots.txt, то ничего не меняйте и проконсультируйтесь со специалистами.

Вкладка Код CSS

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

Вкладка Код JS

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

Вкладка META-теги

Указывайте любые META-теги, которые будут доступны на всех страницах сайта. Так как некоторые сервисы требуют проверки прав на сайт, а система не позволяет загружать сторонние файлы, то всегда выбирайте метод подтверждения через META-тег и указывайте его в этом поле. К таким сервисам относятся: Яндекс.Вебмастер, Google Webmaster Tools и пр.

Вкладка Коды статистики

Любые коды статистики (Яндекс.Метрика, Google Analytics и пр.) и информеры (Пульс цен, онлайн-консультанты, callback-и) указывайте только в этом поле!

Интеграции

Вкладка Google Places

Google Places — сервис на основе API от Google Maps. При регистрации пользователя и при оформлении заказа есть поля необходимые для ввода фактического адреса пребывания. Служба подсказки мест в Google Places API возвращает список подсказок мест в ответ на пользовательские поисковые запросы. Когда пользователь набирает текст, служба подсказки мест выдает предполагаемые варианты для различных мест, таких как организации, адреса и достопримечательности. Инструкция по установке находится в системе управления сайтом.

Вкладка reCAPTCHA

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

Вкладка SMSC

SMSC — это SMS-шлюз для отправки текстовых оповещений администраторам, имеющим доступ к Лидам, Заказам и Отзывам. Например, при совершении нового заказа вам придёт SMS-сообщение с информацией о том, что на вашем сайте был сделан новый заказ и на какую сумму.

Сервис SMSC платный, подробности уточняйте на официальном сайте. Инструкция по установке находится в системе управления сайтом.

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

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

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

Перейдите в модуль Администраторы.

Перед вами таблица со всеми учётными записями (в том числе и ваша). В представленной таблице вы можете:

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

Так же вы всегда можете создать нового администратора (кнопка вверху экрана "Создать нового") и наделить его необходимыми правами (политиками).

Прямо сейчас давайте создадим нового администратора:

  1. Нажмите на кнопку вверху окна рабочей области Создать нового;
  2. В появившейся форме во вкладке "Основные" напишите логин, допускаются только латинские буквы и цифры без пробелов;
  3. Позвольте системе сгенерировать пароль и показать его на экране (это самый безопасный метод);
  4. Укажите ФИО;
  5. Укажите актуальный email-адрес. В случае, если вы разрешите администратору доступ к модулю Заказы, на указанный email будут приходить оповещения о заказах;
  6. Укажите актуальный номер телефона. В случае, если вы разрешите администратору доступ к модулям Лиды, Заказы или Отзывы, а так же подключите SMSC-шлюз для отправки СМС, то на указанный номер телефона будут приходить оповещения;
  7. Укажите пол;
  8. Укажите дату рождения;
  9. Перейдите на вкладку "Политики";
  10. Включите опцию "Доступ к модулям". Перед вами появился список со всеми модулями на сайте:
    • Настройки — если вы хотите дать доступ к изменению системных настроек сайта (не рекомендуется!), то включите этот модуль;
    • Администраторы — предоставляет доступ к управлению администраторами сайта (не рекомендуется!);
    • Лиды — предоставляет доступ к заявкам из форм обратной связи с сайта (заказать звонок, заказ в 1 клик, форма на странице Контакты);
    • Компрессия — только если администратор будет менять CSS и JS коды сайта (не рекомендуется!);
    • Отзывы — модуль со всеми оставленными отзывами на сайте;
    • Пользователи — веб-пользователи зарегистрированные на сайте;
    • Оплата — настройки методов оплаты (не рекомендуется!);
    • Заказы — предоставляет доступ к управлению заказами в интернет-магазине;
    • Параметры товаров — параметры влияющие на фильтрацию товаров в каталоге и опции влияющие на цену;
    • Доставка — управление методами доставки (не рекомендуется!);
    • Скидочная система — настройки логик предоставления скидок (не рекомендуется!);
    • Настройки магазина — модуль для внесения системно важных настроек в логику работы магазина (не рекомендуется!);
    • Импорт / Экспорт — экспортирование и импортирование данных через CSV (не рекомендуется!);
    • YML — создание файла для Яндекс.Маркет.
  11. Включите опцию "Доступ к документам". Перед вами появился список со всеми видами страниц на сайте. Отметьте только те виды документов, которые администратор точно будет редактировать или отключите опцию совсем;
  12. Нажмите кнопку "Сохранить" в верхней части экрана рабочей области.

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

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

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

Управление пользователями сайта

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

Перейдите в модуль Пользователи.

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

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

Так же вы всегда можете создать нового пользователя (кнопка вверху экрана "Создать нового").

Прямо сейчас давайте создадим нового пользователя:

  1. Нажмите на кнопку вверху окна рабочей области Создать нового;
  2. В появившейся форме во вкладке "Основные" напишите логин (минимум 2 символа), допускаются только латинские буквы и цифры без пробелов;
  3. Позвольте системе сгенерировать пароль и показать его на экране (это самый безопасный метод);
  4. Укажите ФИО;
  5. Укажите актуальный email-адрес, при помощи которого пользователь сможет авторизоваться на сайте и получать оповещения;
  6. Укажите актуальный номер телефона, при помощи которого пользователь сможет авторизоваться на сайте;
  7. Укажите размер персональной скидки в % если вы хотите, чтобы пользователю присваивалась персональная скидка;
  8. Перейдите на вкладку "Группы" и присвойте пользователю ту группу, к которой он относится. В созданной нами системе есть возможность указывать разные цены для разных групп;
  9. Нажмите кнопку "Сохранить" в верхней части экрана рабочей области.

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

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

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

Управление лидами (заявки с сайта)

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

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

Перейдите в модуль Лиды в шапке системы управления сайтом.

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

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

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

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

Магазин

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

Настройки оплаты

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

Доступные 3 метода оплаты, не требующие специальных интеграций сторонних сервисов:

  • оплата при получении наличными;
  • оплата при получении картой;
  • оплата по счёту в банке.

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

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

  • купить, установить и проверить корректную работу SSL-сертификата для взаимодействия по протоколу HTTPS;
  • определиться, как вы будете исполнять федеральный закон 54, для которого требуется: купить кассу с фискальным накопителем, получить ЭЦП для ОФД, заключить договор с оператором. Подробно о ФЗ-54 можно прочитать тут;
  • внести настройки в модуле "Оплата" и личном кабинете Яндекс.Касса.

Обратите внимание! Вам может показаться, что комиссии у Яндекс.Кассы больше, чем у других сервисов по приёму онлайн-платежей, но следует учесть, что:

  1. Не все сервисы по приёму онлайн-платежей используют уже готовый, установленный SSL-сертификат. Для некоторых сервисов потребуются более дорогие и специальным образом установленные SSL, что может повлечь за собой дополнительные немалые расходы;
  2. Не все сервисы могут быть интегрированы с онлайн-кассами, что сделает очень неудобным или почти невозможным налоговую отчётность.

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

Параметры товаров

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

Очень внимательно! подойдите к изучению функционала модуля "Параметры товаров", так как изменения внесённые в модуле влияют на все товары в вашем магазине. Если вы внесете изменения, то последствия будут необратимы.

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

Интерфейс модуля "Параметры товара" условно поделён на две части: в левой - категории, в правой - параметры.

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

Далее мы приведём пример создания и редактирования категорий параметров и создадим в ней параметры и опции.

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

У всех товаров есть такие характеристики, как: цвет, материал, размер. Но цвета, материалы и размеры для каждого вида товара считаются совсем по-разному: если для носков актуальны размеры вида S,M,L, то для брюк актуальны 36,37,38 и т.д. Поэтому будем создавать для каждой категории товаров свою категорию параметров.

Создадим первую категорию параметров. Для того, чтобы создать категорию, нажмите кнопку "Добавить категорию". Указываем название категории, в нашем случае это "Характеристики носков", и нажимаем кнопку "Сохранить". Аналогично мы создаём категории "Характеристики брюк" и "Характеристики рубашек".

Приступаем к созданию параметров. Для создания параметра нажмите на кнопку "Добавить параметр". Заполните появившуюся форму: название, единицы измерения, категорию, тип ввода.

Внимание! Не надо указывать в названии в чём измеряется параметр, например "Количество, шт." или "Объём, л.". Указывайте единицы измерения в специальном поле, без знаков препинания, то есть просто "шт" или "л" или "кг". Так же не указывайте в названии параметров ничего кроме букв - никаких знаков препинания, слешей, звездочек и пр.

Поле "Тип ввода" может принимать следующие значения:

  • Текст - текстовое значение, которое у всех товаров разное, например "Артикул производителя", или "RAL-код";
  • Выпадающий список - значения параметра у товаров находятся в одном диапазоне и повторяются, но имеют только 1 значение для 1 товара, например "Производитель" или "Вид комплекта";
  • Множественный выбор - значения параметра является составной частью товара, например "Цвет" может быть и "красный" и "чёрный" одновременно, при этом у другого товара может быть "чёрный" и "синий";
  • Опции - значения параметра являются дополнительной опцией для товара и может влиять на его цену, например, важно указать "Размер" при оформлении заказа, при этом для мебельных магазинов цена на разные размеры отличается. Опции могут использоваться не только, как дополнительный параметр, но и выполнять роль дополнительной услуги, например: вы продаёте домашние фильтры для воды. Мало клиентов покупает фильтр без его установки, и вообще задумывается, что установка может не входить в стоимость покупки. Для таких случаев вы можете создать специальную опцию со значениями "без установки" и "с установкой".

Мы в своём примере заполняем форму так:

  • Название - "Размер";
  • Категория - "Характеристики носков";
  • Тип ввода - Так как такая характеристика, как "размер носков" мало информативна и полезна в фильтрации, но полезна при оформлении заказа для получения сведений от клиента, то мы выбираем "Опции";
  • В появившемся поле Возможные значения мы указываем с каждой строки - S,M,L;
  • Нажимаем кнопку "Сохранить".

Далее мы добавим ещё один параметр:

  • Название - "Цвет";
  • Категория - "Характеристики носков";
  • Тип ввода - Так как носки, как правило, комбинированных цветов, то мы выбираем "множественный выбор";
  • В появившемся поле Возможные значения мы указываем с каждой строки - красный,чёрный,синий.
  • Нажимаем кнопку "Сохранить".

Аналогично проделываем для "материала носков" и двух других категорий "Характеристики брюк" и "Характеристики рубашек".

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

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

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

Например, у нас создан параметр товара "Объём, л." с возможными значениями: "0.5", "1", "1.5". Если мы удалим значение "1", то все уже заполненные товары со значениями "1", превратятся в "1.5", а все значения "1.5" более будут недоступны. Это происходит из-за того, что порядковый индекс не исчезает и не пропадает.

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

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

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

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

Метод доставки не просто отображается, как пояснение (текст), к заказу, но и влияет на стоимость заказа и даёт покупателю представление о возможных сроках получения.

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

  1. различными по цене:

    • платными;
    • бесплатными;
    • изменять свою стоимость в зависимости от общей суммы заказа.
  2. курьерными и нет:

    • самовывоз;
    • доставка курьером;
    • доставка транспортной компанией.
  3. различными по времени, то есть заказ доставляется:

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

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

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

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

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

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

Скидочная система

Модуль "Скидки" расположен в выпадающем меню "Магазин" и предназначен для описания политики предоставления скидок покупателям в зависимости от суммы заказа/ов.

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

На сайте реализовано 3 вида предоставлении скидки на заказ:

  • персональная скидка — предоставляется индивидуально зарегистрированному пользователю (изменения вносятся в модуле Пользователи, при редактировании пользователя);
  • накопительная скидка — предоставляется только зарегистрированным пользователям;
  • скидка в зависимости от суммы заказа — предоставляется только в момент оформления заказа.
Внимание! Скидки не суммируются. Пользователю в момент оформления заказа предоставляется наиболее выгодная в данный момент скидка.

На странице модуля "Скидки" две вкладки: Скидка от суммы заказа и Накопительная скидка. На каждой вкладке вы найдёте свои соответствующие настройки скидочной системы.

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

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

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

Разберём настройки модуля подробно по порядку:

  • Заказ товара только на странице товара — опция предназначена для отключения возможности "положить товар в корзину" не на страницах полного описания товара. Вместо кнопки "В корзину" будет отображаться кнопка "Подробнее", при нажатии на которую будет осуществлён переход на страницу товара. Данная опция важна, когда у товаров присутствуют опции влияющие на цену, так как нет технической возможности отобразить опции на странице, например, "Каталог". Так же опция полезна, когда вам важно, чтобы клиент ознакомился с полным описанием товара (перешёл на страницу полного описания товара), перед его покупкой.

  • Минимальная сумма заказа — опция предназначена для ограничения минимального возможного порога суммы заказа. Опция актуальна для магазинов, чья деятельность направлена на реализацию товаров в другие регионы или реализуемые товары могут быть проданы только оптом (как правило, низкая маржа на единицу товара). Сообщение об ограничении на оформление заказа может быть как для физических лиц (или не авторизированных), так и для юридических лиц.
  • Helper — опция предназначена только для визуального удобства выбора количества заказываемого товара. Актуальна там, где товар чаще всего покупается не в единственном числе, а сразу десятками или большим количеством. Попробуйте включить опцию, добавить товар "в корзину", затем отключить опцию и снова положить товар "в корзину" - это позволит дать полное представление о функциональной особенности опции. Не стоит включать Helper, если ваш товар покупают единицами, так как это дополнительный шаг при оформлении заказа - чем короче путь, тем проще клиенту.
  • Disclaimer — если ваш товар имеет возрастные ограничения, то обязательно включите данную опцию. При входе на сайт (любая из его страниц) пользователю будет показано специальное сообщение, не согласившись с которым он может быть перенаправлен на другой сайт.
  • Информеры корзины — так как оформление заказа разделено на этапы, то мы предусмотрели возможность указать к каждому этапу своё информационное сообщение. Если сообщение не требуется, просто оставьте поле пустым.
  • Обозначение цены — опция, при которой рядом с ценой товара, может быть добавлена подпись, за что конкретно указана цена. Актуально, если неявно понятно, за что именно указана цена.

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

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

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

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

Создание файла YML

  1. Наведите указатель мыши на вкладку Магазин.

  2. Нажмите YML.

  3. Нажмите Создать YML.

  4. Сформируется файл YML, нажмите на него.

  5. У вас в браузере откроется новое окно XML-файла, скопируйте адрес этой страницы из адресной строки браузера.

Управление заказами

Создание и редактирование страниц сайта

Дерево ресурсов

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

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

Дерево ресурсов состоит из:

  1. Меню дерева ресурсов — панель, на которой расположены 6 кнопок:

    • (новый ресурс) — кнопка для создания нового ресурса в корне сайта. Новая страница будет доступна в самой верхней навигации сайта.
    • (очистить корзину) — кнопка для удаления всех удалённых (зачёркнутых) ресурсов.
    • (сортировать) — кнопка для сортировки ресурсов.
    • (развернуть дерево) — кнопка позволяет отобразить все вложенные ресурсы.
    • (свернуть дерево) — кнопка сворачивает все вложенные ресурсы.
    • (поиск ресурсов) — кнопка для перехода в меню поиска ресурсов в дереве.
  2. Списка ресурсов — список всех доступных для редактирования ресурсов. При входе в систему управления вы видите корень дерева ресурсов, то есть вам отображены самые главные и важные страницы сайта.

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

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

  • — главная страница сайта;
  • — каталог товаров;
  • — текстовая страница;
  • — информация о методах доставки;
  • — информация о методах оплаты;
  • — новости;
  • — контакты;

Радом с каждым названием страницы есть белый овал с цифрой, например 322 — это уникальный идентификатор (ID) ресурса. Фактически, каждая страница имеет свой уникальный номер.

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

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

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

Для каждого вида страницы из контекстного меню существует свой набор возможных функций:

Вид страницы Возможности
1 Главная
  • Редактировать
  • Просмотр
2 Каталог
  • Редактировать
  • Дочерний ресурс
  • Скрыть на сайте / Отобразить на сайте
  • Просмотр
3 Категория
  • Редактировать
  • Дочерний ресурс
  • Сделать копию
  • Скрыть на сайте / Отобразить на сайте
  • Удалить / Восстановить
  • Просмотр
4 Товар
  • Редактировать
  • Дочерний ресурс
  • Сделать копию
  • Скрыть на сайте / Отобразить на сайте
  • Удалить / Восстановить
  • Просмотр
5 Текстовая
  • Редактировать
  • Дочерний ресурс
  • Сделать копию
  • Скрыть на сайте / Отобразить на сайте
  • Удалить / Восстановить
  • Просмотр
6 Доставка
  • Редактировать
  • Скрыть на сайте / Отобразить на сайте
  • Просмотр
7 Оплата
  • Редактировать
  • Скрыть на сайте / Отобразить на сайте
  • Просмотр
8 Новости
  • Редактировать
  • Дочерний ресурс
  • Скрыть на сайте / Отобразить на сайте
  • Просмотр
9 Новость
  • Редактировать
  • Дочерний ресурс
  • Сделать копию
  • Скрыть на сайте / Отобразить на сайте
  • Удалить / Восстановить
  • Просмотр
10 Контакты
  • Редактировать
  • Дочерний ресурс
  • Скрыть на сайте / Отобразить на сайте
  • Просмотр
Небольшое пояснение. Не все страницы можно удалять, создавать в них дочерние ресурсы, скрывать на сайте. Сделано это для того, чтобы не нарушить работу системы. Согласитесь, непонятно зачем может потребоваться удалить или скрыть главную страницу сайта - пользователь попросту не сможет зайти на сайт. Для отключения всего сайта используйте настройку "Статус сайта" в модуле "Настройки". То же самое относится и к страницам оплата, доставка, контакты.

Общие принципы работы с документами

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

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

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

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

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

    В поле Название допускается вводить только буквы, числа, знак запятая, знак тире, знак дефис, знак точка и набор символов <br> для перевода на другую строку (можно использовать только 1 раз).

  • Заголовок H1 — заголовок страницы (H1) и отображается только на самой странице. Например: у вас интернет-магазин букетов, товар имеет название - "букет из роз", а заголовок H1 можно назвать так: "Нежный букет из роз для особых случаев". Если Заголовок H1 не заполнено, то вместо него будет отображаться значения поля Название.

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

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

    В поле Родитель допускается вводить ID ресурса или его Название.

  • Изображения — поле с изображениями. Для того, чтобы прикрепить изображение к странице, необходимо:

    1. Нажмите на изображение (по-умолчанию это изображение фотоаппарата). Перед вами откроется новое окно - это загрузчик изображений. В левой части будут отображаться папки (директории), куда вы можете добавлять изображение.
    2. Создайте новую папку или добавьте новую папку в уже существующую - для этого кликнете правой кнопкой мыши по нужной папке и выберите пункт "Создать папку". Введите название новой папки и нажмите "ОК".
    3. Перейдите в созданную папку нажмите кнопку "Загрузить" на верхней панели кнопок. Выберите файл на своём компьютере и загрузите его. Всё!, изображение добавлено. Если файл понадобиться вам для добавления к другой странице, то не надо будет его снова загружать - вы просто выберите его в уже существующей папке.
    Внимание! Всегда делите и группируйте изображения по папкам, так как при большом количестве изображений ваш браузер просто перестанет отображать загрузчик изображений.
  • Текстовое описание — поле с текстовым описанием. Для удобства форматирование максимально приближено к Word.

Вкладка SEO:
  • Meta-тэг title — мета-заголовок страницы. Используется поисковыми системами. Если поле не заполнено, то вместо него будет отображаться значения поля Название

    В поле Meta-тэг title допускается вводить только буквы, числа, знак запятая, знак тире, знак дефис, знак точка.

  • Meta-тэг keywords — ключевые слова, по которым должен осуществляться поиск в поисковых системах (не факт! по неподтверждённой информации поле keywords себя дискредитировало). Используется поисковыми системами.

    В поле Meta-тэг keywords допускается вводить только буквы, числа, знак запятая, знак тире, знак дефис, знак точка. Все ключевые слова или фразы вводятся через запятую.

  • Meta-тэг description — короткое описание основного содержания информации на странице. Может быть использовано поисковыми системами для отображения в результатах поиска.

    В поле Meta-тэг description допускается вводить только буквы, числа, знак запятая, знак тире, знак дефис, знак точка.

  • Индексировать страницу? — опция разрешает или запрещает индексацию поисковыми системами.

  • Псевдоним — название страницы латинскими буквами без пробелов. Используется для формирования URL-адреса страницы.

    В поле Псевдоним допускается вводить только латинские буквы и числа.

  • Учавствует в URL — будет ли использован псевдоним для формирования URL-адреса страницы.

Вкладка Системное:
  • Публиковать — отображать ли страницу на сайте.

  • Дата публикации — дата и время начала отображения страницы на сайте. Может использоваться с выключенной опцией Публиковать при вводе будущей даты.

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

Создание страницы категории

Создать категорию можно только либо в Каталоге, либо в уже созданной категории.

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

  2. Нажмите Дочерний ресурс.

  3. Шаблон выберите: Категория.

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

Создание страницы товара

  1. Нажмите правой кнопкой мыши на категорию, в которой хотите создать товар.

  2. Нажмите Дочерний ресурс.

  3. Шаблон выберите: Товар.

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

Создание модуля для товара

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

  2. Нажмите Дочерний ресурс.

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

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

Создание страницы новости

  1. Нажмите правой кнопкой мыши на Новости.

  2. Нажмите Дочерний ресурс.

  3. Нажмите Сохранить.

Страница контакты

Добавление своей Яндекс.Карты

Если для вас достаточно вставить только одну метку на карту и вас устраивает карта от Яндекса – воспользуйтесь встроенным в систему управления сайтом редактором.

Если вам необходимо сделать маршрут или поставить несколько меток – воспользуйтесь инструкцией ниже.

  1. Прейдите в Конструктор карт Яндекса.

  2. Поставьте метки в нужных местах.

  3. Создайте нужный маршрут.

  4. Нажмите Сохранить и продолжить.

  5. Выберите Вставить на сайт.

  6. Поставьте галочку Растянуть по ширине.

  7. Нажмите Получить код карты.

  8. Выберите JavaScript.

  9. Выделите и скопируйте данный код.

  10. Зайдите в систему управления вашим сайтом.

  11. Откройте Контакты.

  12. Вставьте код карты в поле Код карты проезда.

  13. Нажмите Сохранить.

Яндекс.Метрика

Создаем счетчик Яндекс.Метрика

  1. Зайдите на сайт Яндекс.Метрики.

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

  3. Скопируйте адрес главной страницы вашего сайта из адресной строки вашего браузера и вставьте в поле Адрес сайта.

  4. Выберите нужный вам часовой пояс

  5. Включите Вебвизор, карта скроллинга, аналитика форм.

  6. Примите условия Пользовательского соглашения.

  7. Нажмите Создать счетчик.

  8. Способ установки выберите HTML.

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

  10. Галочка Асинхронный код должна быть поставлена по умолчанию, если не стоит - поставьте.

  11. Валюту оставьте по умолчанию RUB.

  12. Тайм-аут визита в минутах оставьте по умолчанию 30.

  13. Пролистните страницу вниз.

  14. Нажмите кнопку Скопировать.

  15. Нажмите кнопку Начать пользоваться.

Установка счетчика Яндекс.Метрика на сайт

  1. Зайдите на сайт Яндекс.Метрики.

  2. Зайдите в нужный вам счетчик путем нажатия на его название.

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

  4. Нажмите Настройка.

  5. Перейдите на вкладку Счетчик.

  6. Нажмите на кнопку Скопировать.

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

  8. Зайдите в систему управления вашего сайта.

  9. Перейдите в Настройки.

  10. Перейдите на вкладку Разработчику.

  11. Перейдите на вкладку Коды статистики.

  12. Вставьте в поле скопированный вами код счетчика Яндекс.Метрика.

  13. Перейдите на вкладку JS-события.

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

    if (typeof yaCounterXXXXXXXX != 'undefined') {
    	yaCounterXXXXXXXX.hit(location.pathname+location.search+location.hash);
    }
    else {
    	setTimeout(function() {
    		if (typeof yaCounterXXXXXXXX != 'undefined') yaCounterXXXXXXXX.hit(location.pathname+location.search+location.hash);
    	}, 2000);
    }
    

    Обязательно замените символы XXXXXXXX на номер своего счетчика.

  15. Нажмите кнопку Сохранить.

  16. Номер счетчика Яндекс.Метрика отображается на сером фоне в верхней части, на любой из страниц счетчика, на картинке номер счетчика 49118356.

Настройка целей в Яндекс.Метрика

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

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

Рассмотрим составление цели на примере составной цели "Воронка корзины"

  1. Нажмите Настройка в интерфейсе счетчика Яндекс.Метрика.

  2. Перейдите во вкладку Цели.

  3. Нажмите на кнопку Добавить цель.

  4. Выберите Составная цель.

  5. Задайте Название цели "Воронка корзины".

  6. Задайте название Шага 1 "Переход в корзину".

  7. Нажмите на раскрывающийся список Условие.

  8. Выберите событие: идентификаторы цели.

  9. Задайте Идентификатор цели "cart".

  10. Нажмите на кнопку Добавить шаг.

  11. Аналогично заполняем остальные шаги.

  12. Шаг 2: название шага "Выбор метода доставки", идентификатор "delivery".

  13. Шаг 3: название шага "Выбор метода оплаты", идентификатор "payment".

  14. Шаг 4: название шага "Ввод контактных данных", идентификатор "contactinput".

  15. Шаг 5: название шага "Заказ принят", идентификатор "success".

  16. Нажмите Добавить цель.

  17. Зайдите в систему управления вашего сайта.

  18. Перейдите в Настройки.

  19. Перейдите на вкладку Разработчику.

  20. Перейдите на вкладку JS-события.

  21. В поле Событие перехода на страницу "Оформление заказа" вставьте код ниже:

    if (typeof yaCounterXXXXXXXX != 'undefined') {
    	yaCounterXXXXXXXX.reachGoal('cart');
    }
    else {
    	setTimeout(function() {
    		if (typeof yaCounterXXXXXXXX != 'undefined') yaCounterXXXXXXXX.reachGoal('cart');
    	}, 2000);
    }
    
  22. В поле Событие перехода на страницу "Оформление заказа" > "Выбор метода доставки" вставьте код ниже:

    if (typeof yaCounterXXXXXXXX != 'undefined') {
    	yaCounterXXXXXXXX.reachGoal('delivery');
    }
    else {
    	setTimeout(function() {
    		if (typeof yaCounterXXXXXXXX != 'undefined') yaCounterXXXXXXXX.reachGoal('delivery');
    	}, 2000);
    }
    
  23. В поле Событие перехода на страницу "Оформление заказа" > "Выбор метода оплаты" вставьте код ниже:

    if (typeof yaCounterXXXXXXXX != 'undefined') {
    	yaCounterXXXXXXXX.reachGoal('payment');
    }
    else {
    	setTimeout(function() {
    		if (typeof yaCounterXXXXXXXX != 'undefined') yaCounterXXXXXXXX.reachGoal('payment');
    	}, 2000);
    }
    
  24. В поле Событие перехода на страницу "Оформление заказа" > "Ввод контактных данных" вставьте код ниже:

    if (typeof yaCounterXXXXXXXX != 'undefined') {
    	yaCounterXXXXXXXX.reachGoal('contactinput');
    }
    else {
    	setTimeout(function() {
    		if (typeof yaCounterXXXXXXXX != 'undefined') yaCounterXXXXXXXX.reachGoal('contactinput');
    	}, 2000);
    }
    
  25. В поле Событие успешного оформления заказа вставьте код ниже:

    if (typeof yaCounterXXXXXXXX != 'undefined') {
    	yaCounterXXXXXXXX.reachGoal('success');
    }
    else {
    	setTimeout(function() {
    		if (typeof yaCounterXXXXXXXX != 'undefined') yaCounterXXXXXXXX.reachGoal('success');
    	}, 2000);
    }
    
  26. Нажмите кнопку Сохранить.

  27. Обязательно замените символы XXXXXXXX на номер своего счетчика. Как посмотреть номер счетчика показано в пункте 14 инструкции "Установка счетчика Яндекс.Метрика на сайт"

Цели на формы обратной связи

Рассмотрим, как поставить отслеживание цели при отправке формы обратной связи на кнопке "Заказ звонка".

  1. Нажмите Настройка в интерфейсе счетчика Яндекс.Метрика.

  2. Перейдите во вкладку Цели.

  3. Нажмите на кнопку Добавить цель.

  4. Выберите Тип услловия: JavaScript-событие

  5. Задайте Название цели: "Заказ звонка".

  6. Задайте Идентификатор цели: "callback".

  7. Нажмите кнопку Добавить цель.

  8. Зайдите в систему управления вашего сайта.

  9. Перейдите в Настройки.

  10. Перейдите на вкладку Разработчику.

  11. Перейдите на вкладку JS-события.

  12. В поле Событие "заказ звонка" вставьте код ниже:

    if (typeof yaCounterXXXXXXXX != 'undefined') {
    	yaCounterXXXXXXXX.reachGoal('callback');
    }
    else {
    	setTimeout(function() {
    		if (typeof yaCounterXXXXXXXX != 'undefined') yaCounterXXXXXXXX.reachGoal('callback');
    	}, 2000);
    }
    

    Обязательно замените символы XXXXXXXX на номер своего счетчика. Как посмотреть номер счетчика показано в пункте 14 инструкции "Установка счетчика Яндекс.Метрика на сайт"

  13. Нажмите кнопку "Сохранить".

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

Для кнопки Заказ товара в 1 клик надо:

  • в 5-ом пункте этой инструкции указать "Заказ товара в 1 клик";

  • в 6-ом пункте этой инструкции указать "order";

  • В поле Событие "заказ в 1 клик" вставьте код ниже:

    if (typeof yaCounterXXXXXXXX != 'undefined') {
    	yaCounterXXXXXXXX.reachGoal('order');
    }
    else {
    	setTimeout(function() {
    		if (typeof yaCounterXXXXXXXX != 'undefined') yaCounterXXXXXXXX.reachGoal('order');
    	}, 2000);
    }
    

Для формы Обратная связь надо:

  • в 5-ом пункте этой инструкции указать "Обратная связь";

  • в 6-ом пункте этой инструкции указать "feedback";

  • В поле Событие "форма на странице Контакты" вставьте код ниже:

    if (typeof yaCounterXXXXXXXX != 'undefined') {
    	yaCounterXXXXXXXX.reachGoal('feedback');
    }
    else {
    	setTimeout(function() {
    		if (typeof yaCounterXXXXXXXX != 'undefined') yaCounterXXXXXXXX.reachGoal('feedback');
    	}, 2000);
    }
    

Для отслеживания новых отзывов надо:

  • в 5-ом пункте этой инструкции указать "Новый отзыв";

  • в 6-ом пункте этой инструкции указать "review";

  • В поле Событие "новый отзыв" вставьте код ниже:

    if (typeof yaCounterXXXXXXXX != 'undefined') {
    	yaCounterXXXXXXXX.reachGoal('review');
    }
    else {
    	setTimeout(function() {
    		if (typeof yaCounterXXXXXXXX != 'undefined') yaCounterXXXXXXXX.reachGoal('review');
    	}, 2000);
    }
    

Для отслеживания удаления всех товаров надо:

  • в 5-ом пункте этой инструкции указать "Удаление всех товаров из корзины";

  • в 6-ом пункте этой инструкции указать "cartempty";

  • В поле Событие перехода на страницу "Оформление заказа", когда корзина пуста вставьте код ниже:

    if (typeof yaCounterXXXXXXXX != 'undefined') {
    	yaCounterXXXXXXXX.reachGoal('cartempty');
    }
    else {
    	setTimeout(function() {
    		if (typeof yaCounterXXXXXXXX != 'undefined') yaCounterXXXXXXXX.reachGoal('cartempty');
    	}, 2000);
    }
    

Обязательно замените символы XXXXXXXX на номер своего счетчика. Как посмотреть номер счетчика показано в пункте 14 инструкции "Установка счетчика Яндекс.Метрика на сайт"

Яндекс.Вебмастер

  1. Перейдите на сайт Яндекс.Вебмастер.

  2. Нажмите на кнопку Добавить сайт.

  3. Скопируйте адрес главной страницы вашего сайта из адресной строки браузера и вставьте в поле Адрес сайта.

  4. Нажмите на кнопку Добавить.

  5. Выберите подтверждение прав Мета-тег.

  6. Скопируйте данный тег.

  7. Зайдите в систему управления вашим сайтом.

  8. Откройте вкладку Настройки.

  9. Вкладка Разработчику.

  10. Вкладка МЕТА-теги.

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

  12. Нажмите на кнопку Сохранить.

Добавляем sitemap.xml

  1. Скопируйте адрес главной страницы вашего сайта из адресной строки браузера.

  2. Перейдите на вкладку Файлы Sitemap в Яндекс.Вебмастере.

  3. Вставьте адрес вашего сайта в строку Добавить файл Sitemap.

  4. Добавьте в конец этой строчки конструкцию "sitemap.xml" без кавычек.

  5. В нашем примере получилась строчка:

    https://www.example.ru/sitemap.xml

  6. Нажмите на кнопку Добавить.

Задание региона сайта

  1. Перейдите на вкладку Региональность в Яндекс.Вебмастере.

  2. Нажмите Изменить регионы.

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

  4. Нажмите на шестеренку справа от надписи Вебмастер.

  5. Укажите регион, в котором работает ваша организация.

  6. Укажите ссылку на страницу контакты, где указана ваша контактная информация.

  7. Если вы работаете по всей России, то добавлять регион необязательно.

  8. Нажмите Сохранить.

Выбор протокола https

  1. Перейдите на вкладку Переезд сайта в Яндекс.Вебмастере.

  2. Поставьте галочку Добавить HTTPS.

  3. Нажмите Сохранить.

Добавление турбо-страниц

  1. Создайте файл YML, подробная интсрукция создания файла здесь.

  2. Перейдите в Яндекс.Вебмастер.

  3. Далее Турбо-страницы.

  4. Далее Источники.

  5. Ссылку на источник выберите YML.

  6. В поле вставьте ссылку на ваш YML-файл.

  7. Нажмите Добавить.

  8. Напротив добавившегося файла передвиньте ползунок на Вкл.

  9. Дождитесь проверки вашего файла.

  10. Перейдите в Настройки.

  11. Переключите окно превью страницы на Товарная страница, для удобства.

  12. В поле Добавить в корзину должно стоять:

    URL добавления товара: другой

    В нижнем поле должна быть указана следующая конструкция:

    вашдомен/addtocart.php?id={offer_id}
  13. Заполнение остальных полей влияет на внешний вид страницы, подробнее о заполнении можете почитать в Яндекс.Помощь.

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

Яндекс.Маркет

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

На модерацию магазин можно отправить ограниченное количество раз!

  1. Перейдите на сайт Яндекс.Маркет для партнеров.

  2. Заполните все поля и нажмите Зарегистрироваться.

  3. Укажите "Юридические данные", настройте "Прием заказов" и "Способы доставки".

  4. Нажмите Загрузить "Прайс-листы".

  5. Перейдите в систему управления вашим сайтом.

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

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

  8. Создайте файл YML, подробная инструкция здесь.

  9. Перейдите на вкладку Яндекс.Маркета из пункта 4 данной инструкции.

  10. Нажмите Добавить прайс-лист.

  11. В открывшемся окне выберите Ссылка.

  12. Вставьте в поле ссылку на ваш XML-файл.

  13. Нажмите Проверить прайс-лист.

  14. Дождитесь проверки прайс-листа.

  15. Перейдите на вкладку Сводка.

  16. Нажмите Отправиться на модерацию.

Google Webmasters

  1. Перейдите на сайт Search Console.

  2. Скопируйте адрес главной страницы вашего сайта из адресной строки браузера и вставьте в поле Веб-сайт.

  3. Нажмите Добавить ресурс.

  4. Выберите Альтернативные способы.

  5. Далее Тег HTML.

  6. Скопируйте данный тег.

  7. Зайдите в систему управления вашим сайтом.

  8. Откройте вкладку Настройки.

  9. Вкладка Разработчику.

  10. Вкладка МЕТА-теги.

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

  12. Нажмите на кнопку Сохранить.

  13. Далее вернитесь в Search Console и нажмите кнопку Подвердить.

Добавляем sitemap.xml

  1. Перейдите на вкладку Файлы Sitemap в Search Console.

  2. Нажмите Добавление/Проверка файла sitemap.

  3. Вставьте в строчку конструкцию:

    sitemap.xml
  4. Нажмите Отправить.

Выбор протокола https

Чтобы поменять протокол на https в Search Console надо добавить новый ресурс (ваш веб-сайт) по инструкции выше. С одним различием: вместо протокола http теперь у вас будет протокол https. Не забудьте заново добавить файл sitemap.

Почта на домене. Яндекс.Коннект

  1. Перейдите на сайт Яндекс.Коннект раздел Почта для домена.

  2. Введите имя вашего домена.

  3. Нажмите Подключить бесплатно.

  4. Из списка выберите ваш домен.

  5. Способ подтверждения выберите Мета-тег.

  6. Скопируйте данный Мета-тег.

  7. Зайдите в настройки системы управлением вашим сайтом.

  8. Вкладка Разработчику.

  9. Вкладка МЕТА-теги.

  10. Вставьте в поле скопированный мета-тег.

  11. Нажмите Сохранить.

  12. Перейдите обратно на Яндекс.Коннект и нажмите Запустить проверку.

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

  14. Для проставления MX-записей вам надо написать нам письмо на почту support@legiona.ru с текстом:

    Зарегистрировали домен *домен* в Яндекс.Коннект. Просим прописать MX-адреса для почты на домене.