Einbettungsanleitung
YeetForm in Shopify einbetten
Shopifys Theme-Editor erlaubt es, über einen Custom-Liquid-Abschnitt rohes HTML und Skript in jede Seite einzufügen, genug, um YeetForms Embed-Skript ohne App aus dem Shopify App Store auszuführen. Nutzen Sie es für ein Kontaktformular, eine Vorbestellungs-Warteliste, ein Größenquiz oder eine Rücksendeseite, überall, wo ein Shop strukturierte Antworten statt nur einer E-Mail braucht.
Schritte
Custom-Liquid-Abschnitt hinzufügen
Gehen Sie im Shopify Admin zu Online Store > Themes > Customize, öffnen Sie die passende Seite, klicken Sie auf Add section (oder Add block, je nach Vorlage) und wählen Sie Custom Liquid.
Snippet einfügen
Fügen Sie den Code unten in das Liquid-Codefeld ein. Der Teil {{ section.id }} hält die Container-ID eindeutig, falls Sie den Abschnitt einmal doppelt auf einer Seite hinzufügen.
<script src="https://yeetform.io/sdk.js"></script>
<div id="yf-{{ section.id }}"></div>
<script>
YeetForm.embed("your-form-slug", "#yf-{{ section.id }}");
</script>Speichern und Vorschau prüfen
Klicken Sie auf Save und öffnen Sie die Seite in Ihrem Shop (nicht nur die Vorschau im Theme-Editor), um zu bestätigen, dass das Formular korrekt lädt und sich anpasst.
Tipps
- •Die Einbettung passt sich per postMessage-Listener automatisch an den Inhalt des Formulars an, Sie müssen also keine feste Höhe für den Abschnitt raten.
- •Eingebettete Formulare rendern ohne YeetForms eigene Kopfzeile, wirken also wie ein nativer Teil Ihrer Shopify-Seite statt wie ein externes Widget.
- •Fügen Sie ein verstecktes Feld hinzu, um Kontext automatisch zu erfassen, übergeben Sie es als Query-Parameter in der Seiten-URL (?utm_source=... oder ?field_id=wert) für Kampagnen- oder Produktseiten-Tracking.
Erstellen Sie Ihr Formular in Sekunden per KI
Der kostenlose Tarif enthält KI-Erstellung, Logik und Einbettung.
Erstellen Sie Ihr Formular in Sekunden per KI