Widget de Apokris
Integra el calculador de iluminación en tu tienda online. Los visitantes diseñan una sala con tu luminaria, ven la iluminancia y pueden guardar el proyecto en una cuenta de Apokris, sin salir de tu página.
Inicio rápido
Añade este fragmento donde deba aparecer el calculador. La clave del widget está en tu cuenta de Apokris → tu empresa → «Widget en tu sitio».
<div id="apokris-widget"></div>
<script src="https://www.apokris.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>
Parámetros
Pásalos como atributos data-* en la etiqueta script:
| data-* | |
|---|---|
data-company | tu clave de widget (obligatorio) |
data-lang | idioma de la interfaz: en, ru, tr, de, es, fr, it. Si se omite, el widget usa el <html lang> de tu página. |
data-flux | flujo luminoso, lm |
data-power | potencia, W |
data-angle | ángulo de haz, ° |
data-shape | forma: rect | round | triangle | ring | arc |
data-dl / data-dw / data-dh | tamaño de la abertura, mm (longitud / anchura / altura) |
data-name | nombre de la luminaria |
data-height | altura del widget en px (por defecto 640) |
data-target | selector CSS del contenedor (por defecto #apokris-widget, o justo después del script) |
Actualizaciones en vivo
Cuando el visitante selecciona otro producto, actualiza la luminaria sin recargar la página:
Apokris.update({ flux: 4200, angle: 110, name: 'Spot 30W' });
Guardar un proyecto
El visitante pulsa «Guardar en Apokris». La escena se abre en apokris.com en una pestaña nueva y, tras iniciar sesión o registrarse, se convierte en un proyecto de su cuenta. No se escribe nada en la base de datos hasta que la guarda explícitamente: el widget en sí no guarda estado.
Planes
Free — widget con las luminarias del catálogo de Apokris. Widget y superiores — genera luminarias sobre la marcha a partir de la potencia y el flujo, sin añadirlas al catálogo.
Dominios permitidos
Muy pronto habrá una lista blanca de dominios por empresa. Por ahora el widget se puede integrar en cualquier sitio.