На этой странице
Squarespace не имеет встроенного marketplace приложений для инструментов третьих сторон, таких как виджеты рекомендации размера, что оставляет владельцев магазинов гадать, возможен ли вообще виджет размера на платформе. Это возможно, но требует встраивания кода вместо установки в один клик, и неправильное размещение — это разница между виджетом, который увеличивает конверсию, и тем, который никто не заметит.
Торговля Squarespace работает на закрытой системе шаблонов. В отличие от Shopify, нет вкладки App Store, где вы можете просматривать, нажимать «Установить» и получать виджет, автоматически подключенный к каждой странице продукта. Вместо этого Squarespace предоставляет встраивание кода — панель параметров, где вы можете вставлять пользовательский HTML, CSS и JavaScript в заголовок сайта, нижний колонтитул или отдельные разделы страницы. Это вся поверхность интеграции, и этого достаточно для правильного запуска виджета рекомендации размера, если вы понимаете его ограничения.
Почему Интеграции Размера Squarespace Работают По-другому
Squarespace изначально был создан для портфолио и сайтов контента, торговля пришла вторым. Это наследие видно в количестве контроля, которое получают торговцы над DOM. Вы не можете редактировать отдельные файлы шаблонов продуктов так, как вы это делаете с темой Shopify Liquid; вы встраиваете код глобально или для каждой страницы, а затем нацеливаетесь на элементы с JavaScript после отрисовки страницы.
Это означает, что виджет размера на Squarespace обычно загружается через фрагмент кода в Параметры → Дополнительно → Встраивание кода, отслеживает монтирование страницы продукта и вставляет себя рядом с кнопкой «Добавить в корзину» с использованием селектора DOM. Это работает надежно, но это более хрупко к изменениям шаблона, чем был бы встроенный коннектор приложения — обновление шаблона Squarespace может изменить имя класса и нарушить точку внедрения. Запланируйте время для повторной проверки размещения после любого обновления шаблона или основного сайта.
Пошагово: Встраивание Виджета через Встраивание Кода
Механика проста, как только вы узнаете, где Squarespace скрывает параметры.
- Перейдите в Параметры → Дополнительно → Встраивание кода на панели управления Squarespace.
- Добавьте скрипт загрузчика виджета в поле Нижний колонтитул — встраивание нижнего колонтитула работает по всему сайту без блокирования начального рендеринга страницы, что важно для Core Web Vitals.
- Если виджету требуются триггеры, специфичные для страницы (например, загрузка только на страницах продуктов), оберните инициализацию в проверку против
window.location.pathnameили используйте специфичную для страницы панель встраивания кода Squarespace, найденную в параметрах каждой отдельной страницы. - Установите целевой контейнер, используя селектор CSS, который соответствует разметке страницы продукта вашего шаблона — шаблоны Squarespace 7.1 обычно предоставляют предсказуемую структуру
.product-blockили#productTitle, но всегда проверяйте в вашем конкретном шаблоне перед публикацией. - Просмотрите черновик продукта перед выпуском в прямую трансляцию, так как Squarespace не предоставляет полную среду промежуточной настройки для тестирования логики торговли.
Краткая таблица назначения каждого типа фрагмента кода:
| Тип кода | Куда идет | Загружается на |
|---|---|---|
| Сценарий загрузчика на весь сайт | Встраивание кода нижнего колонтитула | Каждая страница |
| Логика триггера, специфичная для страницы | Параметры страницы → Дополнительно → Заголовок/Нижний колонтитул страницы | Только одна страница |
| Пользовательские переопределения CSS | Дизайн → Пользовательский CSS | Каждая страница |
Размещение, которое Действительно Конвертирует
То, где виджет находится на странице, имеет большее значение, чем думают большинство торговцев. Основываясь на шаблонах, которые мы видим на модных брендах, запускающих инструменты размера и посадки, виджет, размещенный прямо над или рядом с кнопкой «Добавить в корзину», получает значительно больше взаимодействия, чем тот, который скрыт за складкой в вкладке описания. В этот момент покупатели уже принимают решение о размере — это точка наивысшего намерения на всей странице.
Избегайте двух распространенных ошибок, специфичных для Squarespace. Во-первых, не встраивайте виджет в шаблон нижнего колонтитула и не полагайтесь на JavaScript, чтобы «охотиться» за ним при каждой загрузке страницы — это добавляет задержку и иногда вызывает заметный сдвиг макета при монтировании виджета после контента. Во-вторых, не укладывайте его внутри аккордеона или вкладки, для открытия которых требуется дополнительный клик; каждый дополнительный клик перед ответом на вопрос о размере — это шанс для покупателя отказаться и вместо этого проверить политику возврата конкурента.
Ограничения Платформы, которые Необходимо Учитывать
Редактор Squarespace ограничивает то, что могут делать торговцы, и это имеет реальные последствия для интеграции размера:
- Нет специальных полей для каждого продукта так, как это делает Shopify с метаполями, поэтому передача данных таблицы размеров, специфичных для продукта, виджету часто означает использование сопоставления шаблонов SKU или названия продукта вместо чистого структурированного поля.
- Вариативность шаблонов между сайтами Squarespace 7.0 и 7.1 означает, что селектор, который работает на одном магазине, может не работать на другом — не существует единой структуры DOM «страница продукта Squarespace».
- Нет хуков приложений на стороне сервера, поэтому вся логика выполняется на клиенте в браузере, что подходит для современного виджета размера, но исключает отрисовку на стороне сервера персонализацию во время загрузки страницы.
- Поведение мобильной касс на Squarespace открывает выдвижную корзину по умолчанию; проверьте, что призыв к действию виджета остается видимым после открытия этой панели, а не только на статической странице продукта.
Ни один из них не является критерием отсечки, но они объясняют, почему интеграция Squarespace требует немного больше тестирования, чем установка plug-and-play из app store.
Где YourSizer Вписывается
Виджет YourSizer разработан для работы через встраивание кода именно потому, что многие среднерыночные модные бренды находятся на платформах без встроенной экосистемы приложений. На Squarespace это означает легкий скрипт загрузчика во встраивании кода, конфигурацию размещения рядом с кнопкой «Добавить в корзину» и данные таблицы размеров, сопоставленные по дескриптору продукта или шаблону SKU, а не по специальному полю. Настройка ближе к тегу скрипта, чем к установке приложения, но результат — покупатель получает рекомендацию размера перед оформлением покупки вместо угадывания — это тот же результат, который торговцы получают на более интеграционно-дружественных платформах. Если вы оцениваете, стоит ли инструмент размера работы конфигурации Squarespace, помогает сначала понять как выбрать решение рекомендации размера и какой вид возврата на эту инвестицию ожидать, охваченной в нашей разбивке ROI инструмента рекомендации размера.
Часто задаваемые вопросы
Есть ли на Squarespace встроенный app store для виджетов рекомендации размера?
Нет. Squarespace не управляет открытым marketplace приложений, сравнимым с App Store Shopify для инструментов торговли третьих сторон, таких как виджеты размера. Любая интеграция рекомендации размера должна быть добавлена вручную через встраивание кода, что означает вставку скрипта в параметры заголовка или нижнего колонтитула сайта и настройку того, где он должен отображаться на страницах продуктов. Это одноразовая задача настройки, а не текущая подписка на приложение, управляемая через панель платформы.
Замедлит ли встраивание кода мой сайт Squarespace?
Хорошо построенный загрузчик виджета должен иметь минимальное влияние, если он загружается асинхронно и не блокирует основной рендеринг страницы. Больший риск, на который стоит обратить внимание, — это скрипт, который выполняет тяжелый поиск DOM при каждой загрузке страницы в поиске его точки монтирования — этот шаблон может вызвать заметную задержку или видимый сдвиг макета, особенно на мобильных устройствах. Тестирование на реальной странице продукта, а не только в режиме предварительного просмотра Squarespace, — лучший способ убедиться, что загрузчик не добавляет заметную задержку.
Могу ли я показывать разные таблицы размеров для разных продуктов на Squarespace?
Да, но это требует больше ручного сопоставления, чем на платформах с пользовательскими полями продуктов. Поскольку Squarespace не предоставляет метаполя для каждого продукта так, как это делает Shopify, большинство интеграций размеров сопоставляют данные таблицы размеров, используя SKU, категорию или шаблон названия продукта вместо специального поля данных. Это хорошо работает после настройки, но означает аудит структуры каталога продуктов перед настройкой, а не предположение, что существует поле plug-and-play.
Можно ли отменить встраивание кода, если я хочу удалить виджет позже?
Да. Поскольку вся интеграция находится в панели встраивания кода и параметрах, специфичных для страницы, удаление виджета размера из Squarespace так же просто, как удаление встроенного скрипта и очистка любых добавлений кода для каждой страницы. Миграция базы данных или очистка при удалении приложения не требуются, так как ничего вне полей встраивания кода не было изменено.
Заключение
Отсутствие у Squarespace marketplace приложений торговли делает интеграцию виджета размера более технической, чем она должна быть, но встраивание кода — это стабильный, хорошо задокументированный путь, как только вы узнаете края платформы — вариативность шаблонов, нет специальных полей и выполнение только на стороне клиента. Правильно разместите рядом с решением о покупке, тестируйте после обновлений шаблона, и магазин Squarespace может обеспечить такую же уверенность в размере перед покупкой, которую покупатели теперь ожидают на любом современном модном сайте, независимо от того, какая платформа его запускает.