Shopify-Kontaktformular: Wohin gehen Mails?

Wohin Nachrichten aus dem Shopify-Kontaktformular gehen

Jedes Shopify-Theme hat ein Kontaktformular. Laut Shopify-Hilfe schickt es alle Nachrichten an die Absender-E-Mail-Adresse Ihres Shops. Diese Adresse legen Sie auf der Seite Notifications im Shopify-Adminbereich fest (Settings → Notifications). Menüpunkte nennen wir wie in der englischen Oberfläche.

• Die Hilfeseite beschreibt nur die Zustellung per E-Mail. Eine Liste der Nachrichten im Adminbereich erwähnt sie nicht, die E-Mail ist also Ihre einzige Kopie.
• Den Betreff dieser E-Mails können Sie nicht ändern.
• Nachrichten, die der Shopify-Spamfilter markiert, kommen trotzdem an, mit [SPAM] am Anfang des Betreffs.

Suchen Sie Nachrichten also im Postfach der Absender-E-Mail, einschließlich Spamordner und Filtern.

Shopify-Kontaktformular funktioniert nicht: keine E-Mail

• Die Sender email ist nicht die Adresse, die Sie lesen. Öffnen Sie Settings → Notifications und lesen Sie die Sender email. Nachrichten gehen dorthin, nicht an Ihre Login-Adresse.
• Ihre Domain ist nicht authentifiziert. Gmail und Yahoo verlangen für Absender mit eigener Domain eine Authentifizierung und einen DMARC-Eintrag. Ohne sie schreibt Shopify den Absender auf eine Adresse wie store+123@shopifyemail.com um. Authentifizieren Sie die Domain im Bereich Sender email.
• Die Adresse enthält „noreply“. Shopify warnt, dass manche Mailserver Absender mit „no-reply“ oder „noreply“ im Namen ablehnen. Nutzen Sie eine normale Adresse.
• Ein Filter versteckt [SPAM]-Mails. Shopify stellt auch markierte Nachrichten zu, aber Ihre eigene Regel kann sie wegsortieren. Shopify prüft das Nachrichtenfeld (contact[body]) auf Spam.
• Die Seite hat kein echtes Kontaktformular. Das Formular erscheint auf einer Seite mit der Vorlage page.contact oder in einem Contact-form-Abschnitt des Themes.

Die allgemeine Checkliste steht im Artikel warum ein Kontaktformular keine E-Mails sendet.

Das Formular richtig testen

1. Öffnen Sie den Live-Shop in einem privaten Fenster, nicht die Vorschau im Theme-Editor.
2. Senden Sie eine kurze Nachricht mit Ihrer eigenen Adresse im E-Mail-Feld.
3. Suchen Sie den Test im Postfach der Absender-E-Mail, auch im Spam und in gefilterten Ordnern.
4. Fehlt der Test, ändern Sie die Sender email auf eine andere Adresse, die Sie lesen können, und testen Sie erneut.

Kontaktnachrichten an eine andere Adresse senden

Shopify bindet das Kontaktformular an die Absender-E-Mail. Für eine andere Adresse schlägt die Hilfeseite ein externes Formular wie Wufoo oder Jotform vor. Schlanker ist ein eigenes HTML-Formular in einem Custom Liquid-Abschnitt des Theme-Editors, das an ein Form-Backend sendet.

Das Beispiel sendet an Formgong. Im Free-Tarif (300 Einsendungen im Monat) gehen Nachrichten an Telegram und an bis zu fünf E-Mail-Empfänger pro Formular, die ihre Adresse jeweils per Mail bestätigen. Die Liquid-Tags setzen die Shop-Sprache und eine Danke-Seite in Ihrem Shop ein.

1. Legen Sie ein kostenloses Formular bei Formgong an und kopieren Sie den Zugriffsschlüssel.
2. Legen Sie für die Weiterleitung eine Seite mit dem Handle thank-you an.
3. Öffnen Sie im Theme-Editor Ihre Kontaktseite, fügen Sie einen Custom Liquid-Abschnitt hinzu und fügen Sie den Code ein.
4. Ersetzen Sie den Schlüssel, speichern Sie und senden Sie einen Test aus dem Live-Shop.

Weitere Felder und Optionen stehen auf der Anleitung für HTML-Formulare. Wie Nachrichten aufs Handy kommen, steht in Formular-Einsendungen an Telegram senden.

<!-- Shopify-Theme-Editor: Add section → Custom Liquid, dann einfügen -->
<form action="https://formgong.com/submit" method="POST" class="contact-form">
  <input type="hidden" name="access_key" value="fk_your_access_key">
  <input type="hidden" name="_lang" value="{{ request.locale.iso_code }}">
  <input type="hidden" name="_redirect" value="{{ shop.url }}/pages/thank-you">
  <label>Name <input type="text" name="name" required></label>
  <label>E-Mail <input type="email" name="email" required></label>
  <label>Bestellnummer <input type="text" name="order"></label>
  <label>Nachricht <textarea name="message" required></textarea></label>
  <div style="position:absolute;left:-9999px" aria-hidden="true">
    <input type="text" name="botcheck" tabindex="-1" autocomplete="off">
  </div>
  <button type="submit">Senden</button>
</form>

Was sich mit einem eigenen Formular ändert

• Der Shopify-Spamfilter entfällt. Honeypot-Feld und Formgong-Spamfilter übernehmen. Sie können in den Formular-Einstellungen auch Cloudflare Turnstile einschalten.
• Theme-Stile greifen eventuell nicht. Ergänzen Sie die Formularklassen des Themes oder etwas CSS.
• Ein Formular reicht. Entfernen Sie den eingebauten Contact-form-Abschnitt von der Seite, damit Besucher nicht zwei Formulare sehen.