1. Documentation
  2. Partager et remplir
  3. Intégrer à votre site

Intégrer à votre site

Intégrer un formulaire dans votre site

Un formulaire public peut s'afficher directement dans votre site, aux couleurs de votre thème. Les extraits prêts à copier se trouvent sur la page Partager et intégrer, rubrique Intégrer sur votre site, et dans le menu API et intégration.

1. Autoriser votre site

Dans Paramètres du formulaire, choisissez où il peut être intégré : Sur n'importe quel site ou Seulement sur les sites listés (indiquez alors les adresses de vos sites). Vous pouvez aussi désactiver l'intégration.

2. Ajouter le script

Placez une fois le script dans votre page :

<script src="https://votre-nom.altiusforms.com/static/sdk/altiusforms.js"></script>

3. Choisir l'affichage

Dans la page — le formulaire prend la hauteur de son contenu :

<div data-af-embed="JETON_PUBLIC"></div>

Sous forme de bouton — un bouton ouvre le formulaire par-dessus la page ; data-af-label règle son texte :

<div data-af-popup="JETON_PUBLIC" data-af-label="Nous contacter"></div>

Le jeton public est déjà rempli dans les extraits de la page Partager et intégrer.

Après l'envoi

  • Ajoutez data-af-redirect="https://…" pour envoyer le visiteur vers une page de remerciement de votre site.
  • Le script émet l'événement altiusforms:submit sur l'élément ; votre code peut l'écouter, par exemple pour vos statistiques :
<script>
document.addEventListener("altiusforms:submit", function (e) {
  console.log("Formulaire envoyé", e.detail.form);
});
</script>

Sans script

Si votre site n'accepte pas de scripts, utilisez l'Iframe simple proposée sur la même page (hauteur fixe).