×

Инструкция пользователя

Главная страница » Инструкция пользователя » Контент сайта » Создание интернет-магазина »

Создание интернет-магазина

Каталоги и товары

Товары

Фотографии

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

Каталоги и товары

В настоящем примере будет создан интернет-магазин туристического агентства. В данном магазине предполагается создание каталогов: "Турция", "Египет", "ОАЭ", "Тайланд", "Тунис", "Мальдивы". Для каталога "Турция" создадим подкаталоги: "Antalya", "Bodrum", "Dalaman" и внесём в них товары.

В системе управления Вашего сайта в верхней полоске меню управления выберите в меню "Контент" пункт "Интернет-магазин".

Создание каталога

Для создания каталога товаров нажмите на ссылку "Добавление каталога".

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

Вводим желаемое название каталога. Например, "Турция". Загружаем для него обложку из папки на Вашем компьютере.

Далее аналогично создадим еще несколько каталогов: "Египет", "ОАЭ", "Тайланд", "Тунис", "Мальдивы".

Для этого перейдем по ссылке "Добавление каталога" и проделаем всё аналогично созданному каталогу "Турция".

Нами были созданы каталоги:

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

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

Добавление подкаталога в каталог

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

Наполним каталог "Турция" подкаталогами.

В появившемся окне вводим название подкаталога и добавляем фото для обложки подкаталога.

Аналогично добавили другие подкаталоги в каталог "Турция" и получили следующее:

Перестановка каталогов

Переходим "Интернет-магазин" -> ссылка "Перестановка каталогов"

Используя стрелки меняйте положении каталога в списке.

Товары

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

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

В появившемся окне вносим название товара и прикрепляем фото для обложки товара.

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

После нажатия на "Сохранить" мы перешли на страницу с товаром.

Добавление характеристик товара

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

Для этого переходим по ссылке "добавить поле".

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

Переходим на открывшуюся страницу и нажимаем на ссылку "Создание новой характеристики товара".

Мы создали следующие характеристики для товара.

Для каждого поля мы выбрали значение: текстовое или числовое. Указали для каждого поля желаемые настройки.

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

Под желаемым товаром выбрали "редактирование".

В режиме редактирования внесли данные о товаре и нажали на "Сохранение".

Получили товар и его описание:

Добавление характеристик с вариантами выбора

Переходим к просмотру товара: "Интернет-магазин" -> "Каталог" -> "Подкаталог" -> "Товар" -> ссылка "Добавить поле".

Добавляем желаемую характеристику. Например, "Тип питания". При заказе товара нам нужно, чтобы пользователь сам выбрал нужный вариант по типу питания. Например: HB (двухразовое), BB (только завтраки) или AI (всё включено). Для этого создадим новую характеристику для товаров каталога и в желаемых товарах внесем данные о типах питания, которые предлагаются пользователю.

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

кнопкамиилигалочкамииливыпадающим спискомилиодним из вариантов

Далее переходим к редактированию товара: "Интернет-магазин" -> "Каталог" -> "Подкаталог" -> "Товар" -> ссылка "редактирование"

На открывшейся странице в созданном нами поле "Тип питания" вносим варианты, из которых пользователь будет выбирать. Важно! Варианты пишем в одну строку, разделяя их знаком "|". В нашем случае это "AI|BB|HB". Для получения знака "|" в режиме русского алфавита нужно при нажатом Shift нажать на знак "\".

Далее нажимаем "Сохранение".

Добавление информации о товаре в обложку товара

Для добавления дополнительной информации в обложку товара переходим: "Интернет-магазин" -> "Каталог" -> "Подкаталог" -> ссылка "Характеристики в каталоге".

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

Для просмотра полученного результата перейдем в каталог "Antalya". Для этого используем путь на странице "Главная страница" » "Интернет-магазин" » "Каталог" » "Подкаталог".

В завершении описанных действий получили следующее.

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

Импорт товаров из Excel

В ситуации, когда необходимо загрузить много товаров в каталог, удобно пользоваться функцией "Импорт товаров из Excel".

Для добавления товаров в желаемый каталог необходимо зайти в этот каталог. Например, переходим "Интернет-Магазин" -> "Турция" -> "Antalya". Нажимаем на ссылку "Импорт товаров из Excel"

Появится окно, в котором нужно нажать на п.1 "Скачайте файл Excel"

После скачивания файла, открываем его и вносим данные.

Напоминаем про особенности обновления файла Excel:

  1. Переставляя строки товаров местами в файле Excel, товары поменяются местами в каталоге интернет-магазина.
  2. Для существующих товаров не меняйте содержимое поля "Код товара", а для новых товаров оставляйте это поле пустым.
  3. Для новых товаров не указывайте ID в первом поле строки. Просто оставляйте там пустое место.
  4. Товарам, которые нужно удалить, давайте название товара «delete» (маленькими буквами, без кавычек, просто 6 букв - delete).

После того, как мы занесли информацию в соответствующие поля по каждому товару в каталоге "Antalya" выберем "Импорт товаров из Excel" п.3 "Загрузите обновлённый список товаров"

Загрузим оформленный файл Excel и нажмем "Принять".

После загрузки файла товары загружены в нужный каталог:

Далее для каждого товара нужно загрузить фотографии: "Редактирование" -> "Добавить фото".

Перестановка товаров в каталоге

Нажимаем "Интернет-магазин" -> выбираем интересующий каталог.

Открывается страница с товарами, загруженными в каталог. Переходим по ссылке "Перестановка товаров"

Используя стрелки меняйте положении товара в каталоге.

Фотографии

Установка главной обложки для товара

Переходим к просмотру товара: "Интернет-магазин" -> "Каталог" -> "Подкаталог" -> "Товар" -> ссылка "Редактирование информации"

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

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

Изменение порядка фотографий товара

Переходим к просмотру товара: "Интернет-магазин" -> "Каталог" -> "Подкаталог" -> "Товар" -> ссылка "Редактирование информации".

Для изменения порядка фотографий достаточно переместить фото мышкой.

Изменение размера обложек в каталоге

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

Переходим "Интернет-магазин" -> ссылка "Размеры обложек"

Задаем желаемые размеры, например:

Чтобы просмотреть полученный результат нажимаем на "Просмотр каталога" и переходим на страницу:

Установка размера фотографии товара

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

В выбранном товаре переходим на вкладку "размеры фотографий"

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

Важно! Данные параметры фото применены для каждого товара текущего каталога. В нашем случае фотографии указанного размера стали не только для товара "SEA LIFE FAMILY RESORT 5", а для всех товаров в подкаталоге "Antalya".

Для просмотра результата перейдите на "просмотр каталога" и нажмите на товар в каталоге.

Добавить описание к фотографии товара

Переходим к просмотру товара: "Интернет-магазин" -> "Каталог" -> "Подкаталог" -> "Товар" -> ссылка "Редактирование информации".

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

Поворот фотографии товара

Переходим к просмотру товара: "Интернет-магазин" -> "Каталог" -> "Подкаталог" -> "Товар" -> ссылка "Редактирование информации".

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

Настроки интернет–магазина позволяют:

  1. Изменить название интернет-магазина (например, на "Каталог недвижимости")
  2. Установить и настроить форму поиска по интернет-магазину
  3. Заменить картинку кнопки добавления товара в заказ
  4. Изменить поля в форме заказа
  5. Настройка способов оплаты в форме заказа
  6. Настроить список товаров и каталогов
  7. Заменять стандартные файлы скриптов и стилей интернет-магазина

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

Изменение название интернет-магазина

Для того, чтобы изменить фразу "Интернет-магазин" на какую-либо другую формулировку (например, "Онлайн бронирование"), в системе управления сайта переходим: "Контент" -> "Интернет-магазин" -> "Настройки интернет-магазина" -> "Название интернет-магазина"

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

Создание формы поиска по интернет-магазину

В системе управления Вашего сайта перейдите: "Контент" -> "Интернет-магазин" -> ссылка "Настройки интернет-магазина" -> "Поиск по интернет-магазину".

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

Дополнительные настройки формы поиска в интернет-магазине.

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

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

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

Для добавление новых характеристик перейдите по ссылке "Управление характеристиками" -> "Создание новой характеристики".

Статистика поиска. Опция "Статистика поиска" показывает информацию о том, какие запросы пользователи вносили в поле поиска.

Форма заказа

Для замены картинки "Корзины" в системе управления Вашего сайта перейдите: "Контент" -> "Интернет-магазин" -> ссылка "Настройки интернет-магазина" -> "Форма заказа".

Выберите новое изображение и нажмите "Загрузить".

Изменение полей в форме заказа

Переходим "Интернет-магазин" -> ссылка "Форма заказа"

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

Настройка способов оплаты в форме заказа

Переходим "Интернет-магазин" -> ссылка "Форма заказа"

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

Нажмите "редактировать" для поля, в котором будет выбор варианта оплаты:

Если у вас есть какой-то html-код формы оплаты от платёжных систем или агрегаторов платежей (например, Яндекс.Деньги, PayPal, Qiwi, ДеньгиОнлайн), который нужно показать пользователям выбравшим данный вид оплаты, то заранее создайте через "Вставки кода" данный код:

А потом напишите метку этого кода непосредственно в названии поля при редактировании способов оплаты. Например, на сайте PayPal Вы получили код для формы оплаты на сайте. Вы добавили этот код в "Вставки кода". Например, имя метки этого кода "$INSERT58". Тогда при редактировании своего поля "Способы оплаты" к способу "оплата на PayPal не российскими картами" дописываете имя метки. Получается "оплата на PayPal не российскими картами$INSERT58".

В результате, если пользователь выберет способ оплаты "PayPal", то увидит вашу форму оплаты через PayPal.

Если Вы хотели бы, чтобы посетители выбирая какой-то способ оплаты просто перенаправлялись на другой URL, то укажите этот URL в имени способа оплаты. Например, "Visa, MasterCard" можно заменить на "Visa, MasterCard http://www.robokassa.ru/payment.php?com=pay". И тогда, в случае выбора пользователем поля "Visa, MasterCard" появится кнопка "Оплатить", при клике на которую будет осуществлено перенаправление на указанный Вами URL.

Передача суммы к оплате внутри вашего URL или в форме оплаты, чтобы пользователь не вводил её вручную, пока не возможна, но мы можем сделать по Вашему запросу на e-mail службы поддержки.

Настройка списка товаров и каталогов

Выберите настройки из списка:

"Скрыть корзину" - позволяет скрыть корзину заказа. Установив данную опцию интернет-магазин становится каталогом товаров.

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

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

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

Подключаемые интернет-магазином файлы скриптов и стилей

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

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

В верхней полоске меню системы управления переходим в пункт "Интернет-магазин" меню "Контент"

Переходим "Интернет-магазин" -> ссылка "Сделать главной"

В появившемся окне нажимаем на кнопку "Да, заменить"

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

Для восстановления главной страницы, чтобы вернуть настроенную по-умолчанию, перейдите "Интернет-магазин" -> "Восстановить главную".

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

Добавление интернет-магазина в меню на сайте

В системе управления Вашего сайта зайдите в пункт "Настройка меню "Навигация"" меню "Дизайн".

Выберите "Добавление" пункта меню.

Выберите "Интернет-магазин" или один из каталогов и нажмите на "Добавление".

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


Главная страница » Инструкция пользователя » Контент сайта » Создание интернет-магазина »