Installation d'un simulateur dans une page


Cette document vous explique comment integrer un simulateur MULA sur une page de votre site web avec une balise embed.

1- assurez que le simulateur n'est pas bloqué par le CORS policy de votre site

la page doit avoir un header CORS configurer comme ceci

Access-Control-Allow-Origin: *

ou

Access-Control-Allow-Origin: https://www.simulation-portage-salarial.fr/

2- récuperez l'adresse du simulateur à intégrer dans l'admin

Allez sur la liste des sources, cliquez sur l'oeil pour éditer une source. Puis copiez l'URL corresponsdant à " URL du Simulateur dans un embed "

Exemple: https://www.simulation-portage-salarial.fr/embed/a5ba3987-c92f-45b4-9d89-b8d8865c2832

3 - mettez les balise suivant dans votre page

Mettez cette balise avec le bon URL copiez précedemment dans un div enfant direct de body ou dans un div enfant de container pour bootstrap. Ne le placez pas dans un div de type colonne ou tableau par example. Le simulateur risque de ne pas prendre toute la largeur de la page sinon.

<embed class="embed-mula" type="text/html" src="https://www.simulation-portage-salarial.fr/embed/a5ba3987-c92f-45b4-9d89-b8d8865c2832" width="100%"/>

Et aussi cette balise de script dans votre page avec vos autre scripts ou avant la fermeture de la balise body de votre page.

<script type="text/javascript" src="https://www.simulation-portage-salarial.fr/js/embed/embed.js"></script>

Demo : Demo