Нейробудка
Виджет для магазина8 мин чтенияОбновлено 07.10.2026

Виджет виртуальной примерки для интернет-магазина: как подключить

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

Автор
Редакция Нейробудки
Подключение
одна строка кода
Платформы
любой сайт
Девушка в светлой рубашке у окна — пример фото для виртуальной примерки

Виртуальная примерка отвечает на главный вопрос покупателя одежды: «как это будет смотреться на мне?»

Фото на модели показывает вещь, но не покупателя. Виджет закрывает этот разрыв: человек загружает своё фото и через несколько десятков секунд видит себя в выбранном платье, пальто или костюме. Это вовлекает, помогает решиться на покупку и снижает число возвратов «не подошло по виду».

Технически виджет — это скрипт, который подключается к любому сайту: Tilda, InSales, WordPress, Bitrix, Shopify или самописный движок. Он работает в изолированном слое и не ломает стили и вёрстку вашего магазина.

Как подключить виджет примерки: пошагово

  1. 01

    Создайте виджет и укажите домен магазина

    Зарегистрируйтесь в Нейробудке, откройте раздел «Виджет» и нажмите «Создать виджет». Дайте ему название и укажите домен магазина: виджет работает только на нём, поэтому никто не сможет вставить ваш код на чужой сайт и тратить ваш баланс. В поле «Страницы» можно ограничить показ, например только карточками товаров.

    Форма создания виджета примерки: название, источник вещи, положение кнопки, домен и страницы
  2. 02

    Скопируйте код и вставьте его на сайт

    После сохранения в настройках появится код — одна строка со скриптом. Вставьте её в шаблон сайта, например перед закрывающим тегом body; для конструкторов вроде Tilda есть вариант «Контент для вставки». Если фото товара нужно передавать явно, добавьте на страницу скрипт с их ссылками. Кнопка «Открыть демо-страницу» покажет виджет в действии ещё до публикации.

    Код для встраивания виджета и пример явного указания фото товара

Как виджет выглядит для покупателя

  1. 01

    Кнопка «Примерить на себе» на странице товара

    На карточке товара появляется кнопка — по умолчанию в правом нижнем углу, положение меняется в настройках. Вёрстка и стили магазина не меняются: виджет работает в изолированном слое.

    Страница товара интернет-магазина с кнопкой «Примерить на себе»
  2. 02

    Покупатель загружает своё фото

    Вещь подставляется сама — виджет берёт фото товара со страницы. Покупателю остаётся перетащить своё фото или снять его на телефон и нажать «Примерить». Сверху видно, сколько примерок осталось на сегодня.

    Окно виджета: загруженное фото покупателя и выбранное платье
  3. 03

    Результат: «Так вещь сядет на вас»

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

    Результат примерки в виджете: покупательница в красном атласном платье

Что можно настроить

Все настройки меняются в кабинете и применяются на сайте сразу — переустанавливать код не нужно.

  • положение кнопки «Примерить» на странице
  • страницы-исключения, где виджет не показывается
  • источник фото товара: авто, CSS-селектор или явный список
  • фоны для результата — например, «пляж» для купальников
  • включение и выключение виджета одной кнопкой
Примерок с одного устройства
до 10 в день
Примерок с одного IP
до 20 в день
Загрузка скрипта
асинхронная

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

Результат примерки красного платья в виджете

Оплата и клиентские примерки

Для покупателя примерка бесплатна. Каждая успешная примерка списывает токены с баланса владельца виджета, а неудачная — не списывает.

Оплата по фактуНикакой абонентской платы: вы платите только за выполненные примерки. Баланс пополняется в разделе «Баланс».
Лента клиентских примерокВ разделе «Виджет» видно, какие вещи примеряют покупатели, — полезно для понимания спроса.

Частые вопросы о виджете примерки

На любом сайте, куда можно вставить скрипт: Tilda, InSales, WordPress, Bitrix, Shopify, OpenCart и самописные движки.

Читать дальше

Все статьи →

Попробуйте фотосессию

Все фотосессии →