Добавление руководства по размерам на Squarespace

Squarespace создает красивые страницы — размеры зависят от вас

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

Использование полей описания продукта и дополнительной информации

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

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

Добавление всплывающего руководства по размерам с блоком кода

Более чистый опыт использует Squarespace Code Block для добавления ссылки "Руководство по размерам", которая открывает модальное окно рядом с выбором размера. Это сохраняет страницу товара в порядке, поставляя диаграмму на один касание в момент принятия решения покупателем. Code Blocks принимают HTML и CSS, поэтому вы можете стилизовать модальное окно в соответствии с вашей темой.

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

Внедрение инструмента рекомендаций размеров

Вариант с наибольшим воздействием — это встроить инструмент, который задает несколько коротких вопросов и возвращает конкретный размер, вместо того чтобы давать покупателю таблицу для интерпретации. Squarespace Code Blocks поддерживают встроенные элементы iframe, что означает, что виджет рекомендаций, такой как YourSizer, может находиться прямо на странице товара.

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

Проектирование в соответствии с эстетикой Squarespace

Продавцы на Squarespace выбрали платформу за ее внешний вид, поэтому руководство по размерам, которое конфликтует с дизайном, будет выглядеть сломанным, даже если оно работает. Совпадайте с типографикой, расстояниями и цветом вашей темы. Если вы используете модальное окно, держите его чистым и упорядоченным — одна читаемая таблица лучше, чем тесная сетка каждого измерения, которое вы могли бы придумать.

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

Сначала исправьте мобильную версию

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

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

Держите таблицу честной и актуальной

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

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

Когда переходить от статической таблицы

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

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

Где находится YourSizer

YourSizer встраивается на страницу товара Squarespace через Code Block iframe, поэтому нет миграции платформы или перестройки магазина. Покупатели отвечают на несколько быстрых вопросов и получают конкретный размер вместо таблицы для расшифровки — вот что действительно сокращает возвраты неправильного размера. Посмотрите, как это работает на живой странице в нашем обзоре продукта, изучите сторону продавца на странице для брендов и проверьте цены, чтобы узнать, что это стоит в вашем масштабе.

Часто задаваемые вопросы

Могу ли я добавить руководство по размерам на Squarespace без изменения шаблона?

Да. Вы можете добавить статическую таблицу через описание продукта или поле дополнительной информации вообще без кода или использовать Code Block для добавления всплывающего руководства или встраивания инструмента рекомендаций. Ни один из этих вариантов не требует редактирования основного кода шаблона.

Замедлит ли встроенный инструмент определения размера мой сайт Squarespace?

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

Мне действительно нужно больше, чем статическая таблица?

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