Das Wichtigste in Kürze
- Shopifys Standard-Kontaktformular bietet dir Name, E-Mail, Telefon und Nachricht — du erstellst es, indem du ein Seitentemplate auf “contact” setzt.
- Für benutzerdefinierte Felder (Dropdown, Radiobuttons, Datei-Uploads) solltest du eine Formular-App nutzen oder ein Drittanbieter-Formular einbetten.
- Beliebte Optionen: Hulk Form Builder, Powerful Contact Form Builder, Typeform, JotForm.
- Fudge kann ein benutzerdefiniertes, natives Kontaktformular mit allen gewünschten Feldern für dich erstellen.
Um ein Kontaktformular in Shopify hinzuzufügen, erstelle eine Seite und weise ihr das contact-Template zu; Shopify fügt dann ein Formular mit Name, E-Mail, Telefon und Nachricht hinzu. Für benutzerdefinierte Felder verwendest du eine Formular-App, ein eingebettetes Formular-Tool oder eine Custom Section.
So erstellen Sie ein benutzerdefiniertes Kontaktformular in Shopify
Das integrierte Kontaktformular
Shopify bietet über sein Seitentemplate-System ein einfaches Kontaktformular an.
Schritt 1 - Gehe zu Onlineshop → Seiten → Seite hinzufügen
Schritt 2 - Gib der Seite einen Titel (z. B. “Kontakt”)
Schritt 3 - Wähle im Dropdown-Menü Theme-Vorlage (unten rechts) die Option “page.contact” (oder ähnlich — der Name variiert je nach Theme)
Schritt 4 - Speichere die Seite
Dadurch wird eine Seite mit einem Formular erstellt, das Folgendes enthält: Name, E-Mail, Telefon (optional) und Nachricht. Die Einsendungen gehen an die Absender-E-Mail-Adresse deines Shops.
Einschränkung: Du kannst diesem Formular keine benutzerdefinierten Felder hinzufügen, ohne den Theme-Code zu bearbeiten. Die Felder sind in der Kontaktformular-Section deines Themes fest codiert (sections/contact-form.liquid in Dawn).
Weitere Informationen zur Seiteneinrichtung selbst findest du unter Neue Seite in Shopify erstellen.
Benutzerdefinierte Felder mit einer Formular-App hinzufügen
Für benutzerdefinierte Felder ohne Code gibt es im Shopify App Store einige sehr gut bewertete Form Builder:
Hulk Form Builder — kostenloser Plan verfügbar, Drag-and-Drop Form Builder, unterstützt die meisten Feldtypen, sendet Einsendungen per E-Mail und kann in Klaviyo integriert werden.
Powerful Contact Form Builder — ähnlicher Funktionsumfang mit etwas anderer UX.
Jotform / Typeform — Drittanbieter-Formularplattformen mit eigenem Builder. Binde sie als iFrame oder über ihre Shopify-Embeds ein. Höhere Qualität der Formulare und mehr Optionen für bedingte Logik (Conditional Logic), aber die Daten liegen außerhalb von Shopify.
Allgemeines Setup für Formular-Apps:
- Installiere die App aus dem Shopify App Store
- Erstelle dein Formular im Editor der App (Felder hinzufügen, auf erforderlich/optional setzen, Feldtypen auswählen)
- Binde das Formular auf deiner Kontaktseite über ein App-Embed ein oder indem du den Embed-Code in den Content-Editor der Seite einfügst
Für Formulare, die Felder basierend auf früheren Antworten anzeigen, siehe Bedingte Logik zu Shopify-Formularen hinzufügen.
Welche Felder in ein Kontaktformular gehören
Welche Felder die richtigen sind, hängt von deinem Anwendungsfall ab. Mehr Felder = mehr Reibung = weniger Einsendungen. Frage nur nach dem, was du wirklich brauchst, um gut antworten zu können.
Standard-Kontaktformular:
- Name (erforderlich)
- E-Mail (erforderlich)
- Nachricht (erforderlich)
- Dropdown für Betreff oder Art der Anfrage (optional, hilft aber bei der Zuweisung)
Großhandelsanfrage-Formular:
- Firmenname (erforderlich)
- Name des Ansprechpartners (erforderlich)
- E-Mail (erforderlich)
- Telefon
- Dropdown für Geschäftsart / Branche
- Geschätztes monatliches Bestellvolumen
- Nachricht
Anfrage zur Produktanpassung:
- Name, E-Mail (erforderlich)
- Produktname (Dropdown oder Text)
- Anpassungsdetails (Textarea)
- Datei-Upload für Referenzbilder
Kundenservice-Formular:
- Name, E-Mail (erforderlich)
- Bestellnummer
- Art des Problems (Dropdown: beschädigter Artikel, falscher Artikel, Versandproblem, Sonstiges)
- Beschreibung
Für Referenzbilder und andere Anhänge, siehe Datei-Upload-Feld in Shopify hinzufügen.
Ein natives benutzerdefiniertes Formular mit Fudge erstellen
Wenn du ein Kontaktformular möchtest, das perfekt zum Design deines Themes passt — gestylt in deinen Schriftarten, Farben und deinem Layout — ohne dass eine externe App eigenes CSS hinzufügt, kann Fudge es nativ für dich erstellen.
Beschreibe Fudge, was genau du brauchst:
“Erstelle ein Formular für Großhandelsanfragen auf meiner Kontaktseite mit Feldern für: Firmenname, Name des Ansprechpartners, E-Mail, Telefon, Geschäftsart (Dropdown: Einzelhandel, Online, beides) und geschätztes monatliches Bestellvolumen. Passe das Styling an mein Theme an.”
Fudge generiert das HTML, CSS und Liquid als native Section. Keine externe App, keine Style-Konflikte, keine zusätzlichen Skripte auf deiner Seite.
Für ganze Seiten, die auf die gleiche Weise erstellt werden, siehe den Fudge Page Builder.
Wohin gehen die Einsendungen des Shopify-Kontaktformulars?
Standardmäßig werden Einsendungen über Kontaktformulare an die Absender-E-Mail-Adresse deines Shops gesendet.
Empfänger ändern: Das integrierte Shopify-Formular sendet immer an die Absender-E-Mail-Adresse deines Shops. Wenn Einsendungen an eine andere E-Mail-Adresse (oder mehrere Adressen) gehen sollen, nutze eine Formular-App — diese bieten konfigurierbare Empfänger.
Einsendungen in Shopify speichern: Shopify hat keinen nativen Posteingang für Einsendungen. Um Formulardaten in Shopify zu protokollieren, benötigst du eine App oder eine Webhook-basierte Integration (Formulare zu Google Sheets über Zapier ist eine beliebte Option).
Spam-Schutz bei Shopify-Kontaktformularen
Shopify schützt sein natives Kontaktformular mit hCaptcha, das du unter Onlineshop → Einstellungen → Spamschutz aktivieren kannst.
Formular-Apps enthalten in der Regel eine eigene CAPTCHA-Option. Wenn du ein benutzerdefiniertes Formular mit Fudge erstellst, frage einfach nach einem Spam-Schutz.
FAQ
Kann ich dem integrierten Kontaktformular von Shopify benutzerdefinierte Felder hinzufügen?
Nicht ohne Code. Die Felder des integrierten Formulars sind in der Kontaktformular-Section deines Themes fest codiert (sections/contact-form.liquid in Dawn). Um Felder wie Dropdowns, Datei-Uploads oder Radiobuttons hinzuzufügen, musst du entweder den Liquid-Code dieser Section direkt bearbeiten, eine Form-Builder-App nutzen oder ein benutzerdefiniertes Formular mit Fudge generieren.
Brauche ich eine App, um ein Kontaktformular in Shopify hinzuzufügen?
Nein. Jedes Shopify-Theme enthält ein integriertes Kontaktformular-Template - erstelle einfach eine Seite und weise ihr das Template "page.contact" zu. Du brauchst nur dann eine App, wenn du benutzerdefinierte Felder, bedingte Logik, Datei-Uploads oder die Weiterleitung von Einsendungen an mehrere Empfänger möchtest.
Wie füge ich ein Kontaktformular zu einer Seite hinzu, die nicht /pages/contact ist?
Erstelle eine neue Seite (Onlineshop → Seiten → Seite hinzufügen) und weise ihr unter "Theme-Vorlage" das Template "page.contact" zu. Jede Seite, die dieses Template verwendet, zeigt das Kontaktformular an, unabhängig vom Slug. Für mehrere unterschiedliche Formulare auf verschiedenen Seiten benötigst du eine Formular-App oder eine Custom Liquid-Section.
Wo landen die Einsendungen des Shopify-Kontaktformulars?
Standardmäßig werden sie an die Absender-E-Mail-Adresse deines Shops gesendet. Shopify speichert keine Formulareinsendungen im Adminbereich - wenn du einen Posteingang für Einsendungen möchtest, benötigst du eine Formular-App (die meisten enthalten einen) oder du leitest die Einsendungen über Zapier an ein Tool wie Google Sheets weiter.
Kann ich Einsendungen des Shopify-Kontaktformulars an Klaviyo oder Mailchimp senden?
Ja, aber nicht allein über das integrierte Formular. Verwende eine Formular-App wie den Hulk Form Builder, die sich nativ in Klaviyo integriert, oder leite die Einsendungen über Zapier oder Shopify Flow weiter. Speziell für Klaviyo ist das sauberste Setup ein nativ in deinem Theme erstelltes, benutzerdefiniertes Formular, das direkt an den Subscribe-Endpunkt von Klaviyo sendet.
