Outils développeurs(Beta)

Widget hero box

Vous pouvez intégrer un simulateur de rendement simple et efficace directement sur votre site Internet. Voilà un exemple du widget en fonction:

Pour obtenir ce même résultat sur votre site Internet, il suffit de suivre ces quelques étapes très simples.

1 - Vérifiez que vous utilisez la formidable librairie javascript "Jquery" dans votre page. Si ça n'est pas le cas il vous suffit de la télécharger et de l'installer ou de simplement ajouter le code suivant entre les balises <head> et </head> de votre page.

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>                

2 - Ajoutez ensuite le code suivant dans votre page (juste après la balise <body>).

<script type="text/javascript" src="//rendementlocatif.com/public/js/widget.js"></script>                

3 - Enfin ajoutez ce code dans votre page. Ce bloc va contenir le widget. Il faut donc le placer là ou vous souhaitez que le widget s'affiche sur votre page.

<div id="Rlocatif" data-width="725" data-height="325"></div>                

Paramètres

Vous pouvez configurer le widget en modifiant ou en ajoutant des attributs supplémentaires au bloc <div>. Voici la liste des paramètres supportés:

Nom Description Obligatoire? Type Exemple
data-width Largeur du widget sur la page. Non Entier 700
data-height Hauteur du widget sur la page. Non Entier 300
data-affiliateid Si vous êtes inscrit au programme d'Affiliation, indiquez ici votre numéro identifiant d'affilié. Cela aura pour effet de transformer tous les liens du widget en liens affilié afin que les visites soit attribués à votre compte et que vous receviez une commission sur les éventuelles ventes. Non Entier 1
data-neuf Permet de pré-remplir l'état neuf ou non du bien. Non 0 ou 1 1
data-prix Permet de pré-remplir le prix du bien (Frais d'agence inclus). Non Entier 250000
data-surface Permet de pré-remplir la surface du bien (en m2). Non Nombre 32.46
data-ville Permet de pré-remplir le nom de la ville. Elle doit obligatoirement être accompagné du code postal correspondant (paramètre "data-code-postal""). Non Texte Marseille
data-code-postal Permet de pré-remplir le code postal de la ville. Il doit obligatoirement être accompagné du nom de la ville correspondante (paramètre "data-ville""). Non Entier à 5 chiffres 13000
data-loyer Permet de pré-remplir le loyer. Non Entier 450