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.

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-your-code></toimii-your-code>

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 Nur-Text-Editor.

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 so hoch, wie Sie sonst auch veröffentlichen. Öffnen Sie dann die veröffentlichte Seite und senden Sie eine Testnachricht.

Fallstricke

Beide Zeilen oder keine: Das Script definiert das Element, der Tag platziert es. Fügen Sie nur den Tag ein, zeichnet der Browser nichts — und es gibt auch keine Fehlermeldung, die weiterhilft.
Ein Textverarbeitungsprogramm ersetzt gerade Anführungszeichen durch typografische. Der Browser liest die typografischen Zeichen dann als Teil der Adresse, und das Script wird nie geladen. Verwenden Sie einen Nur-Text-Editor.
Wenn Sie eine Content-Security-Policy setzen — als HTTP-Response-Header oder als <meta>-Tag —, erlauben Sie cdn.toimii.io in script-src und api.toimii.io in connect-src. script-src deckt das Laden der Komponente ab, connect-src das Absenden des Formulars. Die meisten einfachen HTML-Seiten haben überhaupt keine CSP.

Häufig gefragt

Benötige ich ein Backend oder PHP?

Sie benötigen keinen eigenen Server. 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?

Die Seite wird dargestellt, aber nichts, was Sie absenden, kommt an. Einsendungen werden nur von der Domain akzeptiert, die Sie in Toimii hinterlegt haben, und eine von der Festplatte geöffnete Seite hat keine Domain, die dazu passen könnte — das Absenden endet mit einer allgemeinen Fehlermeldung. Prüfen Sie das Layout von der Festplatte aus; das Absenden testen Sie auf der hochgeladenen Seite.

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 einen Plan, dessen Code-Blöcke JavaScript ausführen dürfen.

Vollständige Anleitung lesen

Webflow

Ziehen Sie ein Code-Embed-Element hinein und fügen Sie die zwei Zeilen ein. Benutzerdefinierter Code ist in Webflow eine kostenpflichtige Funktion — das ist die einzige Bedingung.

Vollständige Anleitung lesen

Wix

Verwenden Sie das Custom Element von Wix: die Script-URL Ihrer Komponente in Server URL, ihren Tag in Tag Name. Die HTML-Einbettung funktioniert nicht — sie ist ein Sandbox-iframe.

Vollständige Anleitung lesen

Shopify

Fügen Sie im Shopify-Theme-Editor einen Custom-Liquid-Bereich hinzu – keine App-Installation, keine Bearbeitung des Theme-Codes. Checkout-Seiten sind die einzige Stelle, an der das nicht geht.

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.

Kostenlose Testversion starten

Keine Kreditkarte nötig. In 2 Minuten startklar.