Guia para crear widgets web personalizados

Guia para crear widgets web personalizados

Los widgets personalizados permiten extender el constructor de páginas (por ejemplo, un formulario de admision o una landing de informes) con elementos interactivos propios.

Requisitos previos

• Conocimientos básicos de HTML, CSS y JavaScript (o un framework como React, Vue o Angular).
• Familiaridad con iframes y programacion basada en eventos.

Pasos generales

1. Registrate como desarrollador y crea tu app.
2. Construye tu aplicación, generando el HTML, CSS y JS del widget mediante createHtml(), createCss() y createJs().
3. Comunica el widget al constructor mediante un evento (parent.emit('code', {...})).
4. Sube tu proyecto como archivo .zip (los .rar no son compatibles), usando siempre rutas relativas.
5. Configura ajustes limitados editables desde el constructor, y deja los ajustes principales en tu propia ventana de configuración.

Eventos disponibles

• customWidgetOpenPopup: abre una ventana emergente en la vista previa.
• customWidgetGoToNextStep: avanza al siguiente paso del formulario.

Antes de enviarlo a revisión, verifica que tu widget no interfiera con el constructor, no incluya scripts externos no declarados, y mantenga su estado correctamente entre visitas.