Wichtige Erkenntnisse
- Das Standard-Kontaktformular von Shopify bietet Name, E-Mail, Telefon und Nachricht – erstellt durch Zuweisen des Seitentemplates “contact”.
- Für benutzerdefinierte Felder (Dropdown, Radio-Buttons, Datei-Uploads) nutzen Sie eine Formular-App oder betten ein Drittanbieter-Formular ein.
- Beliebte Optionen: Hulk Form Builder, Powerful Contact Form Builder, Typeform, JotForm.
- Fudge kann ein maßgeschneidertes, natives Kontaktformular mit allen benötigten Feldern erstellen.
Das integrierte Kontaktformular von Shopify deckt die Grundlagen ab. Aber die meisten wachsenden Stores brauchen mehr als nur Name, E-Mail und Nachricht. Ein Formular für Großhandelsanfragen benötigt andere Felder als ein Formular für Produktpersonalisierung oder der Kundenservice. Dieser Guide zeigt Ihnen alle 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 in der page.contact.liquid-Vorlage deines Themes hardcodiert. Um Felder wie Dropdowns, Datei-Uploads oder Radio-Buttons hinzuzufügen, musst du entweder die Liquid-Vorlage direkt bearbeiten, eine Form-Builder-App nutzen oder ein benutzerdefiniertes Formular mit Fudge erstellen.
Nein. Jedes Shopify-Theme enthält eine integrierte Kontaktformular-Vorlage – erstelle einfach eine Seite und weise ihr das Template "page.contact" zu. Du brauchst nur eine App, wenn du benutzerdefinierte Felder, bedingte Logik, Datei-Uploads möchtest oder die Einsendungen an mehrere Empfänger weiterleiten willst.
Erstelle eine neue Seite (Onlineshop → Seiten → Seite hinzufügen) und wähle unter "Theme-Vorlage" das Template "page.contact" aus. Jede Seite, die diese Vorlage 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 unter Einstellungen → Allgemein → Absender-E-Mail gesendet. Shopify speichert Formulardaten nicht im Adminbereich – wenn du einen Posteingang für Einsendungen möchtest, brauchst du eine Formular-App (die meisten beinhalten einen) oder musst die Einsendungen über Zapier an ein Tool wie Google Sheets weiterleiten.
Ja, aber nicht direkt aus dem integrierten Formular heraus. Nutze eine Formular-App wie den Hulk Form Builder, der native Integrationen für Klaviyo bietet, oder leite die Einsendungen über Zapier oder Shopify Flow weiter. Speziell für Klaviyo ist die sauberste Lösung ein im Theme erstelltes, benutzerdefiniertes Formular, das die Daten direkt an den Subscribe-Endpoint von Klaviyo sendet.
