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

Der einfachste Weg, ein Kontaktformular zu einer einfachen HTML-Seite hinzuzufügen

Zwei Zeilen irgendwo in <body>. Kein Build-Schritt, keine Abhängigkeiten. Wer speichern und hochladen kann, schafft auch das.

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

Funktioniert das wirklich?

Ja — und das ist der einfachste Fall. Einfaches HTML kennt kein Plugin-Sandboxing, kein Editor entfernt Scripts, keine Tarifbeschränkung. Die zwei Zeilen funktionieren überall, wo Sie eine .html-Datei speichern und hochladen können.

Schritt für Schritt

Öffnen Sie Ihre .html-Datei

Öffnen Sie die .html-Datei, auf der das Formular erscheinen soll, in einem beliebigen Texteditor — VS Code, Sublime, Notepad++, oder TextEdit (im Nur-Text-Modus).

Embed-Code einfügen

Fügen Sie die zwei Zeilen aus Ihrem Toimii-Dashboard innerhalb von <body> ein, genau dort, wo das Formular erscheinen soll.

Speichern und hochladen

Speichern Sie die Datei und laden Sie sie auf Ihr Hosting hoch — FTP, S3, Netlify Drop oder was auch immer Sie nutzen. Öffnen Sie die Seite im Browser zur Bestätigung.

Häufige Fallstricke

Fügen Sie den Snippet nicht innerhalb von <head> ein. Das Custom Element ist ein Element auf Body-Ebene — es muss innerhalb von <body> stehen.
Lassen Sie das async-Attribut am Script-Tag nicht weg. Ohne es blockiert das Script das Rendering der restlichen Seite.
Wenn Sie aus einem Rich-Text-Editor kopieren und einfügen, erhalten Sie möglicherweise typografische Anführungszeichen (" ") statt gerader (" "). Verwenden Sie einen Nur-Text-Editor — VS Code, Sublime, Notepad, TextEdit im Nur-Text-Modus.
Wenn Ihre Seite bereits Content-Security-Policy-Meta-Tags enthält, erlauben Sie cdn.toimii.io in script-src und connect-src. Die meisten einfachen HTML-Seiten haben keine CSP.

Häufig gefragt

Benötige ich ein Backend oder PHP?

Kein Backend erforderlich. Einsendungen gehen direkt vom Formular an die Toimii-API — Ihre HTML-Seite kann von überall aus bereitgestellt werden, auch von einem kostenlosen Static-Host.

Kann ich die .html-Datei direkt über file:// öffnen?

Das hängt vom Browser ab. Chrome und Safari öffnen .html-Dateien über file:// problemlos; Firefox blockiert Cross-Origin-Scripts bei file://-URLs. Für zuverlässige Tests starten Sie einen kleinen lokalen Server (npx serve, python -m http.server) und öffnen http://localhost.

Funktioniert es in CodePen, JSFiddle oder einer Sandbox?

Ja — fügen Sie die zwei Zeilen in den HTML-Bereich ein. Das Script wird geladen und die Komponente wird im Vorschau-iframe dargestellt.

Funktioniert es auch offline?

Die Seite lädt, aber das Formular benötigt eine Netzwerkverbindung zum Absenden. Ist ein Besucher offline, wird die Seite problemlos dargestellt — die Nachricht kann erst abgeschickt werden, sobald er wieder online ist.

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

Webflow

Das Code-Embed-Element fasst bis zu 50.000 Zeichen. Benutzerdefinierter Code erfordert den Basic-Plan oder höher. Zum Anzeigen veröffentlichen.

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

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.