Installation de la widget

Cette document vous explique comment integrer les formulaires MULA sur votre site web.

I - Bouton flottant

  1. Vous devez ajouter la feuille de style. Elle se place avant la fin de head.
<link href="https://prod002.simulation-portage-salarial.fr/apps/widget.css" rel="stylesheet"/>
  1. Vous devez ajouter le fichier Javascript à la fin de la page.
<mula-widget serial="[CLEF_SOURCE]"></mula-widget>

<script type="text/javascript" src="https://prod002.simulation-portage-salarial.fr/apps/widget.js" ></script>

Exemple :

<html>
    <head>
        <link href="https://prod002.simulation-portage-salarial.fr/apps/widget.css" rel="stylesheet" />
    </head>
    <body>
        <mula-widget serial="AB6XD839ADF45"></mula-widget>

        <script type="text/javascript" src="https://prod002.simulation-portage-salarial.fr/apps/widget.js"></script>
    </body>
</html>

II - Bouton non flottant

  1. Similaire au bouton flottant, vous devez ajouter la feuille de style. Elle se place avant la fin de head.
<link href="https://prod002.simulation-portage-salarial.fr/apps/widget.css" rel="stylesheet"/>
  1. Vous devez ajouter le fichier Javascript à la fin de la page.
<script type="text/javascript" src="https://prod002.simulation-portage-salarial.fr/apps/widget.js"></script>
  1. Vous pouvez placer le bouton où vous voulez qu'il apparaisse, avec l'attribut "no-floating".
<mula-widget serial="[CLEF_SOURCE]" no-floating ></mula-widget>

Si vous souhaitez que les boutons apparaissent côte à côte, vous pouvez ajouter l'attribut "mode-column".

<mula-widget serial="[CLEF_SOURCE]" no-floating mode-column ></mula-widget>

Exemple :

<html>
    <head>
        <link href="https://prod002.simulation-portage-salarial.fr/apps/widget.css" rel="stylesheet" />
    </head>
    <body>
        <mula-widget serial="AB6XD839ADF45" no-floating ></mula-widget>
        <!-- ou encore -->
        <mula-widget serial="AB6XD839ADF45" no-floating mode-column ></mula-widget>

        <script type="text/javascript" src="https://prod002.simulation-portage-salarial.fr/apps/widget.js"></script>
    </body>
</html>

Demo : Demo