Kontaktformularabschnitt mit Kontaktformularelement entwerfen

Über das Kontaktformular-Element

Das Kontaktformularelement ist eine vorgefertigte Funktion in GemPages, die einfach per Drag & Drop aus der linken Seitenleiste in Ihren Entwurfsbereich gezogen werden kann. 

Sie können das Formular weiter anpassen, indem Sie es ziehen und ablegen zusätzliche Formularfeldelemente aus der Seitenleiste, um die spezifischen Informationsfelder einzuschließen, die Sie benötigen. 

Das Kontaktformularelement sendet Daten an den Shopify-Administrator. Weitere Informationen zum Kontaktformular-Element, klicken werden auf dieser Seite erläutert.

Entwerfen eines Kontaktformularabschnitts mit Kontaktformularelement

Zuerst müssen Sie auf die GemPages Dashboard und klicken Sie auf die Zielseite, um sie im Editor zu öffnen.

Sobald Sie sich im Editor befinden, befolgen Sie diese Schritte, um einen Abschnitt für ein Kontaktformular mit dem Kontaktformularelement von GemPages zu entwerfen.

Schritt 1: Ziehen Sie das Kontaktformularelement per Drag & Drop

• Suchen Sie in der linken Seitenleiste über die Suchleiste nach dem Kontaktformular-Element. Fügen Sie es dann an der gewünschten Position auf Ihrer Seite hinzu.

Dieses Standardkontaktformular enthält grundlegende Komponenten, Sie können es jedoch anpassen, indem Sie Elemente hinzufügen, ändern oder löschen.

• Um ein Element zu entfernen, klicken Sie darauf und wählen Sie das Papierkorb-Symbol, und erstellen Sie Ihr Formular von Grund auf neu.

• Löschen Sie alle vorgefertigten Elemente, um ein leeres Kontaktformular:

Schritt 2: Erstellen Sie das Kontaktformular-Layout

• Ziehen und ablegen a Reihe Element in das Kontaktformular.
• Unter dem Layout Im Abschnitt „Einstellungen“ des Einstellungsbereichs können Sie die Zeile je nach Ihren Vorlieben als ein- oder zweispaltiges Layout konfigurieren.

Schritt 3: Formular-Eingabeelemente hinzufügen

• Ziehen Sie anschließend die erforderlichen Formulareingabekomponenten per Drag & Drop. Für ein zweispaltiges Layout platzieren Sie die erste Textfeld Element in der linken Spalte.

• Doppelklicken Sie auf dieses Textblockelement, um den Text zu bearbeiten. Wir ändern ihn beispielsweise in „Name".

• Ziehen und ablegen a Textfeld Element unter dem Textblock, um sie in derselben Spalte zu platzieren.

• Fügen Sie in der rechten Spalte weiterhin einen neuen Textblock hinzu und ändern Sie den Text in „E-Mail„. Fügen Sie dann unter dieses Element ein E-Mail-Feldelement ein.

Schritt 4: Fügen Sie die Schaltfläche „Senden“ hinzu

• Ziehen Sie die Schaltfläche „Formular senden“, was für Kunden wichtig ist, um das Formular abzusenden und ihre Informationen an Ihren Shopify-Administrator zu senden.

• Passen Sie die Ausrichtung dieser Schaltfläche zur besseren Sichtbarkeit an die Mitte an.

• Gehen Sie zur  Registerkarte Erweitert und passen Sie den Abstand unter dem Abstand Abschnitt.

Schritt 5: Konfigurieren Sie die Einstellungen des Kontaktformulars

Konfigurieren Sie die Einstellungen, um jede Bedingung anzupassen:

• Nach dem Absenden: Wählen Sie, ob Kunden nach dem Absenden des Formulars auf der aktuellen Seite bleiben oder zu einer bestimmten URL oder Seite weitergeleitet werden sollen.
• Erfolgsmeldung: Zeigt eine Meldung zur Bestätigung der erfolgreichen Übermittlung an.
• Fehlermeldung: Zeigen Sie eine Warnung an, wenn ein Fehler auftritt, der das Senden des Formulars verhindert, z. B. Probleme mit dem Shopify-System.

Erstellen Sie ein Kontaktformular aus einer Vorlage in der Bibliothek

Sie können auch ein Kontaktformular erstellen, indem Sie vorgefertigte Vorlagen aus der Bibliothek verwenden.

Schritt 1:: Klicken Sie auf Registerkarte „Abschnitt“ in der linken Seitenleiste und scrollen Sie nach unten zum Kontakt .

Schritt 2:: Bewegen Sie den Mauszeiger über Kontakt um alle vorgefertigten Kontaktabschnitte aus der GemPages-Bibliothek anzuzeigen, ziehen Sie dann den gewünschten Abschnitt per Drag & Drop in den Entwurfsbereich.

Schritt 3: Sie können es nach Ihren Wünschen anpassen oder die Seite mit diesem vorgefertigten Kontaktbereich einfach speichern und veröffentlichen.

Behebung von Problemen mit dem Kontaktformular

Falls Ihr Kontaktformular nicht wie erwartet funktioniert, überprüfen Sie die unten aufgeführten häufigen Probleme und befolgen Sie die vorgeschlagenen Lösungen.

Problem 1: Fehlercode {"msg":"Missing credentials","status":"error"} erscheint nach dem Absenden des Formulars

Mögliche Ursache: Dies geschieht normalerweise, wenn das Formular auf dem Vorschauseite anstelle der Live-Seite. Die Vorschauumgebung unterstützt möglicherweise nicht alle Formularübermittlungen.

Wie repariert man:

Testen Sie unbedingt das Kontaktformular auf der Live-Seite veröffentlicht nur.

Folge diesen Schritten:

1. Klicken Sie auf Veröffentlichen um Ihre Seite zu veröffentlichen.
2. Öffnen Sie den Microsoft Store auf Ihrem Windows-PC Live-Seiten-URL in einem neuen Browser-Tab.
3. Senden Sie das Formular von der Live-Seite aus erneut ab.
4. Überprüfen Sie in Ihrem Shopify-Adminbereich, ob die Übermittlung eingegangen ist.

Problem 2: Das Kontaktformular wird auf der Live-Seite nicht angezeigt.

Mögliche Ursache: Das Kontaktformular wurde in ein Instant Landing Page (ILP).
Instant Landing Pages tun Shopify-Kontaktformulare werden nicht unterstütztweil das Kontaktformular eine Shopify-eigene Funktion ist.

Wie repariert man: Verschieben Sie das Kontaktformular auf eine normale GemPages-Seite anstatt auf eine Instant Landing Page.

Empfohlene Lösung:

• Erstellen oder öffnen Sie ein normale Seite in GemPages.
• Ziehen Sie die Kontaktformular-Element in die Seite.
• Speichern und veröffentlichen Die Seite.
• Öffnen Sie die Live-Seite, um zu überprüfen, ob das Kontaktformular korrekt angezeigt wird.