Toimii ist im Soft Launch gestartet — der Dienst ist live und die Registrierung ist offen. Kostenlos testen →

Toimii ist im Soft Launch gestartet — diese Anleitungen beschreiben also einen Dienst, für den Sie sich schon heute registrieren und den Sie sofort nutzen können. Ein paar Teile sind noch unterwegs: Die Apps für iOS und Android erscheinen im Laufe des Jahres 2026.

So betten Sie ein Kontaktformular in zwei Minuten in Webflow ein

Ein Code-Embed-Element, zwei Zeilen hinein, veröffentlichen. Die Canvas zeigt einen Platzhalter statt des Formulars — so zeichnet Webflow ein Script-Tag.

<!-- Fügen Sie dies an beliebiger Stelle auf Ihrer Seite ein -->
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Funktioniert das wirklich?

Ja. Das Code-Embed-Element ist Webflows eigenes: Es nimmt die zwei Zeilen genau so, wie sie geschrieben sind, und führt sie auf der veröffentlichten Seite aus, ohne dass Sie eine App installieren müssen. Für Ihren Plan gilt eine Bedingung, siehe unten.

Schritt für Schritt

1
Seite im Designer öffnen
Öffnen Sie im Designer die Seite, auf der das Formular erscheinen soll, und scrollen Sie an die Stelle, an der Sie es haben möchten.
2
Code-Embed-Element einfügen
Ziehen Sie das Element aus dem Add-Panel auf die Canvas, in den Abschnitt oder Container, in den das Formular gehört.
3
Einbettungscode einfügen
Doppelklicken Sie auf das Element, um seinen Code-Editor zu öffnen, fügen Sie die zwei Zeilen von der Seite Ihrer Komponente in Toimii ein und speichern Sie. Kopieren Sie sie, statt sie abzutippen — der Name des Elements ist bei jeder Komponente ein anderer.
4
Veröffentlichen, dann die Live-Seite prüfen
Veröffentlichen Sie die Website, öffnen Sie dann die veröffentlichte Seite und senden Sie eine Testnachricht. Erst eine angekommene Nachricht beweist, dass das Embed durchgängig funktioniert.
Plan erforderlich

Benutzerdefinierter Code ist eine kostenpflichtige Funktion, und zwei Dinge schalten sie frei: ein kostenpflichtiger Workspace oder ein aktiver Site-Plan für die Website. Eines von beidem allein genügt — genau das übersehen die meisten Anleitungen. Welche Pläne infrage kommen, listet Webflow auf seiner eigenen Seite zum Code-Embed-Element auf; anderswo zitierte Stufen und Preise haben sich mehr als einmal geändert.

Fallstricke

  • Veröffentlicht wird nur auf die Domains, die Sie im Publish-Dialog auswählen. Ist das Formular auf der Staging-Adresse zu sehen, fehlt aber auf Ihrer eigenen Domain, prüfen Sie zuerst diese Auswahl.
  • Gestalten Sie den Container, nicht das Formular: Breite, Ausrichtung und Abstände gehören auf das Element, in dem das Code-Embed steckt. Das Aussehen des Formulars selbst stellen Sie in Toimii ein.
  • Zwei Formulare auf einer Seite bedeuten zwei Komponenten, jede mit ihrem eigenen Zeilenpaar. Fügen Sie dieselben Zeilen ein zweites Mal ein, wiederholt sich nur das erste Formular, und beides landet an derselben Stelle.

Häufig gefragt

Der Designer zeigt das Formular nicht — ist etwas kaputt?

Nein. Webflow zeichnet an jeder Stelle, an der auf der Canvas ein Script-Tag sitzt, einen Platzhalter — das Formular erscheint also erst, wenn die Seite ausgeliefert wird. Die Vorschau führt benutzerdefinierten Code aus, wenn Sie das einschalten, liefert die Seite dann aber von einer eigenen Webflow-Adresse aus — der Test, der zählt, bleibt die veröffentlichte Seite.

Funktioniert es mit dem kostenlosen Plan von Webflow?

Nein — benutzerdefinierter Code ist der kostenpflichtige Teil von Webflow. Bevor Sie etwas kaufen, prüfen Sie, was Sie schon haben: Ein kostenpflichtiger Workspace deckt das genauso ab wie ein Site-Plan, und eines von beidem allein genügt.

Kommt es zu Konflikten mit Webflow-Interaktionen oder Animationen?

Nein. Die Komponente befindet sich in ihrem eigenen Shadow DOM — sie hat keinen Zugriff auf Webflows Interaktionen oder Animationen, und Webflow sieht nicht, was sich innerhalb der Komponente befindet. Beide funktionieren problemlos nebeneinander.

Einbetten auf einer anderen Plattform?

Dieselben zwei Codezeilen, für jede Plattform einzeln erklärt.

Bereit zum Ausprobieren?

30 Tage kostenlos testen. Keine Kreditkarte. In wenigen Minuten eingerichtet.

Keine Kreditkarte nötig. In 2 Minuten startklar.