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 native Kontaktformular von Shopify hat einen grundlegenden Honeypot-Spamschutz integriert. Formular-Apps von Drittanbietern enthalten meist eigene Spam-Filter.
Für den besten Schutz fügen Sie hCaptcha oder Google reCAPTCHA zu Ihrem Formular hinzu. Die meisten Formular-Apps bieten dies als Option an. Wenn Sie ein benutzerdefiniertes Formular mit Fudge erstellen, geben Sie einfach an, dass Sie einen SPAM-Schutz integriert haben möchten.
