Документация
v1.0.0
Документация по использованию виджетов Kartoteka
🔲 Встраивание темного виджета
Для добавления темного виджета на ваш сайт используйте следующий код:
1<iframe id="krt-kartoteka-widget"
2 style="border-radius: 15px"
3 src="https://kartoteka.digital/widgets/avaliable.php?lang=ru"
4 frameborder="0" scrolling="no" width="270" height="122">
5</iframe>
6
⬜ Встраивание светлого виджета
Если вам нужен светлый вариант виджета, используйте этот код:
1<iframe id="krt-kartoteka-widget-white"
2 style="border-radius: 15px"
3 src="https://kartoteka.digital/widgets/avaliable.php?light=true&lang=ru"
4 frameborder="0" scrolling="no" width="270" height="122">
5</iframe>
6
➡️ Эти виджеты отображают иконки магазинов приложений и помогает клиентам понять, что вашу компанию можно найти в приложении Kartoteka. Покупатели смогут примерить вашу продукцию прямо у себя дома или на участке — всего в пару кликов.
🪑 Встраивание просмотрщика товаров
Просмотрщик товаров позволяет отображать 3D-каталог компании с интерактивными функциями, сменой фонов и выбором продуктов.
Пример кода для встраивания:
1<iframe id="krt-kartoteka-viewer"
2 style="border-radius: 15px"
3 src="https://kartoteka.digital/objects.php?company=g-mebel&bg=1&lang=ru"
4 frameborder="0" scrolling="no" width="1058" height="660">
5</iframe>
6
⚙️ Доступные параметры:
Параметр | Описание |
---|---|
"company" | Идентификатор компании (например, "g-mebel") |
"bg" | Фон по умолчанию |
"lang" | Язык интерфейса ("ru", "en" и др.) |
🧩 Возможности просмотрщика:
- Выбор и предпросмотр товаров в реальном времени
- Визуализация в интерьере
- Кнопка копирования ссылки на товар
- Изменение фона и сцены
- Отображение названия и модели
- Интерактивные элементы управления (изменение ракурса, масштаб и т.д.)
📎 Генерация iframe
В интерфейсе можно выбрать:
- Компания: список доступных брендов (например, "g-mebel")
- Фон по умолчанию
- Просмотр на модели дома
Автоматически формируется готовый код для вставки, который можно скопировать в один клик.
✅ Заключение
Виджеты Kartoteka — простой способ встраивания:
- Интерактивного просмотрщика 3D-моделей мебели
- Информационных блоков с иконками магазинов приложений
Они легко интегрируются с любым сайтом через "iframe", имеют адаптивные стили и настраиваемые параметры.