Бесплатный виджет для сайта

Генератор кода вставки Body Visualizer: адаптивный iframe

Выберите исходную модель, скопируйте iframe и дайте посетителям изучать 3D-фигуру без аккаунта и сложной интеграции.

Создайте код для вставки

Выберите начальные значения. Высота виджета всегда составляет 800px, чтобы элементы управления были удобны в узких колонках.

Исходная модель
Исходные единицы

Предпросмотр

Вопросы про генератор кода вставки Body Visualizer

Как добавить Body Visualizer на мой сайт?

Выберите начальные настройки, скопируйте весь код iframe и вставьте его в блок HTML, пользовательского кода или встраивания на своей странице. Аккаунт, отдельный скрипт и ключ API не нужны. Генератор кода вставки Body Visualizer создаёт самостоятельный фрейм: копировать нужно полный фрагмент, а не только его адрес. После вставки проверьте страницу на компьютере и телефоне, чтобы начальные значения, единицы, модель и элементы управления оставались доступными. Для языка страницы генератор кода вставки Body Visualizer позволяет подготовить подходящую локализованную версию: проверьте подписи в предпросмотре и убедитесь, что читатель понимает единицы. Перед публикацией используйте нейтральные примеры роста и веса, которые объясняют задачу и не раскрывают сведения о человеке. Генератор кода вставки Body Visualizer записывает исходные параметры в адрес iframe, поэтому редактор может проверить точное начальное состояние по готовому коду. Если система управления сайтом удаляет iframe, найдите в её документации предназначенный для пользовательского HTML блок и вставьте фрагмент туда. Генератор кода вставки Body Visualizer не требует тега script или программного подключения к API. Откройте опубликованный адрес после сохранения: предпросмотр редактора может отличаться от настоящей страницы. Сам генератор кода вставки Body Visualizer не видит фильтры конкретной платформы и не может подтвердить, что система сохранила весь код. Проверьте клавиатурную навигацию, сенсорные кнопки и область вращения модели на той ширине колонки, которой пользуются читатели. Генератор кода вставки Body Visualizer подходит для размещения в обычной содержательной странице, но окружающий текст должен объяснять, что изображение приблизительное. Оставьте понятное название блока и короткое пояснение, зачем посетителю менять параметры. Сначала проверьте выбранный пол модели и исходные единицы, затем измените рост или вес и убедитесь, что ответ виден в той же области. Если генератор кода вставки Body Visualizer открыт в другой вкладке, сравните настройки с опубликованным фреймом: это поможет заметить случайно скопированный прежний вариант. Завершённая проверка означает, что весь фрейм загружается без обрезания, отдельного входа и необходимости искать скрытые элементы управления.

Почему высота iframe составляет 800px?

Без дополнительного скрипта на родительской странице iframe не может надёжно узнать ширину колонки, в которую его поместили. Поэтому генератор кода вставки Body Visualizer использует фиксированную высоту 800px: модель, поля и действие сброса остаются вместе и в узких колонках, и на телефонах. Созданный фрагмент имеет ширину 100%, позволяя контейнеру сайта управлять горизонтальным пространством без отдельного скрипта изменения размера. Генератор кода вставки Body Visualizer сохраняет эти размеры, чтобы форма не превращалась в маленькую картинку без доступных настроек. Не уменьшайте высоту до проверки самого маленького поддерживаемого экрана: короткий фрейм способен скрыть обязательное поле или кнопку. Генератор кода вставки Body Visualizer не выполняет автоматическую подгонку между страницами, благодаря чему его поведение остаётся предсказуемым в конструкторах с ограничениями на скрипты. Если макет предполагает узкую боковую панель, сначала проверьте её опубликованную ширину. При нехватке места лучше разместить фрейм в основной области содержимого. Генератор кода вставки Body Visualizer можно использовать внутри адаптивного контейнера, но вокруг него не стоит создавать ещё одну независимую область прокрутки. Иначе посетителю сложнее понять, прокручивает ли он всю страницу или только её вложенную часть. Проверьте портретную и альбомную ориентации телефона, сохранив сгенерированные атрибуты ширины и высоты. Генератор кода вставки Body Visualizer рассчитан на сразу доступный интерфейс: пользователь должен видеть выбранные значения и результат их изменения. При проверке узкого экрана не ограничивайтесь изображением модели, а пройдите по всем элементам управления клавиатурой или касаниями. Генератор кода вставки Body Visualizer не управляет внешними отступами, заголовками, боковыми панелями и меню вашего сайта. Именно поэтому проверять нужно весь опубликованный макет, а не один фрейм в отдельной вкладке. Слишком узкий контейнер нельзя исправить простым уменьшением высоты: горизонтальные ограничения остаются. Сравните страницу до и после вставки, убедитесь, что соседние блоки читаются и фрейм не перекрывается закреплённым меню. Генератор кода вставки Body Visualizer задаёт понятную основу размеров; окончательную проверку расположения выполняют на сайте, где его увидят посетители.

Собирает ли виджет мерки посетителей?

Изменения, которые посетитель делает после загрузки, обрабатываются в его браузере и не отправляются отдельному API виджета. Начальные значения, однако, находятся в параметрах URL и могут попасть в обычные инфраструктурные журналы. Поэтому генератор кода вставки Body Visualizer предназначен для публичного примера, а не предварительной загрузки личных мерок определённого посетителя. Используйте вымышленные или нейтральные числа, достаточные для объяснения инструмента. Генератор кода вставки Body Visualizer не запрашивает имя, электронную почту, аккаунт или ключ API; эти сведения нельзя самостоятельно добавлять в адрес. Любое значение в URL потенциально доступно системам хостинга, аналитики и истории браузера. Генератор кода вставки Body Visualizer показывает исходный сценарий, после открытия которого человек может менять параметры у себя в браузере. Это не означает, что правила конфиденциальности всего сайта автоматически становятся такими же, как у числовой модели. Предпросмотр, который создаёт генератор кода вставки Body Visualizer, не заменяет уведомление о данных и выбор согласия, требуемые на странице размещения. Если сайт применяет политику безопасности контента, до публикации проверьте, разрешён ли нужный фрейм. Генератор кода вставки Body Visualizer не может проверить чужой баннер согласия, настройки аналитики, сроки хранения или журналирование инфраструктуры. Эти вопросы остаются ответственностью владельца сайта. Перед копированием окончательного фрагмента сбросьте личные значения и ещё раз прочитайте адрес, который будет вставлен в общедоступную страницу. Генератор кода вставки Body Visualizer помогает подготовить пример, но редактор должен выбрать числа, которые можно раскрыть читателям и техническим системам. Не используйте в качестве названия блока чужое имя вместе с личными мерками. Если вы показываете работу инструмента во время консультации, разделяйте временный просмотр и код, сохраняемый в статье. Генератор кода вставки Body Visualizer не подтверждает соблюдение правил вашим хостингом и не отменяет необходимость проверить опубликованную страницу. Для обычного объяснения достаточно нейтральных исходных значений и краткой подписи о приблизительности модели. Посетителю должно быть понятно, что он управляет иллюстрацией по числам, а не загружает фотографию или проходит медицинское измерение. При любых сомнениях о настройках принимающего сайта сначала уточните его правила и лишь затем размещайте виджет.

Изменённые после загрузки значения остаются в браузере посетителя. Начальные настройки включены в URL iframe; отдельная аналитика виджета не собирается.

3D-фигура — общая иллюстрация, а не медицинское обследование или индивидуальный скан тела.