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

Что это и кому нужно

Окно-вставка — это конструктор рамок и паспарту «Багетка» прямо на странице вашего сайта. Посетитель загружает фото или выбирает работу, примеряет багет и паспарту, смотрит, как картина выглядит на стене, и не уходит с вашей страницы.

Оно полезно художникам и галереям, которые продают работы в рамах, багетным мастерским и интернет-магазинам: человек видит готовый результат и быстрее решает, заказывать ли. Фото и проекты посетителей остаются на их устройстве и на наш сервер не отправляются.

Шаг 1. Выберите тариф

Страница встраивания — artsnet.store/frame/embed.html. Там четыре тарифа, цены в рублях, за месяц или за год (год примерно на 15% выгоднее):

• Бесплатный — один сайт, до 3 000 показов в месяц, внизу окна наша надпись. Подходит, чтобы попробовать.
• Окно без надписи — 390 ₽ в месяц: один сайт, до 10 000 показов, своя тема оформления и кнопка «Отправить заявку».
• Мастерская — 1 490 ₽ в месяц: все блоки, спецификация для мастерской, заявки и аналитика, до 50 000 показов и 3 сайта.
• Мастерская Про — 3 490 ₽ в месяц: то же плюс ваше название бренда внизу окна, до 10 сайтов и 100 000 показов.

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

Шаг 2. Получите ключ

Окно работает только с ключом: он привязывает его к адресу вашего сайта. Нажмите «Получить ключ» у выбранного тарифа и укажите домен (например, example.com) и почту.

У бесплатного тарифа придёт письмо со ссылкой: откройте её, и ключ придёт вторым письмом вместе с готовым кодом. У платных тарифов ключ и чек приходят после оплаты. Ключ действует на одном домене и его поддоменах; для другого сайта нужен отдельный ключ.

Шаг 3. Настройте окно

Справа от тарифов — настройки, а ниже сразу виден предпросмотр. Что можно изменить:

• Размер: ширина на весь блок страницы и высота от 600 пикселей — так удобнее работать.
• Язык: русский или английский.
• Оформление (в тарифах со своей темой): цвет акцента, скругления, тени, шрифт — под стиль вашего сайта.
• Что убрать: заголовок, меню, чат, целые колонки или отдельные блоки. Если вам нужна только примерка рамы — оставьте «Рамы», «Багет», «Фотографию» и «Паспарту».

Шаг 4. Вставьте код на сайт

Нажмите «Скопировать код» — получится примерно такой фрагмент, уже с вашими настройками и ключом:

<iframe src="https://artsnet.store/frame/app.html?embed=1&key=emb_ВАШ_КЛЮЧ"
        title="Конструктор рамок и паспарту «Багетка»"
        style="border:0;width:100%;height:760px;"
        allow="camera; fullscreen; clipboard-write"></iframe>

Вставьте его в блок с произвольным HTML:

• Tilda — добавьте блок «T123 HTML-код», вставьте код и опубликуйте страницу;
• WordPress — блок «Произвольный HTML», затем «Обновить»;
• Wix — «Встроить код» → «Встроить HTML», затем «Опубликовать»;
• свой сайт — разместите код внутри <body> нужной страницы.

Подробная инструкция со скриншотами — в руководстве по встраиванию.

Заявки, лимит и статистика

В тарифах «Окно без надписи», «Мастерская» и «Мастерская Про» в окне появляется кнопка «Отправить заявку»: посетитель оставляет имя и телефон или e-mail, а вам на почту приходит письмо с выбранными размерами рамы и фото. Мы заявки не храним.

Когда набрано 80% и 100% месячного лимита показов, мы пришлём письмо. Если лимит исчерпан, посетитель увидит нейтральное сообщение со ссылкой на полный конструктор, а в новом месяце окно заработает снова. В тарифах с аналитикой раз в месяц приходит письмо с итогами и ссылкой на страницу статистики по ключу: показы, действия, заявки. Это только числа, без данных о посетителях.

Частые вопросы

Можно ли поставить одно окно на несколько сайтов? Один ключ — один домен (с поддоменами). Количество сайтов зависит от тарифа: в «Мастерской» их три, в «Мастерской Про» — десять.

Что будет, когда срок тарифа закончится? Окно не сломается: оно вернётся на бесплатный тариф с нашей надписью. После продления тот же ключ снова работает по платному тарифу.

Не отображается окно на странице. Проверьте, что адрес сайта начинается с https://, код вставлен целиком, а домен совпадает с тем, что указан в ключе.

Готовы попробовать? Откройте генератор кода — настройка и вставка занимают пару минут.