Tutorials

Eigene Formulare in Shopify integrieren: Der ultimative Guide [2025 Edition]

Melden

Hier ist ein umfassendes Tutorial, das speziell auf den aktuellen Stand von Shopify im Jahr 2025 zugeschnitten ist.

Individuelle Formulare sind entscheidend, um spezifische Kundendaten zu sammeln – sei es für Großhandelsanfragen, Retouren, individuelle Produktwünsche oder detailliertes Feedback. In diesem Guide zeige ich dir die drei besten Wege, wie du 2025 Formulare in deinen Shopify-Shop einbindest.

Methode 1: Der einfache Weg via Shopify Apps (Empfohlen für 2025)

Apps sind heute so leistungsstark und schlank, dass sie die Performance kaum noch beeinflussen. Dies ist der beste Weg für bedingte Logik (Felder, die nur erscheinen, wenn etwas Bestimmtes ausgewählt wurde).

Top-Empfehlungen 2025:

  • Hulk Form Builder: Sehr flexibel, gute Gratis-Option.
  • Powerful Contact Form: Fokus auf Design und Datei-Uploads.
  • Globo Form Builder: Bekannt für saubere Integration in OS 2.0 Themes.

Schritt-für-Schritt:

  1. Gehe im Shopify Admin zu Apps und suche im App Store nach einem Form Builder.
  2. Installiere die App und wähle „Create New Form“.
  3. Nutze den Drag-and-Drop-Editor, um Felder hinzuzufügen (Text, Dropdown, Checkboxen).
  4. Wichtig: Aktiviere in den Einstellungen die Spam-Prävention (Turnstile oder reCAPTCHA).
  5. Speichere das Formular und kopiere den bereitgestellten Shortcode (z.B. [form-id-123]) oder nutze den App-Block im Theme-Editor.
  6. Gehe zu Onlineshop -> Themes -> Anpassen. Füge einen neuen Abschnitt hinzu („App Block“) und wähle dein Formular aus.

Methode 2: Die native Lösung (Shopify Online Store 2.0)

Wenn du nur ein einfaches Kontaktformular mit ein paar Zusatzfeldern benötigst, kannst du die integrierten Funktionen deines Themes (z.B. Dawn) nutzen.

Schritt-für-Schritt:

  1. Gehe zu Onlineshop -> Seiten und erstelle eine neue Seite (z.B. „Sonderanfrage“).
  2. Wähle auf der rechten Seite unter Theme-Vorlage die Option contact aus.
  3. Gehe nun zu Onlineshop -> Themes -> Anpassen.
  4. Wähle oben im Dropdown-Menü die Seite aus, die du gerade erstellt hast.
  5. In der Seitenleiste siehst du nun den Abschnitt Kontaktformular.
  6. Neu in 2025: Viele moderne Themes erlauben es dir jetzt, direkt im Editor einfache Felder hinzuzufügen, ohne den Code anzufassen. Klicke auf „Block hinzufügen“ innerhalb des Formular-Abschnitts.

Hinweis: Wenn du Felder benötigst, die über Name, E-Mail und Nachricht hinausgehen und dein Theme dies nicht unterstützt, musst du zu Methode 1 oder 3 greifen.

Methode 3: Einbetten von externen Tools (Typeform, Google Forms, Tally)

Für hochprofessionelle Umfragen oder Formulare mit komplexen Abläufen eignen sich externe Tools, die per Iframe eingebunden werden.

Schritt-für-Schritt (Beispiel Tally.so oder Typeform):

  1. Erstelle dein Formular auf der Plattform deiner Wahl.
  2. Klicke auf Share oder Publish und wähle Embed / Einbetten.
  3. Kopiere den HTML-Code (Iframe oder Widget-Code).
  4. Gehe in deinen Shopify Admin zu Onlineshop -> Seiten oder in den Theme-Editor.
  5. Füge einen Abschnitt vom Typ Custom Liquid oder Benutzerdefiniertes HTML hinzu.
  6. Füge den Code dort ein.
  7. Pro-Tipp: Achte darauf, dass das Formular „Responsive“ eingestellt ist, damit es auf dem Handy nicht abgeschnitten wird.

Profi-Tipps für 2025

1. DSGVO / Datenschutz

In Deutschland und der EU ist es 2025 Pflicht, dass Formulare eine Checkbox zur Einwilligung in die Datenschutzerklärung haben. Stelle sicher, dass diese nicht vorab angehakt ist.

2. Mobile First

Über 80 % der Shopify-Nutzer shoppen mobil. Teste dein Formular unbedingt auf dem Smartphone. Lange Formulare sollten in mehrere Schritte unterteilt werden (Multi-Step-Forms), um die Conversion-Rate zu erhöhen.

3. Automatisierung (Klaviyo/Omnisend)

Verknüpfe dein Formular direkt mit deinem E-Mail-Marketing-Tool. Wenn jemand ein Formular ausfüllt, sollte er automatisch einen Tag (z.B. „Interesse-Großhandel“) erhalten, damit du gezielte Follow-up-E-Mails senden kannst.

4. Datei-Uploads

Wenn du möchtest, dass Kunden Bilder hochladen (z. B. für Personalisierungen), ist Methode 1 (Apps) fast immer notwendig, da Shopify nativ keine Datei-Uploads in Standard-Kontaktformularen speichert.

Fazit: Welches ist der beste Weg?

  • Für minimale Ansprüche: Die native Theme-Vorlage (Kostenlos & Schnell).
  • Für Design & Features: Eine App wie Hulk oder Globo (Beste User Experience).
  • Für Daten-Nerds & Umfragen: Typeform oder Tally (Beste Logik-Funktionen).

Hast du Fragen zur technischen Umsetzung eines spezifischen Feldes? Schreib es einfach in die Kommentare!

0