Comment intégrer le widget caprenov-web ?

Étape 1 : Script

Ajouter une balise script dans le head de la page en remplacement le paramètres "environnement" par la valeur correspondant à votre contexte.

<script src="{environnement}/caprenov-web.min.js"></script>

Le paramètre "environnement" accepte comme valeurs :

Étape 2 : Widget

Ajouter la balise cap-renov dans la page, à l'endroit ou vous souhaitez que le widget s'affiche.
<caprenov-web></caprenov-web>

Il est recommandé d'intégrer le widget dans une page sans contenu à gauche ou à droite dans un conteneur sans marge horizontales pour que le widget puisse utiliser 100% de la largeur de la page.

Étape 3 : Paramétrer le widget

Définir les paramètres du widget à utiliser Exemple :
  <caprenov-web widget-token="b58bcb04-b0d2-4758-b2fa-6bd23ce75809" sticky-header-selector="header.sticky"></caprenov-web>

Exemple d'utilisation dans une page web

    <html>
      <head>
        <script src="https://web.cap-renov.fr/caprenov-web.min.js"></script>
      </head>
      <body>
        <caprenov-web widget-token="b58bcb04-b0d2-4758-b2fa-6bd23ce75809" sticky-header-selector="#header"></caprenov-web>
      </body>
    </html>