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 einige gut bewertete Form-Builder:
Hulk Form Builder — kostenloser Plan verfügbar, Drag-and-Drop Form-Builder, unterstützt die meisten Feldtypen, versendet Einsendungen per E-Mail und lässt sich in Klaviyo integrieren.
Powerful Contact Form Builder (ebenfalls von Hulk) — ähnlicher Funktionsumfang mit etwas anderer UX.
Jotform / Typeform — Drittanbieter-Formularplattformen mit eigenem Builder. Einbettung als iframe oder über deren Shopify-Embeds. Hochwertigere Formulare und mehr Optionen für bedingte Logik, aber die Daten liegen außerhalb von Shopify.
Allgemeine Einrichtung für Form-Apps:
- Installiere die App aus dem Shopify App Store
- Erstelle dein Formular im Editor der App (Felder hinzufügen, als erforderlich/optional festlegen, 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
Passend dazu: Bedingte Logik zu Shopify-Formularen hinzufügen.
Welche Felder in ein Kontaktformular gehören
Die richtigen Felder hängen von deinem Anwendungsfall ab. Mehr Felder = mehr Hürden = weniger Einsendungen. Frage nur nach dem, was du wirklich brauchst, um gut antworten zu können.
Passend dazu: Füge ein Datei-Upload-Feld in Shopify hinzu.
Standard-Kontaktformular:
- Name (erforderlich)
- E-Mail (erforderlich)
- Nachricht (erforderlich)
- Dropdown für Betreff oder Anfragetyp (optional, aber hilft bei der Zuordnung)
Formular für Großhandelsanfragen:
- Firmenname (erforderlich)
- Ansprechpartner (erforderlich)
- E-Mail (erforderlich)
- Telefon
- Dropdown für Unternehmenstyp / Branche
- Geschätztes monatliches Bestellvolumen
- Nachricht
Anfrage für Produktanpassungen:
- Name, E-Mail (erforderlich)
- Produktname (Dropdown oder Text)
- Details zur Anpassung (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
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 hardcodiert. Um Felder wie Dropdowns, Datei-Uploads oder Radio-Buttons hinzuzufügen, musst du entweder das Liquid-Template direkt bearbeiten, eine Form-Builder-App verwenden oder ein benutzerdefiniertes Formular mit Fudge generieren.
Nein. Jedes Shopify-Theme enthält ein integriertes Kontaktformular-Template – erstelle einfach eine Seite und weise das Template "page.contact" zu. Eine App brauchst du nur, wenn du benutzerdefinierte Felder, bedingte Logik, Datei-Uploads oder die Weiterleitung von Einsendungen an mehrere Empfänger möchtest.
Erstelle eine neue Seite (Onlineshop → Seiten → Seite hinzufügen) und weise das Template "page.contact" unter "Theme-Vorlage" zu. Jede Seite, die dieses Template nutzt, zeigt das Kontaktformular an, unabhängig vom Slug. Für mehrere unterschiedliche Formulare auf verschiedenen Seiten benötigst du eine Form-App oder eine benutzerdefinierte Liquid-Section.
Standardmäßig werden sie an die E-Mail-Adresse unter Einstellungen → Allgemein → Absender-E-Mail gesendet. Shopify speichert Formular-Einsendungen nicht im Admin-Bereich – wenn du eine Inbox für Einsendungen möchtest, brauchst du eine Form-App (die meisten haben eine) oder musst die Einsendungen über Zapier an ein Tool wie Google Sheets weiterleiten.
Ja, aber nicht direkt über das integrierte Formular. Nutze eine Form-App wie Hulk Form Builder, die sich nativ in Klaviyo integrieren lässt, oder leite Einsendungen über Zapier oder Shopify Flow weiter. Speziell für Klaviyo ist das sauberste Setup ein benutzerdefiniertes Formular, das nativ in deinem Theme erstellt wurde und direkt an den Subscribe-Endpoint von Klaviyo sendet.
