3 магазина WooCommerce с потрясающими настройками продуктов
Опубликовано: 2016-11-12Мы уверены, что вы хотите, чтобы каждый покупатель, приобретающий товар в вашем магазине, получал удовольствие от покупок. Вы хотите избежать битых ссылок, медленных страниц и брошенных корзин.
Ставки становятся еще выше для покупателей, которые не просто просматривают страницы, но и создают продукты, которые планируют приобрести. Созданные на заказ или персонализированные продукты могут значительно увеличить продажи, но с их присутствием возникает потребность в страницах продуктов, которые выходят за рамки стандартной галереи изображений и кнопки «Добавить в корзину» .
Независимо от того, продаете ли вы продукты с дополнительной персонализацией или рассматриваете возможность добавления некоторых пользовательских творений для своего магазина, мы подумали, что немного вдохновения может оказаться полезным. А благодаря WooCommerce Showcase найти вдохновение не составит труда.
Вот взгляд на три магазина с некоторыми удивительными вариантами настройки на их страницах продуктов, а также советы и расширения, которые помогут вам реализовать это в вашем собственном магазине.
Создайте свою собственную пару обуви ручной работы Quero
Это первый пример персонализации продукта от компании, которая живет и дышит концепцией товаров ручной работы. Quero Handmade Shoes позволяет своим клиентам создать пару мужской или женской кожаной обуви онлайн; при заказе каждая пара изготавливается вручную в Испании мастером с «поколенческим опытом», а затем доставляется прямо к вашей двери.
Процесс настройки Quero начинается в тот момент, когда покупатель просматривает страницу продукта . Сначала их знакомят с рассматриваемой обувью и представляют образец дизайна, а также вводную копию, в которой обсуждаются некоторые вещи, которые можно изменить (например, цвет, толщина подошвы и т. д.).
Когда нажимается «Настроить эту обувь…», покупатель перемещается вниз по странице к понятному выпадающему меню с опциями. Здесь они могут выбрать все, от цвета до рисунка на кепке и носке обуви.
Прокрутите немного назад, и каждый раз, когда вы делаете изменение или новый выбор, вы будете видеть верхнюю и нижнюю часть своей обуви:
На каждой странице также есть возможность нанести ткань на всю обувь, что может сэкономить время нерешительным покупателям (или тем, кто просто не хочет вдаваться в мелкие детали, например, разные цвета носка и пятки).
Нам нравится простота кастомайзера Quero, а также то, насколько укоренилась концепция индивидуальной обуви с самого начала каждой страницы. Создавать собственную кожаную обувь кажется довольно сложной задачей, но страницы с описанием товаров превращают этот процесс в нечто элегантное и в целом приятное .
Это одна из тех вещей, которыми вы захотите похвастаться, как только ваши туфли будут в руках (или, точнее, на ваших ногах) — «Я сам разработал их! Хочу увидеть?"
Отправляйтесь в стильную поездку с ELEVEN velo
Нам посчастливилось поделиться историей об ELEVEN velo в нашем блоге в начале этого года, но стоит еще раз взглянуть на то, как этот производитель индивидуальной велосипедной одежды позволяет покупателям получать товары, которые им нравятся.
Выберите велосипедную экипировку в магазине ELEVEN velo — скажем, шерстяную майку с полноразмерной передней молнией — и после галереи вводных фотографий, обзоров и информации о подгонке вы сразу перейдете к индивидуальной настройке.
Что нам нравится в этом подходе к персонализации, так это то, насколько он невероятно прост как для покупателя, так и для магазина. В левой части страницы продукта вы начинаете с плоской черно-белой иллюстрации рассматриваемого продукта. Выбор от C1 до C5 обновит иллюстрацию и отобразит простой список выбранных вами цветов .
Затем, как только вы решите, какие цвета вам нужны, вы просто смотрите в правую часть того же экрана. Вместо прокрутки вверх или вниз, чтобы перейти от предварительного просмотра к полям выбора, вы переводите взгляд с вашего выбора C1 на поле C1 и выбираете тот же вариант, который вы уже визуализировали.
Опять же, простота — это то, что делает его победителем. Клиенты, безусловно, хотят видеть, как будет выглядеть продукт, который они заказывают, но фотореалистичные предварительные просмотры потенциально могут нагрузить сервер (особенно если у вас много вариантов!). Это тот, кто хочет справиться с этим быстро и при этом удовлетворить все свои потребности.
Создайте единственную в своем роде коляску Joolz
И последний магазин, на который стоит обратить внимание: Joolz, амстердамский бренд, который использует свою теорию «позитивного дизайна» для производства детских колясок на заказ.
Joolz использует пошаговый подход к настройке на своих страницах продуктов: когда вы нажимаете «Создать свой собственный Joolz», вы будете руководствоваться выбором модели коляски, коллекции, ткани и, наконец, аксессуаров.
Доступные параметры меняются с каждым выбором, поэтому, если вы вернетесь ко второму шагу, чтобы выбрать коляску из другой коллекции, вам нужно будет повторно выбрать ткань в третьем варианте, чтобы увидеть точную цену и предварительный просмотр продукта.
По мере того, как вы выбираете модель коляски, фотография над или сбоку от настройщика — в зависимости от размера вашего экрана — обновляется в режиме реального времени. Когда вы дойдете до последнего шага и будете довольны предварительным просмотром, просто добавьте свой собственный Joolz в корзину и разместите заказ.
Одна вещь, которая нам действительно нравится в опыте настройки Joolz: насколько плавно он работает на мобильных устройствах . Даже если вы меняете множество настроек или у вас неудобный размер экрана, все идеально настраивается, что позволяет вам создавать дизайн с любого устройства. Не каждый магазин может этим похвастаться!
Кроме того, для предварительного просмотра пользовательской коляски требуется минимальная прокрутка благодаря тому, где она появляется на экране (опять же, независимо от вашего устройства). Именно такую продуманность в дизайне мы не можем не оценить.
Как невероятная персонализация стала возможной с WooCommerce
Существует довольно много способов предложить персонализацию, настройку или «наборы» на страницах вашего продукта . Вот несколько расширений WooCommerce, которые мы рекомендуем попробовать, многие из которых используют эти три магазина:
- Дополнения к продукту. Добавляйте простые параметры, такие как гравировка, более качественная ткань, подарочная упаковка или что-то еще, что вы можете придумать, с помощью флажков, раскрывающихся меню или переключателей.
- Композитные продукты . Позвольте своим клиентам создавать сложные продукты с любым количеством опций или вариантов выбора — ключ к созданию комплектов или продуктов с несколькими вариантами.
- Варианты образцов и фотографий . Замените раскрывающиеся меню цветов или стилей ткани образцами или фотографиями, чтобы покупатели могли визуализировать свои варианты.
- Дополнительные изображения вариантов — еще лучше: добавьте фотографии для всех ваших вариантов, чтобы не было сомнений, что придет по почте.
Конечно, у вас может быть идея для отображения персонализированных или пользовательских продуктов, выходящая за рамки этих расширений. В этом случае мы рекомендуем связаться с разработчиком (например, с одним из наших экспертов WooExperts) для создания индивидуального решения.
Вдохновитесь этими удивительными магазинами
Мы надеемся, что эта демонстрация индивидуальной настройки продукта натолкнула вас на несколько идей для собственного бизнеса. Независимо от того, предлагаете ли вы уже индивидуальный дизайн и просто хотите улучшить страницы своих продуктов или просто ищете вдохновения, вы можете многому научиться здесь.
Ищете еще идеи? Загляните на витрину WooCommerce — там есть еще много всего, от настраиваемых продуктов до уникальных услуг подписки и миниатюрных медуз, доставляемых по запросу (правда!).
Спасибо за чтение, и, как всегда, оставляйте любые вопросы, которые у вас есть по этому посту, в комментариях.
- 10 функций страницы продукта и расширения для их реализации
- Функции, которые должны быть на каждой отличной странице продукта