Hilfe
Einloggen

Formulare erstellen

Du kannst Formulare erstellen, die das Wachstum deines Unternehmens auf folgende Weisen unterstützen:

  • Kund:innen zum Abonnieren deiner E-Mail-Marketingliste auffordern
  • Großhändler:innen über ein Anfrageformular für ein Unternehmenskonto aufnehmen
  • Für dein Unternehmen wichtige Daten über deine Kundschaft erheben
  • „Kontakt“-Formulare für Supportanfragen erstellen

Formulare können mit dem Editor so angepasst werden, dass sie zu deinem Onlineshop passen und Kundendaten auf datenschutzkonforme Weise erfassen. Bevor du ein Formular erstellst, solltest du die verschiedenen Formulareinstellungen für die unterschiedlichen Formulartypen überprüfen.

Du kannst mehrere Pop-up-Formulare, Inline-Formulare oder beide Typen gleichzeitig in deinem Shop anzeigen.

Auf dieser Seite

Überlegungen zum Erstellen von Shopify Forms

Beachte die folgenden Überlegungen zum Erstellen von Shopify Forms:

  • Formulare werden in deinem Shop nur angezeigt, wenn sie aktiviert wurden.
  • Du kannst pro Shop bis zu 25 Formulare haben.
  • Mehrstufige Formulare werden nicht unterstützt.
  • Bedingte Logik wird in Formularen nicht unterstützt.
  • Wenn bestehende Kund:innen ein Formular senden, werden ihre hinterlegte E-Mail-Adresse und Telefonnummer nicht geändert, auch wenn das Formular eine andere E-Mail-Adresse oder Telefonnummer enthält. Andere Felder, wie die Einwilligung in die Marketingkommunikation, werden möglicherweise ebenfalls nicht aktualisiert. Um die E-Mail-Adresse oder Telefonnummer von bestehenden Kund:innen zu ändern, bearbeite ihr Profil direkt in deinem Shopify-Adminbereich.

Formulartypen

Du kannst entweder ein Pop-up- oder ein Inline-Formular erstellen. Überprüfe die Unterschiede zwischen Pop-up- und Inline-Formularen und die Anforderungen für ihre Anzeige.

Übersicht über Formulartypen, Beschreibungen und Anforderungen.
FormulartypBeschreibungAnforderungen
Pop-up-FormulareWird als Inhalt angezeigt, der als Überlagerung über der Seite schwebt. Erfahre mehr über die Einstellungen, die du für Pop-up-Formulare konfigurieren kannst.Um Pop-up-Formulare in deinem Shop anzuzeigen, musst du die Theme-App-Einbettung für Forms in deinem Theme installieren.
Inline-FormulareWird eingebettet in einem bestimmten Abschnitt deines Themes angezeigt, z. B. auf einer Seite. Erfahre mehr über die Einstellungen, die du für Inline-Formulare konfigurieren kannst.Um Inline-Formulare in deinem Shop anzuzeigen, musst du ein kompatibles Theme verwenden und die Theme-App-Einbettung für Forms in deinem Theme installieren.

Du kannst in der Forms-App in deinem Shopify-Adminbereich ein Pop-up-Formular erstellen, das in deinem Shop angezeigt wird. Nachdem du ein Pop-up-Formular erstellt und aktiviert hast, wird es automatisch in deinem Shop angezeigt.

Führe die folgenden Schritte aus, um ein Pop-up-Formular zu erstellen und es zu deinem Shop hinzuzufügen:

Schritt 1: Forms-App-Einbettung für dein Theme aktivieren

Wenn du zum ersten Mal ein Pop-up-Formular erstellst, musst du die Forms-App-Einbettung für dein Theme aktivieren. Solange die Einstellung für die Forms-Theme-App-Einbettungen aktiviert ist, werden alle aktiven Pop-up-Formulare in deinem Onlineshop angezeigt.

Wenn du die Einstellung für die Forms-App-Einbettung bereits aktiviert hast, fahre mit Schritt 2: Pop-up-Formular erstellen fort.

Schritte:

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.

  2. Klicke bei deinem aktiven Theme auf Theme bearbeiten.

  3. Klicke in der Seitenleiste des Theme-Editors auf das Symbol App-Einbettungen.

  4. Aktiviere den Umschalter Forms.

  5. Klicke auf Speichern.

Schritt 2: Ein Pop-up-Formular erstellen

  1. Gehe in deinem Shopify-Adminbereich zu Apps > Forms.

  2. Klicke auf Formular erstellen.

  3. Wähle Pop-up-Formular aus.

  4. Gib einen Namen für das Formular ein und klicke dann auf Erstellen.

  5. Führe in den Einstellungen für die Pop-up-Anzeige einen der folgenden Schritte aus:

    • Um ein schwebendes Pop-up-Formular zu erstellen, wähle Schwebend und anschließend im Dropdown-Menü eine Position in deinem Shop aus.
    • Um ein Pop-up-Formular als Überlagerung zu erstellen, wähle Überlagerung aus und lege dann mit der Farbauswahl eine Farbe für die Überlagerung fest.

  6. Konfiguriere die folgenden Teile deines Formulars:

  7. Optional: Um nach dem Absenden des Formulars durch eine:n Kund:in einen Kunden-Tag zu erstellen, gib im Feld Tags einen Tag ein, um einen Tag auszuwählen oder einen neuen zu erstellen.

  8. Optional: Wenn du bei jeder Übermittlung des Formulars eine E-Mail-Benachrichtigung erhalten möchtest, wähle im Abschnitt E-Mail-Benachrichtigungen die Option Für jede Übermittlung dieses Formulars eine E-Mail senden aus.

  9. Optional: Um die mit dem Formular verknüpften Automatisierungen und Workflows zu verwalten, klicke im Abschnitt Automatisierungen und Workflows neben einem beliebigen Workflow auf Verwalten.

  10. Klicke auf Speichern.

Schritt 3: Dein Formular in weitere Sprachen übersetzen (optional)

Du kannst deinem Formular Übersetzungen in unterstützten Sprachen hinzufügen. Die Schritte zum Übersetzen deines Formulars hängen von der von dir verwendeten Übersetzungsmethode ab und davon, ob du bereits weitere Sprachen zu deinem Shop hinzugefügt hast.

Wenn für eine Übersetzung keine automatische Übersetzung verfügbar ist, wird die Meldung „Automatische Übersetzung für diese Sprache nicht verfügbar“ angezeigt.

Schritte:

  1. Im Abschnitt Sprachen deines Formulars kannst du einen der folgenden Schritte ausführen:
    • Wenn du bereits weitere Sprachen in deinem Shop veröffentlicht hast und diese im Abschnitt Veröffentlicht angezeigt werden, fahre mit dem nächsten Schritt fort.
    • Wenn in den Abschnitten Veröffentlicht oder Nicht veröffentlicht keine verfügbaren Sprachen angezeigt werden, musst du zuerst eine neue Sprache zu deinem Shop hinzufügen:
      1. Klicke auf Spracheinstellungen.
      2. Klicke auf der Seite Sprachen auf Sprache hinzufügen.
      3. Wähle eine Sprache aus dem Dropdown-Menü aus und weise sie dann einer Domain zu.
      4. Klicke auf Fertig.
      5. Klicke auf <-- Forms, um zu „Forms“ zurückzukehren, und öffne dann das Formular, das du weiter bearbeiten möchtest.
  2. Führe je nach deiner Präferenz und der verfügbaren Übersetzungsmethode einen der folgenden Schritte aus:
    • Automatische Übersetzung verwenden:
      1. Klicke neben der Sprache, die du übersetzen möchtest, auf Übersetzen. Wenn du in mehr als eine Sprache übersetzen möchtest, kannst du Alle automatisch übersetzen auswählen.
      2. Klicke auf Überprüfen, um deine Übersetzungen in der Vorschau anzusehen.
      3. Klicke auf Speichern.
    • Eigene Übersetzungen manuell hinzufügen:
      1. Klicke neben der Sprache, die du übersetzen möchtest, auf Übersetzen.
      2. Trage deine Übersetzung in jedes Feld in der Spalte für die gewünschte Sprache ein.
      3. Klicke auf Speichern.

Schritt 4: Pop-up-Formular als Vorschau anzeigen und aktivieren

Nachdem du ein Formular erstellt hast, lautet sein Status standardmäßig Inaktiv. Bevor du dein Formular aktivierst, kannst du die Vorschau verwenden, um zu überprüfen, wie jeder Teil des Formulars für Kund:innen angezeigt wird.

Wenn du bereit bist, dein Formular in deinem Onlineshop anzuzeigen, klicke auf Formular aktivieren. Nachdem du das Formular aktiviert hast, wird sein Status als Aktiv angezeigt.

Mehr Informationen zum Aktivieren oder Deaktivieren von Formularen.

Inline-Formular erstellen und zum Shop hinzufügen

Du kannst ein Inline-Formular erstellen, um einer neuen Seite in deinem Shop ein Formular hinzuzufügen oder das Formular auf einer bestehenden Seite deines Shops einzubetten. Führe die folgenden Schritte aus, um ein Inline-Formular zu erstellen und es deinem Shop hinzuzufügen:

Schritt 1: Inline-Formular erstellen

  1. Gehe in deinem Shopify-Adminbereich zu Apps > Forms.

  2. Klicke auf Formular erstellen.

  3. Wähle Inline-Formular aus.

  4. Gib einen Namen für das Formular ein und klicke dann auf Erstellen.

  5. Konfiguriere die folgenden Teile deines Formulars:

  6. Optional: Um nach dem Absenden des Formulars durch eine:n Kund:in einen Kunden-Tag zu erstellen, gib im Feld Tags einen Tag ein, um einen Tag auszuwählen oder einen neuen zu erstellen.

  7. Optional: Wenn du bei jeder Übermittlung des Formulars eine E-Mail-Benachrichtigung erhalten möchtest, wähle im Abschnitt E-Mail-Benachrichtigungen die Option Für jede Übermittlung dieses Formulars eine E-Mail senden aus.

  8. Optional: Um die mit dem Formular verknüpften Automatisierungen und Workflows zu verwalten, klicke im Abschnitt Automatisierungen und Workflows neben einem beliebigen Workflow auf Verwalten.

  9. Klicke auf Speichern.

Schritt 2: Formular in weitere Sprachen übersetzen (optional)

Du kannst deinem Formular Übersetzungen in unterstützten Sprachen hinzufügen. Die Schritte zum Übersetzen deines Formulars hängen von der von dir verwendeten Übersetzungsmethode ab und davon, ob du bereits weitere Sprachen zu deinem Shop hinzugefügt hast.

Wenn für eine Übersetzung keine automatische Übersetzung verfügbar ist, wird die Meldung „Automatische Übersetzung für diese Sprache nicht verfügbar“ angezeigt.

Schritte:

  1. Im Abschnitt Sprachen deines Formulars kannst du einen der folgenden Schritte ausführen:
    • Wenn du bereits weitere Sprachen in deinem Shop veröffentlicht hast und diese im Abschnitt Veröffentlicht angezeigt werden, fahre mit dem nächsten Schritt fort.
    • Wenn in den Abschnitten Veröffentlicht oder Nicht veröffentlicht keine verfügbaren Sprachen angezeigt werden, musst du zuerst eine neue Sprache zu deinem Shop hinzufügen:
      1. Klicke auf Spracheinstellungen.
      2. Klicke auf der Seite Sprachen auf Sprache hinzufügen.
      3. Wähle eine Sprache aus dem Dropdown-Menü aus und weise sie dann einer Domain zu.
      4. Klicke auf Fertig.
      5. Klicke auf <-- Forms, um zu „Forms“ zurückzukehren, und öffne dann das Formular, das du weiter bearbeiten möchtest.
  2. Führe je nach deiner Präferenz und der verfügbaren Übersetzungsmethode einen der folgenden Schritte aus:
    • Automatische Übersetzung verwenden:
      1. Klicke neben der Sprache, die du übersetzen möchtest, auf Übersetzen. Wenn du in mehr als eine Sprache übersetzen möchtest, kannst du Alle automatisch übersetzen auswählen.
      2. Klicke auf Überprüfen, um deine Übersetzungen in der Vorschau anzusehen.
      3. Klicke auf Speichern.
    • Eigene Übersetzungen manuell hinzufügen:
      1. Klicke neben der Sprache, die du übersetzen möchtest, auf Übersetzen.
      2. Trage deine Übersetzung in jedes Feld in der Spalte für die gewünschte Sprache ein.
      3. Klicke auf Speichern.

Schritt 3: Platzierung für dein Inline-Formular auswählen

Inline-Formulare können entweder auf einer neuen Landing Page oder in einer bestehenden Seitenvorlage angezeigt werden. Mehr Informationen zur Platzierung von Inline-Formularen.

Nachdem du deine Formularänderungen gespeichert hast, konfiguriere eine der folgenden Platzierungsoptionen, je nachdem, wie dein Formular in deinem Shop angezeigt werden soll:

Eine neue Seite für dein Formular zu deinem Onlineshop hinzufügen

Wenn du über die Forms-App eine Landing Page erstellst, erstellst du eine neue Seitenvorlage und generierst mit dieser Vorlage eine neue Seite mit einem anpassbaren Handle, zum Beispiel: example.com/pages/deine-benutzerdefinierte-formular-URL.

Schritte:

  1. Gehe in deinem Shopify-Adminbereich zu Apps > Forms.

  2. Klicke auf das Inline-Formular, dessen Platzierung du aktualisieren möchtest.

  3. Klicke im Abschnitt Platzierung der Formulareinstellungen auf Landing Page erstellen.

  4. Gib im Dialogfeld einen Titel und eine URL für die Landing Page ein und klicke dann auf Speichern. Es wird eine neue Seite erstellt und zur Liste Seiten in deinem Shopify-Adminbereich hinzugefügt.

  5. Optional: Um den Seitentitel, den Inhalt oder den Handle für deine Landing Page zu aktualisieren, klicke auf Seite bearbeiten. Du kannst Änderungen auch jederzeit über die Liste Seiten im Adminbereich oder durch Bearbeiten der Seitenvorlage im Theme-Editor vornehmen.

Dein Formular zu einer bestehenden Seitenvorlage hinzufügen

Du kannst ein Inline-Formular zu einer bestehenden Seitenvorlage als Block im Theme-Editor hinzufügen, indem du die mit deinem Formular verknüpfte Formular-ID verwendest. Eine Formular-ID ist eine 6-stellige Nummer, die ein bestimmtes Formular in deinem Shop darstellt. Das Inline-Formular wird auf allen Seiten angezeigt, die die von dir ausgewählte Vorlage verwenden.

  1. Nachdem du deine Änderungen gespeichert hast, wähle im Abschnitt Platzierung deiner Formulareinstellungen die Option Bestehende Seite aus.
  2. Klicke auf das Symbol für die Zwischenablage, um die Formular-ID in deine Zwischenablage zu kopieren.
  3. Klicke auf Zum Theme-Editor.
  4. Im Abschnitt Vorlage Füge in diesem Abschnitt das Inline-Formular zu deiner Seitenvorlage hinzu:
    1. Klicke auf ⊕ Abschnitt hinzufügen.
    2. Wähle den Tab Apps aus.
    3. Wähle Forms aus.
    4. Füge in den Blockeinstellungen die kopierte Formular-ID in das Feld Formular-ID ein.
    5. Optional: Passe die Farben, den Stil und die Layouteinstellungen des Blocks an.
  5. Klicke auf Speichern.

Schritt 4: Vorschau für dein Inline-Formular anzeigen und Formular aktivieren

Nachdem du ein Formular erstellt hast, lautet sein Status standardmäßig Inaktiv. Bevor du dein Formular aktivierst, kannst du die Vorschau verwenden, um zu überprüfen, wie jeder Teil des Formulars für Kund:innen angezeigt wird.

Wenn du bereit bist, dein Formular in deinem Onlineshop anzuzeigen, klicke auf Formular aktivieren. Nachdem du das Formular aktiviert hast, wird sein Status als Aktiv angezeigt.

Mehr Informationen zum Aktivieren oder Deaktivieren von Formularen.

Bestehendes Formular duplizieren

Du kannst ein Formular duplizieren, um ein neues Formular zu erstellen, das alle Felder und Einstellungen eines bestehenden Formulars enthält, mit Ausnahme von Übersetzungen und der Platzierung von Inline-Formularen.

Nachdem du ein Formular dupliziert hast, ist das neue Formular standardmäßig auf Inaktiv gesetzt. Erfahre, wie du ein Formular aktivierst.

Schritte:

  1. Gehe in deinem Shopify-Adminbereich zu Apps > Forms.

  2. Klicke bei dem Formular, das du duplizieren möchtest, auf ….

  3. Wähle im Dropdown-Menü die Option Formular duplizieren aus.

  4. Gib einen Namen für dein neues, dupliziertes Formular ein.

  5. Bearbeite alle Formulareinstellungen, die du ändern möchtest, und klicke dann auf Speichern.

  6. Klicke auf Formular aktivieren, um das Formular in deinem Shop anzuzeigen.