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 ein einfaches Kontaktformular über sein Seitentemplate-System 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-Template (unten rechts) die Option “page.contact” (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.
Einschränkung: Sie können diesem Formular keine benutzerdefinierten Felder hinzufügen, ohne den Theme-Code zu bearbeiten. Die Felder sind fest im Template page.contact.liquid Ihres Themes programmiert.
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 lässt sich mit Klaviyo integrieren.
Powerful Contact Form Builder (ebenfalls von Hulk) – ähnlicher Funktionsumfang mit leicht anderer UX.
Jotform / Typeform – Plattformen von Drittanbietern mit eigenem Builder. Die Einbindung erfolgt per Iframe oder über deren Shopify-Embeds. Hochwertigere Formulare und mehr Optionen für bedingte Logik, aber die Daten liegen außerhalb von Shopify.
Allgemeiner Setup 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 fügen Sie den Einbettungscode in den Inhaltseditor der Seite ein
Welche Felder in ein Kontaktformular gehören
Die richtigen Felder hängen von Ihrem Use Case ab. Mehr Felder = mehr Reibung = weniger Einsendungen. Fragen Sie nur das ab, was Sie wirklich brauchen, um gut antworten zu können.
Standard-Kontaktformular:
- Name (Pflichtfeld)
- E-Mail (Pflichtfeld)
- Nachricht (Pflichtfeld)
- Betreff oder Dropdown für die Art der Anfrage (optional, hilft aber bei der Zuordnung)
Großhandelsanfrage:
- Firmenname (Pflichtfeld)
- Name des Ansprechpartners (Pflichtfeld)
- E-Mail (Pflichtfeld)
- Telefonnummer
- Dropdown für Unternehmenstyp / Branche
- Geschätztes monatliches Bestellvolumen
- Nachricht
Anfrage zur 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
- Art des Problems (Dropdown: beschädigter Artikel, falscher Artikel, Versandproblem, sonstiges)
- Beschreibung
Ein natives benutzerdefiniertes Formular mit Fudge erstellen
Wenn Sie ein Kontaktformular möchten, das perfekt zum Design Ihres Themes passt – mit Ihren Schriftarten, Farben und dem richtigen Layout – ohne dass eine externe App eigenes CSS hinzufügt, ist Fudge die beste Wahl.
Beschreiben Sie Fudge genau, was Sie brauchen:
„Erstelle ein Großhandels-Anfrageformular auf meiner Kontaktseite mit Feldern für: Firmenname, Kontaktperson, E-Mail, Telefon, Unternehmenstyp (Dropdown: Einzelhandel, Online, beides) und geschätztes monatliches Bestellvolumen. Style es passend zu meinem Theme.“
Fudge generiert HTML, CSS und Liquid als native Section. Keine externe App, keine Design-Konflikte, keine zusätzlichen Scripts auf Ihrer Seite.
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.
