Toimii ist im Soft Launch gestartet — der Dienst ist live und die Registrierung ist offen. Kostenlos testen →

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.

Kontaktformular auf Shopify mit Custom Liquid einbetten

Ein Custom-Liquid-Bereich im Theme-Editor. Keine App-Installation, keine Liquid-Kenntnisse erforderlich – die zwei Zeilen einfügen und speichern.

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

Ja – wenn Ihr Theme einen Custom-Liquid-Bereich anbietet. Das ist Shopifys eigene Antwort darauf, Code zu einer Seite hinzuzufügen, ohne Theme-Dateien zu bearbeiten.

Schritt für Schritt

1
Theme-Editor öffnen
Öffnen Sie in Ihrem Shopify-Adminbereich den Theme-Editor für das Theme, das Sie ändern möchten.
2
Custom-Liquid-Bereich hinzufügen
Gehen Sie zu der Seite, auf der das Formular erscheinen soll, fügen Sie dann einen Bereich hinzu und wählen Sie „Custom Liquid“.
3
Einbettungscode einfügen
Fügen Sie die zwei Zeilen von der Seite Ihrer Komponente in Toimii in das Liquid-Feld ein. Das Feld nimmt reinen HTML-Code entgegen und leitet ihn unverändert weiter, sodass Script-Tag und benutzerdefiniertes Element wie vorgesehen funktionieren.
4
Speichern, dann die Live-Storefront prüfen
Speichern Sie im Theme-Editor, öffnen Sie dann die Seite auf Ihrer Storefront — nicht die Editor-Vorschau — und senden Sie eine Testnachricht. Erst eine angekommene Nachricht beweist, dass das Embed durchgängig funktioniert.

Fallstricke

  • Fügen Sie den Code über den Theme-Editor hinzu, statt Theme-Dateien zu bearbeiten. Shopify aktualisiert ein Theme nur so lange automatisch, wie dessen Dateien im Originalzustand sind — und Custom Liquid gibt es genau dafür, dass Sie eigenen Code hinzufügen können, ohne sie anzufassen. Bearbeiten Sie stattdessen den Theme-Code, müssen Sie jedes künftige Update von Hand einspielen.
  • Checkout- und Geschenkkartenseiten nehmen überhaupt keine Bereiche auf, ein Custom-Liquid-Block passt dort also nicht — bei keinem Plan. Platzieren Sie das Formular auf einer normalen Seite Ihres Shops.
  • Der Theme-Editor bearbeitet genau ein Theme, und das ist nicht zwangsläufig das veröffentlichte. Wenn Sie in eine Kopie gespeichert haben, bleibt Ihr Live-Shop unverändert, so richtig die Vorschau auch aussieht — prüfen Sie die Storefront-URL, und prüfen Sie, welches Theme veröffentlicht ist.

Häufig gefragt

Benötige ich eine Shopify-App aus dem App Store?

Nein. Custom Liquid ist ein integrierter Theme-Bereich, und Shopifys eigene Empfehlung lautet, den Theme-Editor zu nutzen, bevor Sie zu Code oder einer App greifen. Nicht jedes Theme bietet ihn — wenn Ihres ihn nicht hat, können Sie die zwei Zeilen trotzdem in den Theme-Code einfügen, mit dem Update-Vorbehalt aus den Fallstricken weiter oben.

Kann ich es auf der Checkout-Seite einbetten?

Nein — und das liegt nicht am Plan. Shopifys Dokumentation sagt ausdrücklich, dass Bereiche auf jeder Seite Ihres Onlineshops hinzugefügt werden können, außer auf Geschenkkarten- und Checkout-Seiten. Es gibt dort also keinen Custom-Liquid-Block, in den das Formular passt, und auch kein Upgrade, das einen hinzufügt. Der Checkout wird über Checkout-Apps angepasst. Platzieren Sie das Formular stattdessen auf einer Kontaktseite oder einer beliebigen anderen Seite Ihres Shops.

Funktioniert es auf einer benutzerdefinierten Storefront-API-Website (Hydrogen, Next.js)?

Ja — eine Headless-Storefront ist Ihr eigenes Frontend, die zwei Zeilen kommen also genauso hinein wie auf jeder anderen Seite. Eine Sache sollten Sie prüfen: Hydrogen bringt eine Standard-Content-Security-Policy mit, erlauben Sie deshalb cdn.toimii.io in script-src und api.toimii.io in connect-src, wenn Sie Ihre eigene aufsetzen.

Einbetten auf einer anderen Plattform?

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

Bereit zum Ausprobieren?

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

Keine Kreditkarte nötig. In 2 Minuten startklar.