Diese Anleitungen beschreiben Toimii nach dem Start. Das Dashboard und die Abrechnung sind noch nicht verfügbar — Toimii wird 2026 veröffentlicht.

So betten Sie ein Kontaktformular in zwei Minuten in Webflow ein

Ein Code-Embed-Element auf der Canvas. Zum Anzeigen veröffentlichen. Der Designer zeigt keine Vorschau von benutzerdefiniertem Code — das ist eine Webflow-Eigenheit, kein Toimii-Problem.

<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-contact></toimii-contact>

Funktioniert das wirklich?

Ja — mit dem Basic-Siteplan oder höher. Das Code-Embed-Element (2024 von „Embed" umbenannt) führt beim Veröffentlichen inline Skripte aus. Der Designer zeigt keine Vorschau von benutzerdefiniertem Code, daher sehen Sie das Formular erst auf Ihrer veröffentlichten *.webflow.io-URL oder Live-Domain.

Schritt für Schritt

Seite im Designer öffnen

Öffnen Sie die Seite, auf der das Formular erscheinen soll. Stellen Sie sicher, dass Sie den Basic-Plan oder höher verwenden — der kostenlose Starter-Plan entfernt benutzerdefinierten Code.

Code-Embed-Element einfügen

Ziehen Sie im Add-Panel das Code-Embed-Element an die gewünschte Stelle auf der Canvas. (2024 von „Embed component" umbenannt — dasselbe Element.)

Einbettungscode einfügen

Doppelklicken Sie auf das Code-Embed, um den Code-Editor zu öffnen. Fügen Sie die zwei Zeilen aus Ihrem Toimii-Dashboard ein. Klicken Sie auf Save & Close.

Keine Designer-Vorschau erwarten

Der Designer zeigt einen Platzhalter an der Stelle des Embeds — das ist normal, benutzerdefinierter Code wird im Designer nicht als Vorschau angezeigt.

Veröffentlichen und überprüfen

Klicken Sie auf Publish. Rufen Sie das Formular über Ihre *.webflow.io-Staging-URL oder Ihre Live-Domain auf. Senden Sie eine Testnachricht, um alles zu bestätigen.

Plan erforderlich

Webflows kostenloser Starter-Plan entfernt beim Veröffentlichen benutzerdefinierten Code. Um Toimii zu verwenden, benötigen Sie den Basic-Siteplan ($14/Monat) oder höher.

Häufige Fallstricke

Der Webflow-Designer zeigt keine Vorschau von benutzerdefiniertem Code. Im Editor sehen Sie einen Platzhalter — das Formular wird erst auf der veröffentlichten Website gerendert. Zum Anzeigen veröffentlichen.
Das Code-Embed-Element hat ein Limit von 50.000 Zeichen. Unser Embed liegt weit darunter, aber kombinieren Sie mehrere Einbettungen sorgfältig.
Benutzerdefinierter Code erfordert mindestens den Basic-Siteplan ($14/Monat). Der kostenlose Starter-Plan entfernt beim Veröffentlichen sämtlichen benutzerdefinierten Code.
Webflows „Embed component" wurde 2024 in „Code Embed element" umbenannt. Wenn in einem Tutorial „Embed" steht, suchen Sie im Add-Panel nach Code Embed.
Wenn Sie das Embed in ein Div mit display flex / grid einbetten, wird der Shadow-DOM-Root der Komponente als Block-Element behandelt. Gestalten Sie das übergeordnete Element, nicht die Komponente selbst.

Häufig gefragt

Der Designer zeigt das Formular nicht — ist etwas kaputt?

Nein. Der Webflow-Designer führt keinen benutzerdefinierten Code aus — er zeigt einen Platzhalter an, wo das Embed erscheinen wird. Um das Formular zu sehen, klicken Sie auf Publish und rufen Sie es über Ihre *.webflow.io-Staging-URL oder Ihre Live-Domain auf.

Funktioniert es mit dem kostenlosen Starter-Plan?

Nein — benutzerdefinierter Code erfordert den Basic-Siteplan ($14/Monat) oder höher. Der kostenlose Starter-Plan blockiert sämtlichen benutzerdefinierten Code, sodass das Embed erst nach einem Upgrade ausgeführt wird.

Ich sehe „Code Embed element" — ist das dasselbe wie das alte „Embed"?

Webflow hat die „Embed"-Komponente 2024 in „Code Embed element" umbenannt. Dieselbe Komponente, neuer Name. Wenn in Ihrem Tutorial „Embed" steht, suchen Sie nach Code Embed.

Ich habe gehört, es gibt ein Limit von 50.000 Zeichen?

Das Code-Embed-Element hat ein Limit von 50.000 Zeichen pro Instanz. Unsere zwei Zeilen liegen weit darunter — aber wenn Sie in demselben Embed auch Analyse- oder anderen benutzerdefinierten Code einfügen, sollten Sie die Zeichenanzahl im Blick behalten.

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.

WordPress

Benutzerdefinierter HTML-Block, Block-Editor oder Classic Editor. Keine Plugin-Installation. Ein Vorbehalt — Ihre Benutzerrolle benötigt die Berechtigung unfiltered_html.

Vollständige Anleitung lesen

Squarespace

Fügen Sie einen Code-Block auf einer beliebigen Seite ein. Erfordert den Core-Plan (2025 umbenannt von Business) oder höher.

Vollständige Anleitung lesen

Wix

Wix kapselt das Embed-Widget in einer Sandbox, daher verwenden wir eine geteilte Methode — Script über Einstellungen → Benutzerdefinierter Code, Tag über Widget einbetten. Ein ehrlicher Leitfaden.

Vollständige Anleitung lesen

Shopify

Fügen Sie jedem Theme einen Custom-Liquid-Bereich hinzu – keine App-Installation erforderlich. Überspringen Sie Checkout-Seiten, es sei denn, Sie nutzen Shopify Plus.

Vollständige Anleitung lesen

Statische Websites

Astro, Hugo, 11ty, Jekyll — dieselben zwei Zeilen in Ihrer Layout-Vorlage. Builds bleiben schnell.

Vollständige Anleitung lesen

HTML / Benutzerdefiniert

Eine einfache HTML-Seite genügt. Öffnen Sie sie in einem beliebigen Texteditor, fügen Sie den Code ein, speichern Sie, laden Sie hoch. Drei Schritte — und Sie sind live.

Vollständige Anleitung lesen

React / Vue / Angular

Verwenden Sie das Custom Element direkt in JSX, Vue-Templates oder Angular-Komponenten. Kein Wrapper, kein zusätzliches Paket.

Vollständige Anleitung lesen

Bereit zum Ausprobieren?

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

Keine Kreditkarte nötig. In 2 Minuten startklar.