LuxSolver Widget
Embed the lighting calculator on your online store. Visitors design a room with your luminaire, see the illuminance, and can save the project to a LuxSolver account — without leaving your page.
Quick start
Add this snippet where the calculator should appear. The widget key is in your LuxSolver account → your company → “Widget on your site”.
<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>Parameters
Pass them as data-* attributes on the script tag:
| data-* | |
|---|---|
data-company | your widget key (required) |
data-lang | interface language: en, ru, tr, de, es, fr, it. If omitted, the widget uses your page’s <html lang>. |
data-flux | luminous flux, lm |
data-power | power, W |
data-angle | beam angle, ° |
data-shape | shape: rect | round | triangle | ring | arc |
data-dl / data-dw / data-dh | aperture size, mm (length / width / height) |
data-name | luminaire name |
data-height | widget height in px (default 640) |
data-target | CSS selector of the container (default #luxsolver-widget, or right after the script) |
The luminaire parameters (flux/power/angle/size) work on the Widget plan and above — “generate on the fly”. On the Free plan the widget shows catalog luminaires.
Live updates
When the visitor selects another product, update the luminaire without reloading the page:
LuxSolver.update({ flux: 4200, angle: 110, name: 'Spot 30W' });Saving a project
The visitor clicks “Save on LuxSolver”. The scene opens on luxsolver.com in a new tab and, after sign in or sign up, becomes a project in their account. Nothing is written to the database until they explicitly save — the widget itself is stateless.
Plans
Free — widget with LuxSolver catalog luminaires. Widget and higher — generate luminaires on the fly from power and flux, without adding them to the catalog.
Allowed domains
A per-company domain whitelist is coming soon. For now the widget can be embedded on any site.