3 магазина WooCommerce с потрясающими настройками продуктов

Опубликовано: 2016-11-12

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

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

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

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

Создайте свою собственную пару обуви ручной работы Quero

Это первый пример персонализации продукта от компании, которая живет и дышит концепцией товаров ручной работы. Quero Handmade Shoes позволяет своим клиентам создать пару мужской или женской кожаной обуви онлайн; при заказе каждая пара изготавливается вручную в Испании мастером с «поколенческим опытом», а затем доставляется прямо к вашей двери.

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

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

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

Когда нажимается «Настроить эту обувь…», покупатель перемещается вниз по странице к понятному выпадающему меню с опциями. Здесь они могут выбрать все, от цвета до рисунка на кепке и носке обуви.

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

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

предварительный просмотр вашей обуви
Предварительный просмотр вашей обуви обновляется автоматически. Этот довольно красивый, а?

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

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

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

Это одна из тех вещей, которыми вы захотите похвастаться, как только ваши туфли будут в руках (или, точнее, на ваших ногах) — «Я сам разработал их! Хочу увидеть?"

Отправляйтесь в стильную поездку с ELEVEN velo

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

подпись здесь
С 2001 года ELEVEN velo поставляет заказное велосипедное снаряжение из тончайшей мериносовой шерсти клиентам из Сиднея, Австралия.

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

Что нам нравится в этом подходе к персонализации, так это то, насколько он невероятно прост как для покупателя, так и для магазина. В левой части страницы продукта вы начинаете с плоской черно-белой иллюстрации рассматриваемого продукта. Выбор от C1 до C5 обновит иллюстрацию и отобразит простой список выбранных вами цветов .

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

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

выбрать свой яд
Выберите цвета и размер.

Опять же, простота — это то, что делает его победителем. Клиенты, безусловно, хотят видеть, как будет выглядеть продукт, который они заказывают, но фотореалистичные предварительные просмотры потенциально могут нагрузить сервер (особенно если у вас много вариантов!). Это тот, кто хочет справиться с этим быстро и при этом удовлетворить все свои потребности.

Создайте единственную в своем роде коляску Joolz

И последний магазин, на который стоит обратить внимание: Joolz, амстердамский бренд, который использует свою теорию «позитивного дизайна» для производства детских колясок на заказ.

подпись
С самого первого момента, когда вы проводите время в магазине Joolz, подчеркивается аспект индивидуальной настройки вашей коляски.

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

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

вы выбираете каждый элемент шаг за шагом
Выбирайте каждый элемент шаг за шагом — Joolz поможет вам в этом.

По мере того, как вы выбираете модель коляски, фотография над или сбоку от настройщика — в зависимости от размера вашего экрана — обновляется в режиме реального времени. Когда вы дойдете до последнего шага и будете довольны предварительным просмотром, просто добавьте свой собственный Joolz в корзину и разместите заказ.

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

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

Кроме того, для предварительного просмотра пользовательской коляски требуется минимальная прокрутка благодаря тому, где она появляется на экране (опять же, независимо от вашего устройства). Именно такую ​​продуманность в дизайне мы не можем не оценить.

Как невероятная персонализация стала возможной с WooCommerce

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

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

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

Вдохновитесь этими удивительными магазинами

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

Ищете еще идеи? Загляните на витрину WooCommerce — там есть еще много всего, от настраиваемых продуктов до уникальных услуг подписки и миниатюрных медуз, доставляемых по запросу (правда!).

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

Рекомендуемое чтение:

  • 10 функций страницы продукта и расширения для их реализации
  • Функции, которые должны быть на каждой отличной странице продукта