Виджет 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-targetCSS-селектор контейнера (по умолчанию #luxsolver-widget или сразу после скрипта)
Параметры светильника (поток/мощность/угол/размер) работают на тарифе Widget и выше — «генерация на лету». На тарифе Free виджет показывает светильники из каталога.

Живое обновление

Когда посетитель выбрал другой товар — обновите светильник без перезагрузки страницы:

LuxSolver.update({ flux: 4200, angle: 110, name: 'Spot 30W' });

Сохранение проекта

Посетитель нажимает «Сохранить на LuxSolver». Сцена открывается на luxsolver.com в новой вкладке и после входа/регистрации становится проектом в его аккаунте. Пока он явно не сохранил — в базу ничего не пишется, сам виджет работает без состояния.

Тарифы

Free — виджет со светильниками из каталога LuxSolver. Widget и выше — генерация светильников на лету по мощности и потоку, без добавления в каталог.

Разрешённые домены

Whitelist доменов по компании — скоро. Пока виджет можно встроить на любой сайт.