360° просмотр товара без кода для любого интернет-магазина без переделки сайта

Один <script> • Tilda / HTML-блок / страницы интернет-магазина

Как добавить 360° просмотр на сайт без программирования

Spinnify — виджет 360° просмотра товара без кода: он превращает серию кадров или одно короткое видео с оборотом товара в интерактивный 3D-просмотр в модальном окне. Вставьте один <script> в Tilda, HTML-блок или шаблон интернет-магазина и привяжите виджет по SKU, URL страницы или разметке Schema.org Product. Виджет для карточки товара даёт покупателю крутить продукт на вашем сайте. Подходит для: Tilda, Shopify, WordPress, Битрикс, InSales, Magento, PrestaShop, HTML-блоков, витрин на Laravel, Symfony и Next.js — и вообще любого сайта.

1
код
для установки
Без кода
Tilda +
HTML-блок
3
привязки
SKU / URL / авто / своя кнопка
360
просмотры
по товарам
3D
Виджет без кода

Нужен 360° просмотр товара — а не новая задача для разработчика

Покупатели и владельцы магазинов ищут простой способ добавить 360° просмотр на сайт без программирования. Spinnify работает как универсальный виджет вращения товара для интернет-магазина: загрузили кадры или одно видео с оборотом, вставили один код — и покупатель крутит товар в модальном окне.

Для страниц без программирования

Работает там, где можно вставить скрипт, iframe или HTML-блок

Меньше сомнений по товару

Покупатель сам смотрит форму, детали и материалы под разными углами

Аналитика как у виджета

Открытия, просмотры и время просмотра по каждому товару

360°-оборот товара из фото — без поворотного стола

ИИ-фотография 360° из трёх фото товара

Без поворотного стола, ролика с оборотом и студийной съёмки на 36 кадров. Загрузите от одного до трёх фото товара с разных ракурсов в Spinnify Studio. ИИ соберёт плавный 360°-оборот, создаст 36 кадров и опубликует интерактивный 360°-просмотр на карточке товара в интернет-магазине.

Хватит фото товара со смартфона для ИИ: нейтральный фон, товар по центру, без рук в кадре.

Тот же путь публикации для ecommerce, что у фото или видео: доставка через CDN, ленивая кнопка «3D», сопоставление по SKU.

Для каталогов, которым нужен 360°-просмотр товара сегодня — а не пересъёмка на складе завтра.

Собрать 360°-оборот в Studio

Войдите в Spinnify Studio и откройте карточку товара, чтобы начать.

Добавьте 360° просмотр без программирования

Вставьте один <script> или свою кнопку на карточке — привязка по SKU, URL, Schema.org или data-spinnify-*. Интерактивный 3D-просмотр в модальном окне для Tilda, HTML-блоков и кастомных витрин.

В большинстве случаев разработчик не нужен

Виджет 360° просмотра без кода — можно запустить сегодня

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

  • Установка через один <script>, iframe или HTML-блок.
  • Подходит для Tilda, CMS, витрин без готового шаблона и кастомных HTML-страниц.
  • Кнопка «3D», модальное окно просмотра и аналитика по товарам.
Как это работает без кастомной разработки
1. Добавьте товар
Загрузите кадры вращения (до 36) или одно короткое видео с поворотным столом — 36 кадров соберём автоматически.
2. Вставьте код
Добавьте виджет в Tilda, HTML-блок или шаблон магазина.
3. Сопоставьте товар
Привяжите виджет по SKU, URL или автоопределению Schema.org.
4. Откройте в модальном окне
Покупатель нажимает «3D» и крутит товар, не уходя со страницы.
Виджет 360° просмотра без кода
Виджет 360° просмотра без кода

Всё для универсального виджета 360° вращения

Загрузка фото или видео

До 36 кадров — или одно короткое видео с поворотным столом; 36 кадров соберём автоматически

Оптимизированная доставка

Кадры подготавливаются для быстрой загрузки на витрине

Просмотр в модальном окне iframe

Интерактивный 3D-просмотр открывается поверх страницы и не ломает вёрстку

Кнопка «3D» на карточке

Готовая кнопка на сайте, понятная покупателю

Привязка без кода

SKU, Schema.org AUTO или URL страницы товара

Панель по каждому товару

Публикуйте, выключайте и редактируйте 360° просмотр без обновления кода сайта

Предпросмотр до установки

Проверьте показ товара в 360° до публикации на сайте

Аналитика товара

Видно, какие 360° просмотры реально открывают и смотрят

Панель Spinnify 360° Studio: просмотры виджета, время просмотра и аналитика по товарам

Как добавить 360° просмотр на сайт без программирования

1

Создайте товар

Мои товары
SKU-001
24 кадра
Активен
SKU-002
36 кадров
Неактивен
2

Загрузите кадры или видео

Серийные фото 360°
3

Вставьте код виджета

Код интеграции без программирования
<script
src="widget.js"
data-sku="SKU | AUTO | URL"
></script>
Кнопка на сайте:
3D

Создайте товар, загрузите кадры или короткое видео с оборотом и вставьте код в Tilda, HTML-блок или шаблон интернет-магазина. Кнопка «3D» откроет виджет 360° просмотра в модальном окне, а товар сопоставится по SKU, URL или AUTO-разметке.

Интерактивные детали товара

Пусть 360° просмотр объясняет детали товара

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

Кожаная сумка с интерактивными точками на пряжке, замке и логотипе

Установка в один клик на кадре

Поставь точку на якорном кадре — укажи позицию, заголовок и ссылку. AI рассчитает положение на остальных кадрах автоматически.

AI-трекинг по кадрам

Компьютерное зрение отслеживает точку на каждом кадре — она следует за товаром при вращении покупателем.

Видны на сайте

Покупатель видит пульсирующие точки на 360°-товаре. Одно нажатие — описание, характеристика или внешняя ссылка.

Как работают точки

1
Поставь точку
Выбери кадр, кликни на место
2
AI отследит
Авто-позиция на всех кадрах
3
Покупатель взаимодействует
Точки появятся при просмотре на сайте

Как подключить виджет 360° просмотра — через один код

Вставьте <script> в <head>, HTML-блок Tilda или шаблон витрины — или используйте свою кнопку на карточке. Виджет привязывается по SKU, разметке Schema.org (авто), URL страницы или через data-spinnify-* на вашей кнопке.

Вручную (SKU)

Подходит, если на карточке уже есть SKU или код товара

<script
  src="https://YOUR_DOMAIN/widget.js"
  data-key="YOUR_WIDGET_KEY"
  data-sku="PRODUCT_SKU"
  defer
></script>

Авто (Schema.org)

Виджет читает Product-разметку и открывает нужный просмотр

<script
  src="https://YOUR_DOMAIN/widget.js"
  data-key="YOUR_WIDGET_KEY"
  data-sku="AUTO"
  defer
></script>

По URL страницы

Удобно для Tilda, лендингов и HTML-блоков — когда адрес страницы товара стабилен

<script
  src="https://YOUR_DOMAIN/widget.js"
  data-key="YOUR_WIDGET_KEY"
  data-sku="URL"
  defer
></script>

Своя кнопка

Ваша кнопка «3D» где угодно на странице — без плавающей кнопки Spinnify

<button
  type="button"
  data-spinnify-open
  data-spinnify-key="YOUR_WIDGET_KEY"
  data-spinnify-sku="PRODUCT_SKU"
  hidden>
  Your label
</button>
<script
  src="https://YOUR_DOMAIN/widget-trigger-boot.js"
  defer
></script>

Установка без кода

Товар в панели
SKU или путь URL
Код виджета
Скрипт / iframe / HTML-блок
Модальное окно
Интерактивный 3D-просмотр
Аналитика
Открытия и время просмотра

Пошаговые инструкции по платформам — в нашем хабе интеграций.

Встроить 360° viewer — руководство по интеграции
Вариант без встраивания

Публичная ссылка на 360° просмотр — когда нельзя вставить код

Нужен 360° просмотр товара на маркетплейсе, в КП, письме или на странице, где запрещены скрипты? Скопируйте публичную ссылку из Spinnify и отправьте тот же интерактивный 3D-просмотр товара как URL.

Для команд, которым нужен 360° просмотр товара без кода

Установка на Tilda, CMS или HTML-страницы

Без переделки темы в большинстве случаев

Публикация управляется из одной панели

Аналитика виджета по товарам

Универсальный виджет для интернет-магазина
Tilda
Shopify
WordPress
WooCommerce
Magento
PrestaShop
Битрикс
InSales
Свой HTML
Laravel
Symfony
Next.js

и вообще любого сайта

Блог

360° commerce: статьи и кейсы

Материалы про Shopify, WooCommerce, Tilda и скорость карточки товара — для магазинов, которым нужен интерактивный обзор без команды разработки.

Все статьи
  • Spinnify 360° Studio: видео товара на поворотном столе становится интерактивным 360°-обзором на spinnify.io
    Стратегия7 мин

    Вращающееся видео товара в интернет-магазине: петля или интерактивный обзор

    Вращающееся видео товара: автоплей-петля против интерактивного обзора, когда какой формат нужен и как ролик со стола становится просмотрщиком.

    Читать статью
  • Spinnify 360° Studio: 360-съёмка товара на поворотном столе и публикация на карточке на spinnify.io
    Стратегия6 мин

    360-съёмка товара: как устроены обзоры и как их производить

    Что такое 360-съёмка товара, чем она отличается от видео и 3D-моделей, студия против съёмки своими силами и как Spinnify 360° Studio публикует обзоры на карточке.

    Читать статью
  • Spinnify 360° Studio: размер фото товара Shopify для галереи и для серии 360°-кадров
    Интеграция7 мин

    Размер фото товара в Shopify для 360°-кадров: какие размеры реально важны

    Размер фото Shopify для 360°-кадров: соотношения съёмки, WebP/AVIF, ленивый виджет и как Spinnify меняет размер без огромных оригиналов в теме.

    Читать статью
  • Spinnify 360° Studio: выбор 360-просмотрщика товара для витрины интернет-магазина на spinnify.io
    Стратегия10 мин

    Лучший 360-просмотрщик товара для интернет-магазина: как выбрать (включая бесплатные)

    Как выбрать бесплатный или платный 360-просмотрщик: вес скрипта, встраивание, DAM против узкого инструмента, тарифы и что нужно на карточке.

    Читать статью

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

Основы виджета 360° просмотра без кода

Что такое виджет 360° просмотра товара без кода?

Это способ показать интерактивное вращение товара на сайте без разработки собственного просмотрщика. Spinnify даёт панель, код виджета, модальное окно и привязку к товару.

Как добавить 360° просмотр на сайт без программирования?

Загрузите кадры вращения (до 36) или одно короткое видео с оборотом товара в Spinnify, опубликуйте товар и вставьте один <script>, iframe или HTML-блок на страницу. Виджет откроет 360° просмотр в модальном окне.

Работает ли Spinnify с Tilda, Shopify, WooCommerce или HTML-блоком?

Да. Если платформа позволяет добавить скрипт, iframe или HTML-блок, Spinnify работает как виджет 360° просмотра. Привязка — по SKU, URL, Schema.org или через свою кнопку с data-spinnify-*.

Spinnify — это фотостудия или медиа-хостинг?

Spinnify — не фотостудия, а виджет 360° просмотра и панель без кода. После загрузки кадров Spinnify хранит и отдаёт их с быстрого CDN с автоматическим ресайзом, конвертацией в WebP/AVIF и оптимизацией. На витрине — только лёгкий код виджета; кадры вращения не лежат на вашем сервере.

Можно ли сделать 360° просмотр без 3D-модели?

Да. Spinnify собирает интерактивное вращение из серии фото или короткого видео с оборотом — без отдельной 3D-модели. Загрузите кадры или видео в панели и опубликуйте виджет. CAD, WebGL-сцены и моделирование каждого SKU не нужны.

Есть ли бесплатный тариф для пробы?

Да. Начните с бесплатного демо — посмотрите панель и виджет. Платные тарифы зависят от числа активных товаров; оплата через Stripe, сменить или отменить можно в панели.

Tilda, HTML-блок и сопоставление товаров

Нужен ли разработчик для установки виджета 360° просмотра?

Обычно нет. Для Tilda, HTML-блока и многих шаблонов интернет-магазинов достаточно вставить код. Разработчик нужен только если платформа запрещает пользовательский код.

Можно ли подключить виджет без Schema.org?

Да. Режим вручную по SKU и режим по URL не требуют Schema.org. Режим AUTO нужен только если на странице уже есть Product-разметка.

Почему 360° просмотр открывается в модальном окне iframe?

Модальное окно оставляет покупателя на карточке товара, а iframe изолирует интерактивный 3D-просмотр от CSS и скриптов витрины. Так установка проще и стабильнее.

Как добавить 360° просмотр на Tilda?

Создайте товар в Spinnify, загрузите кадры и вставьте код виджета в настройки сайта Tilda (перед </head>) или в T-код / HTML-блок на странице товара. Привяжите товар по SKU, URL или Schema.org AUTO — отдельный модуль Tilda не нужен.

Есть ли виджет 360° для Shopify и WooCommerce?

Да. В Shopify — приложение Spinnify (см. гайд по интеграции). В WooCommerce и похожих CMS — код в тему или шаблон карточки. Привязка по SKU, URL, Schema.org или своей кнопке на странице.

Можно ли дать публичную ссылку на 360° без встраивания кода?

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

Показ, кадры и модальное окно

Сколько кадров нужно для 360° просмотра товара?

Обычно хватает 24–36 кадров. Меньше кадров быстрее грузятся, больше кадров могут выглядеть плавнее. Или загрузите одно короткое видео с поворотным столом (до 35 секунд) — Spinnify автоматически извлечёт 36 равномерных кадров.

Можно ли включать и выключать 360° виджет для отдельных товаров?

Да. У каждого товара есть управление публикацией в панели: можно включить, приостановить или обновить 360° просмотр без изменения кода сайта.

Можно ли снимать кадры 360° на телефоне?

Мы готовим приложения для iOS и Android с пошаговой съёмкой на поворотном столе. Кадры сжимаются в WebP на устройстве и загружаются в рабочую область по API-ключу — после публикации они работают в виджете на сайте.

Можно загрузить видео с оборотом товара вместо отдельных фото?

Да — в веб-панели Spinnify перетащите одно короткое видео с поворотным столом (MP4, WebM или MOV, до 35 секунд и 50 МБ) в ту же зону загрузки, что и кадры. Spinnify проверит файл, равномерно извлечёт 36 кадров по длине ролика и загрузит их в облако. Для основной серии 4:3 — альбомная ориентация, для мобильной 3:4 — портретная. Одно видео за раз — нельзя смешивать видео и фото в одной загрузке. Загрузка видео доступна только в веб-панели; мобильное приложение снимает отдельные кадры, не видеофайлы.

Техническая реализация

Как Spinnify сохраняет быструю загрузку виджета 360° просмотра?

Кадры хранятся на CDN Spinnify и отдаются через оптимизированный пайплайн: ресайз под экран, современные форматы (WebP/AVIF), настройка качества. Просмотр загружается, когда покупатель нажимает «3D», а не при открытии карточки — страница остаётся лёгкой.

Замедлит ли виджет 360° карточку товара?

Spinnify рассчитан на лёгкую первую отрисовку: кадры на CDN Spinnify отдаются в оптимизированных вариантах (ресайз, WebP/AVIF). Интерактивный просмотр загружается по клику «3D», а не при открытии страницы. Модальное окно изолирует вращение от CSS и скриптов темы.

Где хранятся кадры 360° — на моём сервере или у Spinnify?

У Spinnify. Вы загружаете кадры или видео с оборотом в панели (или кадры через мобильное приложение); сервис хранит их на быстром облачном CDN и отдаёт покупателям уже оптимизированные варианты. На сайте — только небольшой код виджета: не нужно заливать сотни кадров в Shopify, WooCommerce, Tilda или на свой хостинг.

Конверсия и намерение покупателя

Зачем добавлять 360° просмотр, если уже есть фото или видео?

Фото статичны, а видео ведёт по заданному сценарию. 360° просмотр даёт покупателю самому выбирать ракурс и быстрее оценивать форму, детали и материалы товара.

Подходит ли 360° как альтернатива видео на карточке товара?

Для многих каталогов — да. Видео ведёт по сценарию, а 360° даёт покупателю выбрать ракурс и рассмотреть детали в своём темпе — часто легче для страницы, чем автоплей-видео. Это дополнение к фото, а не замена всего медиа.

Интерактивные детали товара

Что такое интерактивные точки в Spinnify?

Точки — дополнительные метки внутри 360° просмотра. Они могут объяснять материалы, функции или детали товара, пока покупатель вращает объект.

Интеграция без кода

Можно ли использовать Spinnify как универсальный виджет 360° вращения для интернет-магазина?

Да. На витрине Spinnify работает как универсальный виджет 360° вращения: один код, кнопка 3D, просмотр в модальном окне и привязка по SKU, URL или Schema.org.

Можно ли использовать Spinnify как виджет интерактивного 3D-просмотра в модальном окне?

Да. Виджет на сайте — это код для интерактивного 3D-просмотра в модальном окне: вставьте его, подключите товар, и покупатель сможет открыть и крутить его прямо со страницы.

Работает ли Spinnify с Webflow, WordPress и другими CMS?

Да, везде, где можно вставить скрипт, iframe или HTML-блок. Custom code в Webflow, заголовок WordPress и конструкторы вроде Tilda подключаются одинаково: один код, привязка по SKU, URL или Schema.org AUTO.

Тарифы

Планы под ваш каталог

Начните с бесплатного демо, а когда будете готовы публиковать больше виджетов 360° просмотра — выберите платный тариф. Сравните стоимость 360 product viewer под размер каталога — сменить или отменить можно в панели.

В разработке

Более быстрая съёмка кадров для будущей публикации без кода

Мы разрабатываем приложение, которое поможет снимать серии кадров товара на телефоне и отправлять их в Spinnify. Цель простая: сократить путь от изображений товара до виджета 360° просмотра на сайте.

Пошаговая съёмка полного оборота прямо в приложении.

Подготовка файлов кадров под виджет без лишней работы на компьютере.

Загрузка в рабочую область по личному API-ключу.

Помогает быстрее публиковать много SKU.

Когда кадры готовы, существующий виджет сайта может показать новый 360° просмотр.

iOS
Android

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