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.
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Schritt für Schritt
Fallstricke
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.