Instalación paso a paso

Instalar los widgets de Electiona es muy sencillo, identifica dentro de tu servidor web bajo el dominio asociado la página en la que quieres que se muestren y tendrás tu widget operativo en 5 pasos.

 

 

Introduce unas sencillas líneas en la cabecera de la página web donde quieras mostrar el widget.

Estas líneas permiten que el widget y sus estilos gráficos sean posteriormente cargados correctamente en tu sitio cuando los incluyas y servirán para todos los widgets. 

Haz log in y en tu zona privada podrás ver los widgets que tienes disponibles dependiendo del pack de servicio que hayas contratdo. Sólo tienes que elegir el widget que quieras mostrar.

Incluye  dentro del cuerpo de tu página web en el lugar donde quieras que se muestre el código del widget seleccionado en el punto anterior y guárdalo. Tu widget ya es completamente operativo.

En este punto tu widget ya es completamente operativo, puedes visitar la página y ver los resultados pero quizás quieras configurarlo para mostrar datos y valores concretos. Dentro de la sección Guía, tendrás una referencia clara de todos los campos configurables para cada widget, así como su significado.

Tu widget ya es completamente accesible y está configurado siguiendo tus criterios pero quizás quieras cambiar algunos aspectos gráficos y estilos. 

Comprueba que sencillo

Queremos que veas lo sencillo que instalar un módulo de ejemplo de Electiona. Sigue los pasos de este ejemplo ...

Instala el módulo Mapa de Provincias

Copia estos enlaces entre las etiquetas <head> y </head> de tu web ...
Copia estos enlaces entre las etiquetas <head> y </head> de tu web ...

Copia estos enlaces entre las etiquetas <head> y </head> de tu web ...

<link rel="stylesheet" href="http://www.electiona.com/lib/appElectionsOS/css/openvoting/openvoting.css">
 <link rel="stylesheet" href="http://www.electiona.com/lib/appElectionsOS/css/openvoting/openvoting_custom.css">
<script src="http://www.electiona.com/lib/appElectionsOS/lib/core/openvoting-web.min.js"></script>

Copia este bloque donde quieras que se muestre el módulo ...
Copia este bloque donde quieras que se muestre el módulo ...

Copia este bloque donde quieras que se muestre el módulo ...

<div style="text-align: center;">
    <div id="electionsMapa" class="reloadModuleos appElectionsOS loadAppElectionsOS">   <divclass="appElectionsOSAjaxLoader"></div></div>
    <script type="text/javascript">
            var optionsOV = {          
                title: 'Mapa de provincias',
                template: 'module--mapa',
                year: 'auto',
                yearComparative: 'auto',
                electionType: 2,
                idAmbit: 'estatal',
                parentIdAmbit: 'estatal',};appElectionsOS.newWidget('electionsMapa',optionsOV);
    </script>
</div>

Guarda los cambios y recarga
Guarda los cambios y recarga

Guarda los cambios y recarga

Guarda los cambios realizados en tu página de prueba y recarga el navegador desde el que estés visitando la página para ver los resultados.

 

 

Ahora que ya conoces cómo funciona Electiona Widgets y has podido probar nuestro ejemplo, descubre nuestras dos versiones FREE y PREMIUM.

Solicitud de información

Si tienes alguna duda o quieres que te llamemos para ampliar información sobre OpenVoting puedes escribirnos rellenando el siguiente formulario,