Toimii startet 2026 — diese Website ist eine frühe Vorschau.
Deutsch
English
Nordic
Suomi Svenska Norsk Dansk Íslenska
Baltic
Eesti Latviešu Lietuvių
Europe
Deutsch Français Español Italiano Nederlands Polski Português

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

Wie man ein Kontaktformular in WordPress ohne Plugin einbettet

Ein benutzerdefinierter HTML-Block. Zwei Zeilen. Keine Plugin-Installation, kein PHP, keine Datenbankänderungen — funktioniert mit dem Block-Editor oder dem Classic Editor.

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

Ja — auf WordPress.org (selbst gehostet) und auf WordPress.com ab dem Business-Plan. Der benutzerdefinierte HTML-Block ist integriert. Kein Plugin erforderlich. Der einzige Vorbehalt — Ihre Benutzerrolle benötigt die Berechtigung unfiltered_html (Administratoren haben sie; Editoren und Mitarbeiter nicht).

Schritt für Schritt

1
Seite oder Beitrag öffnen
Gehen Sie in WP Admin zu Seiten oder Beiträgen und öffnen Sie den Eintrag, in dem Sie das Formular platzieren möchten. Stellen Sie sicher, dass Sie als Administrator angemeldet sind — bei Editor- und Mitarbeiterrollen werden Scripts beim Speichern lautlos entfernt.
2
Einen benutzerdefinierten HTML-Block hinzufügen
Klicken Sie auf die Schaltfläche + (Block hinzufügen), suchen Sie nach „Benutzerdefiniertes HTML" und fügen Sie den Block ein. Wechseln Sie im Classic Editor zur Registerkarte „Text".
3
Einbettungs-Code einfügen
Kopieren Sie die beiden Zeilen aus Ihrem Toimii-Dashboard und fügen Sie sie in den Block ein. Der Block-Editor zeigt keine Vorschau benutzerdefinierter Scripts in der Editor-Ansicht — das ist zu erwarten.
4
Vorschau
Klicken Sie auf „Vorschau". Das Formular sollte auf der Vorschauseite gerendert werden — die Vorschau ist die verlässliche Referenz, nicht die Editor-Ansicht.
5
Veröffentlichen oder aktualisieren
Klicken Sie auf „Aktualisieren" oder „Veröffentlichen". Rufen Sie die Live-URL auf, um zu bestätigen, dass das Formular vollständig funktioniert. Senden Sie eine Testnachricht.
Plan erforderlich

WordPress.org (selbst gehostet) hat keine Plan-Einschränkung. WordPress.com erfordert den Business-Plan (oder einen kostenpflichtigen Plan mit mindestens einem aktivierten Plugin) — der kostenlose Plan, Personal-Plan und Premium-Plan blockieren benutzerdefinierten Code.

Häufige Fallstricke

  • WordPress entfernt <script>-Tags von Nicht-Administrator-Benutzern lautlos. Editoren und Mitarbeiter verlieren das eingebettete Element beim Speichern ohne Warnung — nur Administratoren (oder Benutzer mit der Berechtigung unfiltered_html) können es behalten.
  • Caching-Plugins (W3 Total Cache, WP Super Cache, LiteSpeed Cache) erfordern nach der ersten Veröffentlichung manchmal eine manuelle Cache-Leerung, bevor das Script-Tag die Besucher erreicht.
  • Einige Sicherheits-Plugins (Wordfence, iThemes Security) blockieren Inline-Scripts auch für Administratoren. Falls das Formular nicht gerendert wird, fügen Sie cdn.toimii.io und api.toimii.io zur Positivliste in den Firewall-/Zulassungseinstellungen des Plugins hinzu.
  • AMP-Plugins entfernen beliebige Scripts. Deaktivieren Sie AMP für die Seite, auf der das Formular gehostet wird, oder verzichten Sie ganz auf AMP.
  • Fügen Sie im Classic Editor im Textmodus ein — nicht im visuellen Modus. Der visuelle Modus kodiert rohes HTML neu.

Häufig gefragt

Warum wird mein eingebettetes Element nach dem Speichern nicht angezeigt?

Überprüfen Sie Ihre Benutzerrolle. Der WordPress-Filter wp_kses() entfernt

Einbetten auf einer anderen Plattform?

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

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
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.