Встроить конструктор на свой сайт

Настройте окно конструктора «Багетка», скопируйте готовый код и вставьте на любую страницу своего сайта. Бесплатно и без регистрации.

Как это работает

Вы выбираете размер и что оставить в окне — внизу появляется код (<iframe>). Скопируйте его и вставьте в HTML страницы вашего сайта. Посетители смогут подбирать рамы и паспарту, загружать свои фото и сохранять результат у себя на устройстве. Фото и проекты посетителей на наш сервер не отправляются.

1. Настройте окно

Размер Для удобной работы советуем не меньше 600 px по высоте.
Убрать из окна: интерфейс
Убрать: левая колонка
Убрать: правая колонка Если убрать все блоки колонки, она исчезнет сама.
Язык
Оформление
Ключ (если у вас есть) Без ключа окно работает на бесплатном тарифе: часть блоков недоступна, внизу окна показывается надпись «Сделано в конструкторе «Багетка»», а число показов в месяц ограничено. Ключ снимает ограничения по вашему тарифу — запросите его у нас. Он действует только на вашем сайте.
Разрешения окна

Так это будет выглядеть (предпросмотр)

2. Скопируйте код

Открыть в новой вкладке

3. Вставьте на свой сайт

Никогда не вставляли код на сайт? Откройте пошаговую инструкцию со скриншотами — она проведёт вас от начала до результата.

Вставьте код туда, где должен появиться конструктор. Работает на любом сайте, который разрешает вставлять HTML (адрес вашего сайта должен начинаться с https://).

Важно знать

Данные посетителей. Фото и проекты посетителей обрабатываются на их устройстве и не отправляются ни на наш сервер, ни на ваш. Результат посетитель сохраняет сам — кнопкой «Сохранить» (файл проекта) или экспортом изображения. Мы не используем cookie и не отслеживаем самих посетителей. Для учёта тарифа и статистики окно один раз при загрузке отправляет нам обезличенные сведения: адрес вашего сайта, язык, тип экрана (телефон или нет), какие настройки окна вы выбрали и — по мере работы — факты вроде «выбрали фото» или «сохранили проект» (без самого содержимого). Если в браузере посетителя включён запрет отслеживания, остаётся только проверка тарифа. Подробнее — в политике конфиденциальности.
Телефоны. На смартфоне конструктор занимает всю ширину блока и переключается на мобильный вид. Для удобства дайте ему высоту не меньше 600 px или выберите «Адаптивная».
Обновления. Встроенное окно всегда показывает последнюю версию: код менять не нужно.
Если не работает

Пустое окно — проверьте, что ваш сайт открывается по https:// и что редактор не вырезал тег <iframe> (в некоторых конструкторах это запрещено). Не работает камера — оставьте в коде allow="camera; …" и разрешите доступ к камере в браузере. Что-то ещё — пишите в контакты.

Подробнее о самом конструкторе: руководство пользователя · встраивание: вопросы и ответы · установка как приложения.

Открыть конструктор