Виджет LuxSolver
Встройте светотехнический калькулятор в свой интернет-магазин. Посетитель проектирует помещение с вашим светильником, видит освещённость и может сохранить проект в аккаунт LuxSolver — не уходя с вашей страницы.
Быстрый старт
Вставьте этот код туда, где должен появиться калькулятор. Ключ виджета — в аккаунте LuxSolver → ваша компания → «Виджет на ваш сайт».
<div id="luxsolver-widget"></div>
<script src="https://www.luxsolver.com/widget.js"
data-company="YOUR_WIDGET_KEY"
data-flux="3600" data-angle="90"
data-dl="600" data-dw="600" data-name="Panel 600"></script>
Параметры
Передаются как data-* атрибуты тега script:
| data-* | |
|---|---|
data-company | ключ вашего виджета (обязательно) |
data-lang | язык интерфейса: en, ru, tr, de, es, fr, it. Если не задан — берётся из <html lang> вашей страницы. |
data-flux | световой поток, лм |
data-power | мощность, Вт |
data-angle | угол, ° |
data-shape | форма: rect | round | triangle | ring | arc |
data-dl / data-dw / data-dh | размер светового отверстия, мм (длина / ширина / высота) |
data-name | название светильника |
data-height | высота виджета в px (по умолчанию 640) |
data-target | CSS-селектор контейнера (по умолчанию #luxsolver-widget или сразу после скрипта) |
Живое обновление
Когда посетитель выбрал другой товар — обновите светильник без перезагрузки страницы:
LuxSolver.update({ flux: 4200, angle: 110, name: 'Spot 30W' });
Сохранение проекта
Посетитель нажимает «Сохранить на LuxSolver». Сцена открывается на luxsolver.com в новой вкладке и после входа/регистрации становится проектом в его аккаунте. Пока он явно не сохранил — в базу ничего не пишется, сам виджет работает без состояния.
Тарифы
Free — виджет со светильниками из каталога LuxSolver. Widget и выше — генерация светильников на лету по мощности и потоку, без добавления в каталог.
Разрешённые домены
Whitelist доменов по компании — скоро. Пока виджет можно встроить на любой сайт.