Как изображения могут увеличить продажи в вашем магазине Magento 2

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

Они привлекают внимание клиентов и формируют их поведение при принятии решений.

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

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

Что такое образцы и их основные типы?

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

Вот три типа образцов:

Образец цвета

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

Образец изображения (он же Visual Swatch)

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

Образец текста

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

Как вы можете расширить функциональность Magento 2 по умолчанию?

Magento 2 по умолчанию позволяет пользователям настраивать образцы исключительно для настраиваемых продуктов:

• на странице продукта
• в списках товаров и
• многоуровневая навигация.

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

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

Расширение Advanced Product Options значительно расширяет возможности по умолчанию. Он позволяет добавлять изображения, текст и цветовые образцы для любого типа продукта*, таким образом представляя любой вариант продукта с максимальной выгодой.

Давайте узнаем, как настроить расширение, чтобы:

• Добавить образец изображения
• Добавить образец текста
• Замените стандартные изображения продукта одним из вариантов
• Используйте несколько изображений для одного варианта
• Отображать изображения параметров во всплывающей подсказке предварительного просмотра
• Создание эффекта наложения изображения

Пример 1. Образцы текста и изображения. Подсказка предварительного просмотра.

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

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

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

Фактически:

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

На фронтенде вы получите следующий результат:

Чтобы получить доступ к функциональным возможностям и настроить образцы для вариантов продукта в вашем магазине Magento 2,

перейдите в раздел Товары – Инвентарь – Каталог.

Затем,

выберите продукт, к которому вы хотите добавить образцы.

Основные конфигурации хранятся на вкладке Настраиваемые параметры .

Вот как конфигурации для приведенного выше примера выглядят из бэкэнда:

Как вы видете:

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

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

Кроме того:

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

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

Для этого:

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

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

Что касается нашего примера:

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

Как вы видете:

Логика настройки проста и понятна.

Пример 2. Замена стандартного изображения товара дополнительным изображением

Рассмотрим еще один пример.

Здесь:

Стандартное изображение продукта заменяется изображением варианта продукта:

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

Здесь:

Убедитесь, что для параметра « Режим изображения » установлено значение « Заменить ». Заменить основное изображение галереи должно быть выбрано в ролях изображения.

Пример 3: Наложение изображения

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

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

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

Здесь:

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

В окне Детали изображения выберите нужный вариант.

Режим галереи опций и его преимущества

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

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

Рассмотрим подробнее доступные параметры отображения:

Рядом с опцией

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

После выбора

Эта опция скрывает все изображения вариантов товара и позволяет отображать их сразу после выбора:

Конфигурации скрыты на вкладке « Настраиваемые параметры» b .

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

Заворачивать

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

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

*Обратите внимание, что Magento не поддерживает настраиваемые параметры продукта для продуктов в комплекте.

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