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 auf Wix ein (ehrlicher Leitfaden für 2026)

Das Embed-Widget von Wix läuft in einem sandgekapselten iframe — ein einzelnes Einfügen funktioniert daher nicht. Hier ist die geteilte Methode, die funktioniert.

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

Funktioniert das wirklich?

Ja — aber nur über die geteilte Methode, mit dem Core-Plan oder höher.

Der „Widget einbetten"-Block von Wix läuft innerhalb eines sandgekapselten iframes. Im Dezember 2025 hat Wix diese Sandbox durch das Entfernen von allow-same-origin verschärft — ein einzelnes Alles-in-einem-Einfügen funktioniert daher nicht mehr. Der Script-Tag wird innerhalb des iframes geladen, wo er das DOM Ihrer Wix-Seite nicht sehen kann, und das Custom Element registriert sich an der falschen Stelle.

Die Lösung ist die geteilte Methode: Platzieren Sie den Script-Tag in Einstellungen → Benutzerdefinierter Code (der direkt in Ihre Wix-Seite injiziert wird, NICHT in ein iframe), und platzieren Sie den Custom-Element-Tag <toimii-contact></toimii-contact> in einem „Widget einbetten"-Block. Das Script registriert das Element auf der übergeordneten Seite, der Widget-Block platziert den Tag, und das Formular wird gerendert.

Schritt für Schritt

Einstellungen → Benutzerdefinierter Code öffnen

Gehen Sie im Wix-Dashboard zu Einstellungen → Benutzerdefinierter Code (unter Erweitert). Hinweis — dies erfordert den Core-Plan (17 $/Monat) oder höher. Klicken Sie auf + Benutzerdefinierten Code hinzufügen.

Script-Tag hinzufügen

Fügen Sie nur den Script-Tag ein — die erste der beiden Zeilen: <script src="https://cdn.toimii.io/components/your-code.js" async></script>. Setzen Sie „Code zu Seiten hinzufügen" auf „Alle Seiten" (oder nur die Seite, auf der Sie das Formular einbetten). Setzen Sie „Code platzieren in" auf Body — Start. Speichern.

Einen „Widget einbetten"-Block hinzufügen

Öffnen Sie den Wix-Editor für die Seite, auf der das Formular erscheinen soll. Klicken Sie auf Hinzufügen (+) → Code einbetten → Widget einbetten. (NICHT HTML einbetten — das ist die sandgekapselte Version.) Platzieren Sie das Widget dort, wo das Formular erscheinen soll.

Custom-Element-Tag einfügen

Fügen Sie in den Widget-Einstellungen nur den Custom-Element-Tag ein — die zweite Zeile: <toimii-contact></toimii-contact>. Klicken Sie auf Aktualisieren.

Widget-Block skalieren

Ändern Sie die Größe des Widget-Blocks im Editor, sodass er in etwa der Höhe des Formulars entspricht. Das Formular selbst wird außerhalb des iframes (auf Ihrer Wix-Seite) gerendert — der Widget-Block dient als Positionierungsanker.

Veröffentlichen und live ansehen

Klicken Sie auf Veröffentlichen. Die Vorschau allein zeigt das Formular nicht — Benutzerdefinierter-Code-Regeln laufen nur auf gespeicherten/veröffentlichten Versionen. Rufen Sie die Live-URL auf, um dies zu bestätigen.

Plan erforderlich

Einstellungen → Benutzerdefinierter Code erfordert den Core-Plan (17 $/Monat) oder höher. Der kostenlose Plan und der Light-Plan können „Widget einbetten" verwenden, verfügen jedoch nicht über Benutzerdefinierten Code, sodass die geteilte Methode nicht funktioniert — Sie müssten ein Upgrade durchführen.

Häufige Fallstricke

Ein einzelnes Alles-in-einem-Embed-Widget funktioniert NICHT. Wix hat die Embed-Sandbox im Dezember 2025 verschärft (allow-same-origin entfernt). Das Script wird geladen, aber das Custom Element registriert sich innerhalb des iframes — nicht auf Ihrer Wix-Seite.
Einstellungen → Benutzerdefinierter Code erfordert den Core-Plan (17 $/Monat) oder höher. Der kostenlose Plan und der Light-Plan verfügen nicht darüber.
Benutzerdefinierter-Code-Regeln werden beim Speichern angewendet — sie erscheinen nicht in der Wix-Editor-Vorschau. Klicken Sie auf „Vorschau" oder besser noch auf „Veröffentlichen" und rufen Sie die Live-URL auf.
Der „Widget einbetten"-Block hat eine feste iframe-Größe. Ändern Sie die Blockgröße im Editor, damit sie der natürlichen Höhe des Formulars entspricht; das Formular selbst befindet sich AUSSERHALB des iframes (auf der übergeordneten Seite), sodass das iframe lediglich als Positionierungsanker dient.
Wenn sich Ihre benutzerdefinierten Code-Regeln gegenseitig widersprechen, gewinnt die zuletzt gespeicherte Regel stillschweigend. Behalten Sie eine Regel, die auf beide Seiten abzielt, in head + body — einfacher zu debuggen als separate Regeln pro Seite.

Häufig gefragt

Was bedeutet „sandgekapseltes iframe"?

Ein sandgekapseltes iframe ist ein iframe mit dem sandbox-Attribut, das einschränkt, was der innere Inhalt tun kann. Im Dezember 2025 hat Wix allow-same-origin aus der Embed-Widget-Sandbox entfernt. Das Script wird weiterhin geladen, aber das Custom Element registriert sich innerhalb des iframes — nicht auf Ihrer Wix-Seite. Deshalb funktioniert ein einzelner Embed-Block nicht; wir müssen ihn aufteilen.

Warum funktioniert „HTML einbetten" nicht mehr wie früher?

Beide laufen im selben sandgekapselten iframe (seit Wix die Sicherheit im Dezember 2025 durch das Entfernen von allow-same-origin verschärft hat). Das Script wird geladen, aber das Custom Element registriert sich im iframe — nicht auf Ihrer übergeordneten Seite. Deshalb empfehlen wir stattdessen die geteilte Methode.

Moment — funktioniert die geteilte Methode wirklich?

Ja. Der Script-Tag kommt in Einstellungen → Benutzerdefinierter Code (head oder body) — das ist eine Injektion auf der übergeordneten Seite, kein iframe. Das Custom Element kommt in einen „Widget einbetten"-Block, der den Tag auf der übergeordneten Seite rendert (der Widget-Inhalt läuft im iframe, aber der Tag selbst wird in das übergeordnete DOM eingehängt). Zusammen: Das Script registriert das Element auf der übergeordneten Seite, der Tag befindet sich im übergeordneten DOM, das Formular wird gerendert.

Was ist mit Velo (Wix Dev Mode)?

Velo (Wix Dev Mode) bietet Ihnen Backend-Code und Frontend-Events — aber die Rendering-Oberfläche für HTML ist weiterhin dasselbe Embed-Widget-iframe. Velo hebt die Sandbox nicht auf, sondern gibt Ihnen lediglich eine Möglichkeit, sie per Skript zu umgehen. Für die meisten Nutzer ist die geteilte Methode einfacher.

Sollte ich einfach zu einer anderen Plattform wechseln?

Ehrlich gesagt — wenn Sie gerade einen No-Code-Website-Builder wählen, unterstützen Squarespace, Webflow und WordPress.com unsere Einbettung alle unkomplizierter als Wix. Das sagen wir nicht leichtfertig — wir möchten, dass Sie eine reibungslose Erfahrung haben, statt mit einer Sandbox zu kämpfen.

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

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.