Привет!

Services

Как рекомендовать сопутствующие товары на сайте Shopify?

Artur ShevchenkoArtur Shevchenko

Для увеличения продаж в своем интернет-магазине существует много способов. Один из самых эффективных способов - это добавить раздел Shopify с сопутствующим товаром.
Многие владельцы интернет-магазинов не используют эту функцию и теряют около 30% продаж. Хотите узнать почему? Читайте ниже.

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

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

Рекомендация сопутствующего товара в Shopify.

Как же отображать сопутствующие товары на сайте Shopify? Для этого есть несколько способов:

Способ 1. Используйте тему Shopify, которая имеет встроенную функцию для сопутствующих товаров.

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

Способ 3. Используйте стороннее приложение из Shopify app store.

Пример отображения сопутствующих товаров на сайте:

Способ 1: использование встроенной функции Shopify Theme

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

В такой ситуации достаточно в админке Shopify выбрать соответствующую настройку и сопутствующие товары будут отображаться автоматически. Для этого зайдите в настройки темы (Customize theme), перейдите на страницу продукта (Product page), а затем кликните на раздел Страница продукта (Product page) в редакторе тем. В списке настроек отметьте Show related products.

Способ 2: добавление своей секции для отображения сопутствующих товаров в Shopify

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

На основе коллекций

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

Чтобы добавить секцию «Сопутствующие товары» необходимо:

1. В редакторе кода откроется новый файл related-products.liquid. Удалите из него весь код, который добавляется по умолчанию.  Вместо него добавьте следующий код, в зависимости от вашей темы:

2. После этого нажмите  Save.

3. Найдите данную строку кода: {% section 'product-template' %} и под ней добавьте следующий код: {% section 'related-products' %}.

4. В папке Templates необходимо выбрать файл product.liquid.

5. Далее выбрать тему, которую вы хотите редактировать, и в выпадающем меню Actions нажать Edit code.

6. Далее в папке Sections нажмите “Add a new section”. Новую секцию назовите related-products.

7. В админке Shopify перейти в Online Store > Themes.

  • для темы Debut:  this code hosted on GitHub
  • для темы Jumpstart:  this code hosted on GitHub
  • для темы Venture:  this code hosted on GitHub
  • для темы Boundless:   this code hosted on GitHub  Для данной темы понадобится также дополнительная корректировка кода. Найдите файл product-grid-item.liquid в папке Snippets.
    И следующий код в этом файле:
    <span class="product-item__price--sale">{{ 'products.general.now_price_html' | t: price: price }}</span>
    замените на:
    <span class="product-item__price--sale"><span class="txt--emphasis">now</span> <span class="js-price">{{ product.price | money_without_trailing_zeros }}</span>
  • для других тем Shopify используйте это:  this code hosted on GitHub

8. Добавив нужный код, нажмите  Save.

Теперь в вашем интернет-магазине можно отображать секцию сопутствующих товаров. Вы можете включить и отключить эту секцию по мере необходимости через админку Shopify. Для этого зайдите в настройки темы (Customize theme), перейдите на страницу продукта (Product page).

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

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

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

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

Для этого нужно проделать следующие шаги:

  1. Переходим в раздел Edit code. Для этого, как и в примере выше, необходимо в вашей админке Shopify перейти в Online Store > Themes и в выпадающем меню Actions нажать Edit code.
  2. В папке Templates выбираем файл product.liquid.
  3. После строки кода: {% section 'product-template' %} добавьте следующий код: {% include 'related-products-by-tag' %} и нажмите  Save.
  4. Далее в папке Snippets нажмите “Add a new section”. Новый сниппет назовите related-products-by-tag.
  5. В редакторе кода откроется новый файл related-products-by-tag.liquid. Код для этого сниппета возьмите отсюда: https://gist.github.com/carolineschnapp/1002949.

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

Важно! В качестве тега прописывать handle товара.

Способ 3: использование приложения из Shopify app store для отображения рекомендуемого товара

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

Рассмотрим некоторые из них:

Also Bought Recommendation

Это приложение основано на одной из наиболее известных функций Amazon - автоматизированных рекомендациях по перекрестным продажам. Оно достаточно простое в установке и пользовании. Рекомендуем.

Globo Related Products

Globo Related Products - бесплатное приложение, разработанное компанией Globo. Вы самостоятельно можете определить условия, при которых будут выводится рекомендуемые товары в Shopify, а также установить порядок приоритета этих условий.

Cross Sell Recommend Product

Cross Sell Recommend Products - это приложение, в котором реализована возможность добавлять рекомендуемые товары на страницах продуктов, странице корзины и в контексте всплывающего окна, когда пользователи добавляют товары в свою корзину.

Wiser - Upsell Related Products

Это приложение позволяет отображать сопутствующие товары на основании 4 условий:

  • сопутствующие товары, которые определяются на основе тегов или коллекций;
  • отобранные рекомендуемые продукты;
  • недавно просмотренные продукты и бестселлеры.

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

Linkcious Related Products

В отличие от других приложений в Linkcious Related Products используется искусственный интеллект для выбора соответствующих продуктов Shopify для показа.

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

Выводы

Как видите, способов как рекомендовать сопутствующие товары на своем сайте Shopify, учитывая разные вариации этого функционала, довольно много. Главное, помните, что организация продажи сопутствующего продукта - это  действенный способ повлиять на увеличение продаж. Обязательно воспользуйтесь этим, чтобы иметь возможность показать вашим клиентам, какие виды подобных продуктов доступны и есть в наличии. Тем самым вы повысите вероятность того, что они найдут то, что ищут, а уровень ваших продаж возрастет. У вас остались вопросы касательно этой темы? Оставьте заявку и наш Shopify Consultant свяжется с вами. Заполните форму и наш Shopify консультант поможет вам определить способы повышения вашего профессионального роста.

Мы знаем как разрабатывать eCommerce проекты

Спасибо!
Ваша заявка отправлена