Фотографии, видео

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

• Добавление фотографии
• Поиск изображений через сервис Advantshop
• Модуль "Поиск фотографий для товара"
• Добавление видео
• Видео товара в карточке товара

 

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

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

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

Для добавления перейдите в  раздел - "Товары", далее выберите нужную категорию и перейдите в карточку товара (рис. 1).

Рисунок 1. Товары

Заметка

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

В панели слева выбираем вкладку "Фотографии" (рис. 2).

Рисунок 2. Вкладка фотографии

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

Рисунок 3.

- "Добавить изображение" дает возможность загрузить изображение с Вашего компьютера.

Внимание

Ограничение на размер файла фотографии при загрузке с компьютера - 15 мегабайт.

- "Добавить изображение по ссылке" дает возможность подгрузить изображение по прямой ссылке с сайта поставщика. Данная прямая ссылка будет иметь вид: доменсайта.ру/названиеизображения.png

Рассмотрим подробнее как добавить изображение по ссылке. Для этого в разделе "Фотографии" нажмем на кнопку "Добавить изображение по ссылке" (рис. 4).

Рисунок 4. Добавление по ссылке

Во всплывающем окне укажем ссылку на изображение поставщика и нажмем кнопку "Сохранить" (рис. 5). 

Рисунок 5. Загрузка по ссылке

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

Рисунок 6. Результат загрузки

- "Найти фотографии в интернете" - данная функция работает если подключен Поиск изображений через сервис Advantshop или Модуль "Поиск фотографий для товара".

Все готово. Изображение добавлено на сайт.

Аналогичным образом можете загрузить готовое изображение.

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

 

Поиск изображений через сервис Advantshop

Внимание!

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

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

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

Рисунок 7. Дополнительные сервисы

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

Рисунок 8. Уведомление о балансе

Для включения самой функции поиска необходимо перейти в панель администрирования в раздел "Настройки" - "Системные настройки" (рис. 9)

Рисунок 9. Системные настройки

Во вкладке "Общие", установите галочку в строке "Использовать поисковый сервис Advantshop для поиска изображений в интернете" (рис. 10).

Рисунок 10. Подключение функции

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

Рисунок 11. Поиск в интернете

Если ранее функция поиска не была включена в системных настройках, то система предложит подключить её. Нажимаем кнопку "Подключить" (рис. 12).

Рисунок 12. Подключение функции в товаре

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

Рисунок 13. Результат поиска

Если выданные результаты не подходят, то можно нажать кнопку "Найти ещё", чтобы поиск был осуществлен дополнительно (рис. 14).

Рисунок 14. Найти ещё

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

 

Модуль "Поиск фотографий для товара"

Модуль "Поиск фотографий товара" позволяет искать по названию товара фотографии в сервисе Google Картинки.

Внимание

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

Для увеличения количества запросов в сутки, необходимо произвести оплату на стороне аккаунта Google.

 

Настройка модуля

Настройка модуля происходит в три этапа:

• Создание проекта в Google.
• Донастройка проекта.
• Настройка на стороне интернет-магазина.

 

Шаг 1. Создание проекта в Google.

Необходимо авторизоваться в аккаунте google, далее перейти по адресу: https://console.developers.google.com

В данной системе создайте проект (рис. 15).

Рисунок 15. Создание проекта

После создания проекта, необходимо нажать на "ENABLE APIS AND SERVICES" (рис. 15.1)

Рисунок 15.1 Создание проекта

В открывшемся окне нажмите "Библиотека API" выберите "Custom Search API" (рис. 16).

Рисунок 16. Custom Search API

Далее, нажмите на кнопку "Включить" (рис. 17).

Рисунок 17. Включение библиотеки

Перейдите на вкладку "Credentials". На открывшейся странице нажмите "Создать" и выберите пункт "API key". (рис. 18).

Рисунок 18. Создать учетку

Полученный Api ключ скопируйте(рис. 19).

Рисунок 19. Ключ

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

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

Рисунок 20.

Половина пути пройдена, переходим к донастройке приложеия на стороне google.

 

Шаг 2. Донастройка проекта.

После того, как прописали Api ключ, перейдите в следующую систему, в которой будете добавлять непосредственно сайт и настраивать поиск: https://cse.google.com/cse/all

Нажмите на "Добавить" (рис. 21).

Рисунок 21. Добавить сайт

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

Рисунок 22. Сайт поиска

Далее нажмите "Настроить". (рис. 23).

Рисунок 23. Панель управления

На вкладке "Идентификатор поисковой системы" будет ключ (рис. 24).

Этот ключ это Custom Search Engine ID, наш второй параметр, который нужно будет указать в модуле на стороне интернет-магазина.

Рисунок 24. Идентификатор

Данный "Custom Search Engine ID" необходимо ввести в настройках модуля в панели администрировании (рис. 25).

Рисунок 25. Включение поиска

Готово.

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

 

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

1. Убедитесь, что модуль установлен и активен. Для этого перейдите в пункт меню "Модули", во вкладке "Магазин модулей" найдите модуль "Поиск фотографий для товара" и установите (рис.26). Далее в настройках модуля вставьте Api key (рис. 19) и Custom search engine ID (рис. 24).

Рисунок 26. Подключения модуля

2. После настройки модуля, на странице редактирования товара во вкладке "Фотографии", появится кнопка "Найти фотографии в Интернете" (рис. 27).

Рисунок 27. Поиск в интернете

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

Рисунок 28. Добавление выбранных

4. Фотография добавилась (рис. 29).

Рисунок 29. Результат поиска

Внимание!

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

 

Добавление видео к товару

Перейдите в редактирование товара во вкладку "Видео", далее нажмите на кнопку "Прикрепить" (рис. 30).

Рисунок 30. Вкладка видео

В открывшемся окне вам нужно указать название, описание видео и ссылку на видео в YouTube (рис. 31).

Рисунок 31. Окно настройки видео

Либо код  плеера видео (рис. 32).

Рисунок 32. Код плеера

Нажмите "Ок". 

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

Готово.

 

Видео товара в клиентской части

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

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

Иконка в клиентской части, выглядит вот так (рис. 33):

Рисунок 33. Иконка у товара

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

Рисунок 34. Видео в товаре

Вкладка видео при этом никуда не пропала, на неё так же можно перейти и посмотреть видеоролик там (рис. 35).

Рисунок 35. Вкладка видео

Внимание

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

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