Step by step installation

The installation of our Electiona modules is very simple. Once the web domain you want to show the modules in has already been identified in your web server, the web page will already be operative un 5 easy steps.

 

 

Introduce some simple lines in the header of the web page where you want to show your modules at.

This lines allow the module and their visual styles to be correctly updated in your site whenever you include them. Will be used for all other modules.

Inside the zip you may have received the purchasing the service, you will find a configuration of every available module and for every language available. You will only have to choose the file associated with the type of module you may want to show. 

Get the module you have just chosen and insert it where you want it to be shown on your web page and save it. Your module is now completely operative.

By now, your module is already running so if you like yoy can visit the web page and see the electoral results. But if previously you want to configure the module to show specific data, inside the guide there is a clear reference of every customizable field, along with its meaning that you may like to read in order to customize it.

Your module is completely accesible and is already configurated with your criteria and it is still posible to change some visual styles. 

Test yourself how easy it is

We want you to verify how easy it is to install one of our Electiona modules. Follow this example steps...

Install the map of provinces module

Copy this links betwen the tags <head> and </head> of your web
Copy this links betwen the tags <head> and </head> of your web

Copy this links betwen the tags <head> and </head> of your 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>

Copy this block where you want to be shawn in the module
Copy this block where you want to be shawn in the module

Copy this block where you want to be shawn in the module

<div style="text-align: center;">
    <div id="electionsMapa" class="reloadModuleos appElectionsOS loadAppElectionsOS">
        <div class="appElectionsOSAjaxLoader"></div>
    </div>
    <script type="text/javascript">
        var optionsOV = {          
            title: 'Elecciones en Catalunya 2015',
            template: 'module--mapa',           
            year: 'auto',
            yearComparative: 'auto',
        }
        appElectionsOS.newWidget('electionsMapa',optionsOV);
    </script>
</div>

Save changes and reload
Save changes and reload

Save changes and reload

Save the changes in your test-page and reload the browser to see the results.

 

Now that you know how Electiona Widgets works and you have had the opportunity of try the example, read more about our two versions FREE and PREMIUM.

Information request

Send your questions and comments