alpes.one.calltracking

This documentation describes how to integrate the calltracking in the site.

Adding the script

Add the following script to your page. jQuery is not mandatory.

<script id="alpesone-clicktocall" src="//alpes.one/clicktocall/alpesone.clicktocall.min.js"></sript>

Configuration

The first configuration can be done through the Alpes One panel in the "Calltracking" menu or it can be done directly in the js file:

<script id="alpesone-clicktocall" data-options='{ "backgroundHead": "#cc99cc", [...] }' src="//alpes.one/clicktocall/alpesone.clicktocall.min.js"></sript>

Note¹: If the script was configured in both methods (panel and direct into the script), the direct configuration it will be used.

Note²: You need to tell which action button will be used to trigger the "Click To Call" and this can be dome through the panel or data-options.

data-options possible values

Note:

attribute	values
btnAction	It can be added by the class name of the button .btnClickToCall or using the id of the button #btnClickToCall. Note: it is necessary to inform . for class and # for id element
backgroundHead	To change the color of the top of the modal is necessary to use the colors in hexadecimal format, for example: #ff0000 for color Red. You can check the hex code for all color at this link:
modalTitle	Title that will be displayed in the modal.

Example:

<script id="alpesone-clicktocall" data-options='{ "backgroundHead": "#cc99cc", "modalTitle": "Ligue Agora", "btnAction": ".btn-ligamos-para-voce"}' src="//alpes.one/clicktocall/alpesone.clicktocall.min.js"></script>

Manual integration

Coming Soon