Das Wichtigste in Kürze
- Das standardmäßige Kontaktformular von Shopify bietet dir Name, E-Mail, Telefon und Nachricht – du erstellst es, indem du als Seitenvorlage “contact” auswählst.
- Für benutzerdefinierte Felder (Dropdowns, Radio-Buttons, Datei-Uploads) brauchst du eine Form-App oder musst ein externes Formular einbetten.
- Beliebte Optionen: Hulk Form Builder, Powerful Contact Form Builder, Typeform, JotForm.
- Fudge kann ein maßgeschneidertes, natives Kontaktformular mit exakt den Feldern bauen, die du brauchst.
Das integrierte Kontaktformular von Shopify deckt die Basics ab. Aber die meisten wachsenden Shops brauchen mehr als nur Name, E-Mail und Nachricht. Ein Formular für Großhandelsanfragen benötigt andere Felder als eine Anfrage für Produktanpassungen oder ein Kundenservice-Formular. Dieser Guide zeigt dir all deine Optionen.
So erstellen Sie ein benutzerdefiniertes Kontaktformular in Shopify
Das integrierte Kontaktformular
Shopify bietet über sein Seitenvorlagen-System ein einfaches Kontaktformular an.
Schritt 1 - Gehen Sie zu Onlineshop → Seiten → Seite hinzufügen
Schritt 2 - Geben Sie der Seite einen Titel (z. B. „Kontakt“)
Schritt 3 - Wählen Sie im Dropdown-Menü Theme-Vorlage (unten rechts) „page.contact“ aus (oder ähnlich – der Name variiert je nach Theme)
Schritt 4 - Speichern Sie die Seite
Dadurch wird eine Seite mit einem Formular erstellt, das folgende Felder enthält: Name, E-Mail, Telefon (optional) und Nachricht. Einsendungen gehen an die E-Mail-Adresse, die unter Einstellungen → Allgemein → Absender-E-Mail hinterlegt ist.
Ähnlich: Eine neue Seite in Shopify erstellen.
Ähnlich: UTM-Werte in Shopify-Formularen erfassen.
Ähnlich: Eine FAQ-Seite in Shopify erstellen.
Einschränkung: Sie können diesem Formular keine benutzerdefinierten Felder hinzufügen, ohne den Theme-Code zu bearbeiten. Die Felder sind in der Vorlage page.contact.liquid Ihres Themes fest codiert.
Benutzerdefinierte Felder mit einer Formular-App hinzufügen
Für benutzerdefinierte Felder ohne Code bietet der Shopify App Store mehrere 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 mit Klaviyo integriert werden.
Powerful Contact Form Builder (ebenfalls von Hulk) – ähnlicher Funktionsumfang mit etwas anderer UX.
Jotform / Typeform – Drittanbieter-Formularplattformen mit eigenem Builder. Können als Iframe oder über deren Shopify-Embeds eingebettet werden. Qualitativ hochwertigere Formulare und mehr Optionen für bedingte Logik, aber die Daten liegen außerhalb von Shopify.
Allgemeine Einrichtung für Formular-Apps:
- Installieren Sie die App aus dem Shopify App Store
- Erstellen Sie Ihr Formular im Editor der App (Felder hinzufügen, Pflichtfelder festlegen, Feldtypen wählen)
- Betten Sie das Formular auf Ihrer Kontaktseite über ein App-Embed ein oder indem Sie den Embed-Code in den Inhaltseditor der Seite einfügen
Ähnlich: Bedingte Logik zu Shopify-Formularen hinzufügen.
Welche Felder in ein Kontaktformular gehören
Die richtigen Felder hängen von Ihrem Anwendungsfall ab. Mehr Felder = mehr Reibung = weniger Einsendungen. Fragen Sie nur das ab, was Sie wirklich benötigen, um gut antworten zu können.
Ähnlich: Ein Datei-Upload-Feld in Shopify hinzufügen.
Standard-Kontaktformular:
- Name (Pflichtfeld)
- E-Mail (Pflichtfeld)
- Nachricht (Pflichtfeld)
- Betreff oder Dropdown für die Art der Anfrage (optional, hilft aber bei der Zuordnung)
Anfrageformular für den Großhandel (Wholesale):
- Firmenname (Pflichtfeld)
- Kontaktperson (Pflichtfeld)
- E-Mail (Pflichtfeld)
- Telefon
- Dropdown für Unternehmenstyp / Branche
- Geschätztes monatliches Bestellvolumen
- Nachricht
Anfrage für Produktpersonalisierung:
- Name, E-Mail (Pflichtfeld)
- Produktname (Dropdown oder Text)
- Details zur Personalisierung (Textbereich)
- Datei-Upload für Referenzbilder
Kundenservice-Formular:
- Name, E-Mail (Pflichtfeld)
- Bestellnummer
- Problemtyp (Dropdown: beschädigter Artikel, falscher Artikel, Versandproblem, Sonstiges)
- Beschreibung
Ein natives benutzerdefiniertes Formular mit Fudge erstellen
Wenn Sie ein Kontaktformular wünschen, das perfekt zum Design Ihres Themes passt – gestaltet in Ihren Schriftarten, Farben und Ihrem Layout – ohne dass eine externe App eigenes CSS hinzufügt, ist Fudge die beste Option.
Beschreiben Sie Fudge genau, was Sie brauchen:
„Erstelle ein Großhandels-Anfrageformular auf meiner Kontaktseite mit Feldern für: Firmenname, Kontaktname, E-Mail, Telefon, Unternehmenstyp (Dropdown: Einzelhandel, Online, beides) und geschätztes monatliches Bestellvolumen. Gestalte es passend zu meinem Theme.“
Fudge generiert den HTML-, CSS- und Liquid-Code als native Section. Keine externe App, keine Style-Konflikte, keine zusätzlichen Skripte auf Ihrer Seite.
Ähnlich: Fudge Page Builder.
Wohin gehen die Einsendungen des Shopify-Kontaktformulars?
Standardmäßig werden Einsendungen an die E-Mail-Adresse gesendet, die unter Einstellungen → Allgemein → Kunden-E-Mail konfiguriert ist (das Feld „Absender-E-Mail“).
Empfänger ändern: Das integrierte Formular von Shopify sendet immer an die Benachrichtigungs-E-Mail Ihres Shops. Wenn die Einsendungen an eine andere E-Mail-Adresse (oder mehrere Adressen) gehen sollen, nutzen Sie eine Formular-App – diese bieten konfigurierbare Empfänger.
Einsendungen in Shopify speichern: Shopify hat keinen nativen Posteingang für Formulareinsendungen. Um Formulardaten in Shopify zu protokollieren, benötigen Sie eine App oder eine Webhook-basierte Integration (Formulare zu Google Sheets via Zapier ist eine beliebte Option).
SPAM-Prävention bei Shopify-Kontaktformularen
Das integrierte Kontaktformular von Shopify verfügt standardmäßig über einen einfachen Honeypot-Spam-Schutz. Formular-Apps von Drittanbietern bieten in der Regel eigene Spam-Filter.
Für den besten Schutz solltest du hCaptcha oder Google reCAPTCHA zu deinem Formular hinzufügen. Die meisten Formular-Apps bieten dies als Option an. Wenn du ein benutzerdefiniertes Formular mit Fudge erstellst, gib einfach an, dass ein Spam-Schutz integriert werden soll.
FAQ
Nicht ohne Code. Die Felder des integrierten Formulars sind im page.contact.liquid-Template deines Themes fest verbaut (hardcoded). Um Felder wie Dropdowns, Datei-Uploads oder Radio-Buttons hinzuzufügen, musst du entweder das Liquid-Template direkt bearbeiten, eine Form-Builder-App nutzen oder ein individuelles Formular mit Fudge generieren.
Nein. Jedes Shopify-Theme enthält ein vorinstalliertes Kontaktformular-Template – erstelle einfach eine Seite und weise ihr das Template "page.contact" zu. Eine App brauchst du nur, wenn du benutzerdefinierte Felder, bedingte Logik (Conditional Logic), Datei-Uploads brauchst oder Anfragen an mehrere Empfänger weiterleiten willst.
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 nutzt, zeigt das Kontaktformular an, unabhängig vom Slug. Für mehrere unterschiedliche Formulare auf verschiedenen Seiten brauchst du eine Formular-App oder eine eigene Liquid-Section.
Standardmäßig werden sie an die E-Mail-Adresse gesendet, die unter Einstellungen → Allgemein → Absender-E-Mail hinterlegt ist. Shopify speichert Formulareinträge nicht im Adminbereich – wenn du einen Posteingang für die Einträge möchtest, brauchst du eine Formular-App (die meisten beinhalten einen) oder musst die Daten per Zapier an ein Tool wie Google Sheets weiterleiten.
Ja, aber nicht direkt über das integrierte Formular allein. Nutze dafür eine Formular-App wie den Hulk Form Builder, der eine native Klaviyo-Integration bietet, oder leite die Einträge über Zapier oder Shopify Flow weiter. Speziell für Klaviyo ist das sauberste Setup ein individuelles Formular, das nativ in deinem Theme gebaut ist und Daten direkt an den Subscribe-Endpoint von Klaviyo sendet.
