Ответ
Shopify Plus: возможности кастомизации сайта Опции темы
Старый 19.07.2017, 21:50
  #1
Nataly
 
Регистрация: 29.07.2014
Сообщений: 459

Shopify Plus: возможности кастомизации сайта
Лучше иметь отзывчивый дизайн или быть оригинальным? Лучше быстро развиваться посредством новых проектов, продуктов и кампаний или создавать богатый пользовательский опыт, используя лишь одну строчку кода? Выделение среди других на рынке в больших масштабах часто означает жертвование конкурентоспособностью в плане кастомизации и контроля. Уникальность требует времени, особенно в дизайне и разработке.

Это дилемма, которая лежит на уровне организации в электронной коммерции. Дело в том, что это тоже ложь. Сегодня, давайте отодвинем занавес и нацелимся на вопрос, который мы регулярно слышим: «Насколько Shopify поддается кастомизации?» Чтобы сделать это, мы рассмотрим пять разделов, где мифы, связанные с этим либо обманчивым, либо ошибочным вопросом могут остановить рост и убить прогресс.

1. Настройка темы: «Использовать шаблон или нет, вот в чем вопрос»

Решение создать сайт с нуля или начать с шаблонной темы не из легких. Разработка сайта с нуля — то, что позволяет сделать открытый исходный код, дает полный контроль над каждым решением, так как вы сами планируете, создаете и оптимизируете. Подобный контроль соблазнителен. Но окупается ли он? Возможно, лучше спросить: какова ваша цель?

Статья «The Science of Familiarity: How to Increase Conversions by Being Completely Unoriginal», написанная Shanelle Mullin, которая сейчас помогает управлять контентом и ростом в Shopify, открывается удивительным откровением:

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

В электронной коммерции Amazon является королем «дружественности». Настолько, что его «конверсия среди основных членов составляет 74%». Это на 1,133% выше, чем среди тех же покупателей в других интернет-магазинах. Как добавляет Mullin, «эти цифры впечатляют. Так, что это дает? Текст и дизайн Amazon не на 1,133% лучше, чем у остальных. Amazon конвертирует намного лучше, чем конкуренты, потому что он знаком ... до уровня привычки».

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

Именно здесь приходят на помощь шаблонные темы с настраиваемыми интерфейсами посредством Liquid, HTML, CSS и JavaScript. Далее мы углубимся в то, как настроить Shopify с технической точки зрения.

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





Как объясняет соучредитель Ledbury, Paul Watson:

«Использование тем из Shopify Plus позволило нам быстро выполнить обход дизайн-макетов и функциональности с нашими партнерами по развитию в Maui New York. В результате получается превосходный пользовательский опыт для наших клиентов и оптимизированные рабочие процессы».

C by GE использует множество интерактивных элементов, чтобы показать свои ультрасовременные LED смарт-лампы:














Интернет-магазин матрасов от производителя Leesa, который в прошлом году был назван в числе 20 лучших стартапов по версии журнала Forbes, использует электронную витрину, чтобы продемонстрировать искусное сочетание социального доказательства, образовательного контента и призывов к действию:





В случае проекта Think Tank Photo красивый дизайн был только началом. От автоматизации учета, инвентаризации и информационно-насыщенного контента до потрясающих снимков и «идеальной интеграции между Shopify и специально разработанной CMS с применением фреймворк Django, который использует язык программирования Python как основу», партнер Shopify, ZDCA, кастомизировал Think Tank Photo:





По словам Philip Vasilevski, соучредителя и технического директора в Maui New York, который сотрудничает с Ledbury:

«Процесс разработки с участием Shopify является лучшим среди всех ecommerce платформ, как с точки зрения стиля интерфейса, так и возможностей CMS. Помимо этого, Shopify Plus предоставляет отличную документацию, поддержку API, а также такие инструменты, как Theme Kit».

Устали от сражения за масштабируемость и контроль? Shopify Plus позволяет настроить все, что имеет значение для сегодняшних клиентов электронной коммерции. Автоматизация полномасштабных кампаний, создание персонализированных путешествий покупателя, предложение интуитивно понятных платежей и прямые платежи из социальных сетей - будущее ecommerce доступно уже сейчас.

2. Персонализация продукции: «Комплексный не значит сложный»

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

Наша позиция очень простая: вам не нужна гигантская IT-команда или знания в кодировании, чтобы добавить товар, изменить текст, обновить изображения, загрузить видео или даже оптимизировать такие детали, как цены, доставка и SEO. Все должны уметь осуществить эти вещи без препятствия в виде программного кода. Вот общее представление о вариантах, доступных на Shopify:





Для оптимизации управления RESTful API от Shopify интегрируется непосредственно с существующей OMS, PIM, 3PL и CRM. Тот же доступ к API может также использоваться для массовой загрузки или обновления продуктов. Что касается кастомизации, следующие три пункта заслуживают особого внимания.

Во-первых, многоканальные продажи. Как только вы настроили продукцию, «родная» интеграция Shopify предполагает, что вы можете автоматически продвигать отдельные продукты или целые коллекции по 15 различным каналам.

Важно: имеется программная установка режима (POS) для физических продаж, социальных сетей, таких как Facebook, Pinterest и Instagram, чат платформ в разговорной коммерции, мобильных приложений, опта и Buzzfeed.

Во-вторых, варианты. Для интернет-магазинов с глубоко настраиваемыми продуктами лимит Shopify в 100 вариантов часто рассматривается как «черная метка». Полный контроль над backend удаляет такие ограничения. По правде говоря, очень немногие пользователи упираются в лимит в 100 вариантов, однако для тех, для кого это актуально, Jason Bowman, Solutions Engineer и APAC Team Lead в Shopify Plus, недавно выпустил пошаговую инструкцию для того, чтобы устранить эти ограничения, наряду с точным кодом, который при этом потребуется:





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

«Metafields позволяют frontend-разработчикам и дизайнерам разрабатывать собственные темы и продукты, которые недоступны в полях данных (data fields) по умолчанию. Это скрытые супер способности, которые помогают создавать удивительный нестандартный дизайн».

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





Более продвинутое использование, особенно с инструментом ShopifyFD, распространяется на видео, функции наведения, партнерские ссылки, а также другие внедрения, которые вы захотите реализовать:





Как все это перевести на фронт-энд? На этот раз, давайте кратко взглянем на два примера кастомизации в Shopify в действии. В прошлом месяце Kim Kardashian запустила сайт KKW Beauty. На нем было представлено пять уникальных косметических наборов, которые распродались за считанные часы.

Чтобы добиться этого, KKW продемонстрировал каждый набор посредством оптимизированного под мобильные устройства набора изображений продукта, «in-action» фото и опции «Подробнее», с помощью которой можно легко перейти от изображений к описанию:





С другой стороны, возьмем «Build Your Box» от Nice Laundry. Клиенты могут не только отфильтровать, расширить и добавить 108 различных продуктов в корзину, они также могут выбрать размеры и пообщаться в живом чате, все это не выходя с одной страницы:





3. Настройка скидок: «Я думал, что Shopify делает только скидочные коды»

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

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

Для Merchology, ведущего поставщика корпоративной одежды и аксессуаров с более чем 50 000 товаров, поиск способов автоматизации дисконтирования был тем, что привело их к Shopify Plus.

Настройка скидок в Shopify сводится к трем вариантам.

(1) Скидочные коды

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








(2) Цены со скидками

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

Однако не позволяйте простоте этого подхода одурачить себя. Lapis Lois, например, применил ценовые скидки остроумным способом. Для начала у них два магазина: (1) их обычный домен LapisLoisJewelry.com и (2) Deals-LapisLoisJewelry.com - субдомен. Посещение второго сайта сразу же подсказывает вам пароль, который они использовали в прошлом месяце после появления на Today:











(3) Пользовательские скрипты

Shopify Scripts выходят за рамки первых двух вариантов и позволяют создать пользовательский код, чтобы автоматически применить различные стимулы для совершения покупки:

• Скидка в формате процентов (%) или денежной суммы ($) от цены тех или иных продуктов;

• Дифференцированные цены за определенный объем;

• Порог бесплатной доставки;

• Купи одну вещь и получи ещё одну бесплатно;

• Скидки на основе прошлого покупательского поведения.

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

Скрипты устраняют необходимость ручных скидочных купонов и одинаковых для всех скидок. В случае Merchology их скрипты выявляют изменения в размерах или количестве покупки и автоматически корректируют цены в режиме реального времени:





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

4. Настройка процесса оформления заказа: «Но можно ли кастомизировать Shopify, когда это наиболее важно?»

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

Правда заключается в том, что до выхода Shopify Plus, это было самым большим недостатком кастомизации на Shopify.

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

К счастью, в дополнение к функциям с корзиной, упомянутых в разделе о скидках, с помощью Shopify Plus интернет-магазины могут полностью настроить процесс оформления заказа через checkout.liquid file.





В отличие от общей темы сайта, checkout.liquid является самодостаточным и не обрабатывает каких-либо дополнительных файлов шаблона. Это означает, что вы можете дублировать стиль самого сайта, в то же время, редактируя код, который контролирует непосредственно процесс оплаты. Мы уже видели, как Pura Vida использует оверлей скидки для генерации новых клиентов.





Как только кто-то входит в их корзину, код не только следует за ними, но и появляются три новых стимула:

1. Предложение «Купите любые 3 товара и получите 4-й бесплатно!»;

2. Предложение «Окажите помощь ремесленникам Коста-Рики», купив Mystery Bracelet;

3. Активация бесплатной доставки на основе общей стоимости заказа:





Экран заказа делает покупку максимально простой:

1. Вначале идут платежные сервисы PayPal и Amazon Pay;

2. Далее предлагается возможность создать учетную запись с помощью электронной почты, Facebook или Google;

3. После этого происходит автоматическое применение кода купона;

4. Далее идет автоматическое применение бесплатной доставки.





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














Смысл каждого примера один и тот же: независимо от требуемых настроек процесса оформления заказа, Shopify Plus может воплотить их все в жизнь.

5. Настройка платежей: «Чем больше, тем лучше, за исключением, когда это не так»

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

Во-первых, персонализация.

Shopify предлагает более ста различных платежных систем на основе местоположения интернет-магазина и клиента. Это включает Shopify Payments, который позволяет принимать карточки в режиме онлайн или офлайн без сторонних систем, а также множество сторонних платежных сервисов, встроенных прямо на первый уровень PCI совместимого процесса оформления заказа. Плюс, если предпочтительный для вас платежный сервис еще не внедрен, Hosted Payment SDK от Shopify может интегрировать его.

Конечно, наличие вариантов – это хорошо, но слишком много вариантов может снизить конверсию. В этом смысле, «меньше» почти всегда значит «больше». Вот почему Shopify Script Edito позволяет создавать умный опыт оформления заказа, чтобы показывать, скрывать или переименовывать методы оплаты, основываясь на выбранных продуктах, группах клиентов или тегах или адресе доставки заказчика.





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

Во-вторых, мобильные устройства.

Pura Vida Bracelets помещает PayPal и Amazon Pay прямо в центр экрана оформления заказа. Почему? Потому что на мобильных устройствах принцип «меньше» значит «больше» приобретает первостепенное значение. В данном случае, меньше кликов значит больше продаж.

В дополнение к интеграции с другими адаптированными под мобильные устройства платежными сервисами, такими, как Apple, новая опция подтверждения через одну строку от Shopify Pay переносит «простоту» покупки на качественно новый уровень:





Вместе взятые, Script Editor и варианты мобильной оплаты, не говоря уже о «родных» каналах продаж, таких, как Facebook, Pinterest и (очень скоро) Instagram, объединяются, чтобы добавить последний штрих к кастомизации онлайн воронки.

Забудьте о заблуждениях

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

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

Вывод

Shopify Plus отдает управление обратно в руки коммерсантов, маркетологов и ecommerce менеджеров, не заставляя их жертвовать скоростью, гибкостью или глубиной кастомизации.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Twitter Analytics: новые инструменты и возможности Nataly Статьи 0 22.01.2015 23:45
Рекламные возможности Google Plus для чайников Viper Магазины 0 18.06.2014 22:43
Ссылочные возможности SpyFu Backlink Builder FroZen Сервисы 0 15.06.2014 14:55
Новые возможности Google Keyword Planner Tool Mercury Сервисы 0 26.04.2014 13:37
Возможности Google Alerts для онлайн маркетинга Ashable Магазины 0 28.02.2013 10:22

Метки
ecommerce, shopify plus, интернет-магазин, кастомизация, настройка, отзывчивость, темы


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 16:58. Часовой пояс GMT +3.