Le script du widget et l'ensemble des paramètres

Le script du Widget

Les attributs affichés dans la table présentée en bas de page s'insèrent directement dans le script du widget, selon les paramètres souhaités. Comme indiqués, ils ne sont pas tous obligatoires : beaucoup relèvent de paramètres optionnels.

Voici un exemple de script de widget :

<script src="v3-widget.leadformance.com/<version>/bridge-widget.js" 
   data-target="#widget" 
   data-locale="en" 
   data-api-key="57f76cf6a4da070f00c58e73_f0a75daa-f4c5-4557-b25d-799270d3272" 
   data-api-secret="bc1d8180-5b82-4d75-bbc7-389d41aad3f3" 
   data-title="Welcome on the BRIDGE widget" 
   data-search-max-results="10"
   data-search-placeholder="Search, ..." 
   data-search-radius="50000" 
   data-search-geolocation="true" 
   data-custom-redirection-url="http://hmpg.net/" 
   data-map-provider="googleMap" 
   data-map-api-key="some map provider public api key" 
   data-map-marker="https://url/marker.png" 
   data-map-cluster="true" 
   data-custom-style-url="http://File.css"> 
</script>

Table des paramètres

Vous retrouverez ci-dessous l'ensemble des attributs disponibles :

Attribut (`data-`)	Requis	Type	Description
api-key	true	String	Cette clé d'API vous est fournie par les administrateurs BRIDGE.
api-secret	true	String	La clé secrète d'API vous est également fournie par les administrateurs BRIDGE.
locale	true	String	La locale utilisée (en/fr). Détermine la langue de certains labels et les villes remontées dans l'autocomplete.
target	true	String	Un sélecteur d'élément correspondant à l'élément où vous souhaitez ajouter le widget. Supporte les mêmes sélecteurs que la fonction `document.querySelector`
custom-redirection-url	false	String	L'url personnalisée de redirection, avec le location id comme paramètre (ex: http://your.url?locationId=). Masqué pour les points de vente sans location id.
custom-style-url	false	String	L'url du fichier CSS qui va être à l'origine du style appliqué au Widget.
search-geolocation	false	Boolean	Définir comme "true" pour activer la géolocalisation HTML5.
map-api-key	false	String	La clé API du fournisseur de carte ( à l'heure actuelle, Google Maps).
map-cluster	false	Boolean	Définir come 'true' pour activer le regroupement (cluster) des marqueurs qui matérialisent les points de vente sur la carte.
map-marker	false	String	L'URL pour définir une image personnalisée de marqueur.
map-provider	false	String	Le fournisseur de carte parmi ceux implémentés. (à l'heure actuelle, le seul implémenté est 'googleMap'). Ne pas ajouter cet attribut pour ne pas afficher de carte dans les résultats de recherche.
search-max-results	false	Number	Définit le nombre maximum de points de vente retournés dans les résultats de recherche.
search-placeholder	false	String	Le placeholder affiché dans la barre de recherche.
search-radius	false	Number	Le rayon maximum de recherche (en mètres).
title	false	String	Le titre affiché au dessus du widget.

Articles dans cette section

Commentaires

Articles dans cette section

Articles associés