Краткий ответ
360° на WooCommerce без тяжёлых плагинов: Studio (имя = SKU, Active) → embed widget.js только на is_product() → Manual/AUTO/URL. Lazy load + WebP/CDN. Тест на live URL, очистите кеш.
Хотите, чтобы клиенты «крутили» товар со всех сторон, как в топовых магазинах? Для WooCommerce не обязательно ставить тяжёлые плагины. Интеграция через Spinnify добавляет профессиональный 360° обзор без потери скорости сайта.
3 шага к запуску 360° на WooCommerce
1. Подготовка в Spinnify Studio
Перед настройками сайта подготовьте контент:
- Зарегистрируйтесь в Spinnify Studio.
- Создайте продукт и загрузите серию фотографий (24–36 кадров).
- Критически важно: имя продукта в Studio = SKU (артикул) товара в админке WooCommerce.
- Переведите статус в Active. Черновик система не увидит.
2. Добавление кода на сайт
Один раз вставьте небольшой сниппет в шаблон карточки товара.
- Где взять код: вкладка Embed продукта в Spinnify Studio.
- Куда вставить: functions.php темы или плагин WPCode / Code Snippets.
- Важно: код только на страницах товаров — в PHP используйте is_product(), чтобы виджет не грузился на главной или в блоге.
3. Настройка автоматической связи
Система должна понимать, какой спин показать товару. Три способа:
- Manual (рекомендуется): привязка по артикулу (SKU). Надёжно для вариативных товаров WooCommerce.
- AUTO: система ищет артикул в разметке Schema.org — удобно при качественной SEO-разметке.
- URL: привязка по адресу страницы — если SKU меняются или неудобны.
Почему это не «тормозит» сайт?
Многие боятся, что виджеты замедляют WooCommerce. У Spinnify архитектура другая:
- Ленивая загрузка: браузер не качает фото, пока покупатель не нажмёт «Посмотреть 360°».
- Минимальное влияние на LCP: виджет загружается отдельно от основного контента.
- Сжатые форматы: кадры в WebP через глобальный CDN.
Чек-лист: что делать, если обзор не появился?
- Живой URL: проверяйте на опубликованном сайте — в Customizer скрипты часто блокируются.
- Совпадение имён: Studio и SKU в WooCommerce буква в букву (пробелы и дефисы важны).
- Очистка кеша: после добавления кода сбросьте кеш WP Rocket, LiteSpeed и т.п.
- Артикул вариации: у вариативного товара — SKU той вариации (цвета), которую смотрите.
- Активная подписка Spinnify Studio.
Итог: интеграция для бизнеса
В отличие от громоздких плагинов, конфликтующих с темой, этот метод чище: слой интерактивного осмотра поверх галереи WooCommerce. Лучший UX для обуви, сумок, электроники, украшений — где статичное фото не передаёт детали.
Готовы к запуску? Загрузите фото в Spinnify Studio. Съёмка: DIY на смартфон. Shopify: гайд интеграции.
