Online-Formulare in Bitrix24 bieten flexible Möglichkeiten zur Datenerfassung und Integration in Websites. Mit individuellen Code-Anpassungen lassen sich Formulare mehrfach einbetten, Standardwerte vorgeben oder Daten dynamisch übertragen.
Ein Online-Formular mehrmals auf einer Seite einbetten
Falls Sie ein Formular an mehreren Stellen auf derselben Seite benötigen, können Sie den Einbettungscode einfach kopieren und an den gewünschten Positionen einfügen.
So gehen Sie vor:
- Kopieren Sie den generierten Einbettungscode des Formulars.
- Fügen Sie ihn an den entsprechenden Stellen in den HTML-Code Ihrer Website ein.
Kann man ein Online-Formular und ein Widget mit demselben Formular auf einer Website nutzen?
Ja, das ist möglich. Kopieren Sie den Code und betten Sie diesen dort ein, wo es nötig ist.
Mehrere Online-Formulare mit Kontaktinformationen auf einer Seite einbetten
Falls Sie mehrere Formulare mit unterschiedlichen Kontaktfeldern benötigen, können Sie diese nebeneinander oder nacheinander einbetten.
So gehen Sie vor:
- Kopieren Sie die Einbettungscodes der einzelnen Formulare.
- Fügen Sie sie an den gewünschten Stellen in Ihren Website-Code ein.
Feldwerte im Code des Online-Formulars vorgeben (auch für nicht sichtbare Felder)
Sie können Standardwerte für Formularfelder festlegen – entweder für alle Formulare auf der Seite oder nur für ein bestimmtes Formular.
Werte für ein bestimmtes Formular festlegen
Entfernen Sie die Kommentarzeichen (//), um das Skript für ein bestimmtes Formular (hier mit der ID 792) zu aktivieren. Binden Sie das Skript vor der Formularaktivierung ein.
<script>
window.addEventListener('b24:form:init', (event) => {
let form = event.detail.object;
/*if (form.identification.id == 792) {
form.setProperty("param1", "1");
form.setProperty("city", "Musterstadt");
}*/
});
</script>
Feldwerte für alle Widgets auf der Seite angeben
Betten Sie dieses Skript auf der Seite vor der Aktivierung der Widgets ein.
<script>
window.addEventListener('b24:form:init', (event) => {
let form = event.detail.object;
form.setValues({
"name": "Mia",
"last-name": "Fuchs",
"email": "fuchs@muster.de",
"phone": "+49234234234"
});
});
</script>