In Ihre Website einbetten

Ein Formular in Ihre Website einbetten

Ein öffentliches Formular lässt sich direkt in Ihrer Website anzeigen, in den Farben Ihres Themes. Die fertigen Codeausschnitte finden Sie auf der Seite Teilen und einbetten unter Auf Ihrer Website einbetten sowie im Menü API und Integration.

1. Ihre Website zulassen

Legen Sie in den Einstellungen des Formulars fest, wo es eingebettet werden darf: Auf jeder Website oder Nur auf den aufgeführten Websites (dann die Adressen Ihrer Websites eintragen). Sie können das Einbetten auch deaktivieren.

2. Skript einfügen

Fügen Sie das Skript einmal in Ihre Seite ein:

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

3. Darstellung wählen

In der Seite — das Formular passt seine Höhe dem Inhalt an:

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

Als Schaltfläche — ein Knopf öffnet das Formular über der Seite; data-af-label bestimmt die Beschriftung:

<div data-af-popup="OEFFENTLICHES_TOKEN" data-af-label="Kontakt"></div>

In den Ausschnitten auf der Seite Teilen und einbetten ist das Token bereits eingesetzt.

Nach dem Absenden

• Mit data-af-redirect="https://…" leiten Sie Besucher auf eine Dankesseite Ihrer Website weiter.
• Das Skript löst auf dem Element das Ereignis altiusforms:submit aus; Ihr Code kann darauf reagieren, etwa für Ihre Statistik:

<script>
document.addEventListener("altiusforms:submit", function (e) {
  console.log("Formular gesendet", e.detail.form);
});
</script>

Ohne Skript

Erlaubt Ihre Website keine Skripte, verwenden Sie das einfache Iframe auf derselben Seite (feste Höhe).