[VORLAGE] So erstellen Sie ein Wartungsanforderungsformular in WordPress

Veröffentlicht: 2020-02-17

Suchen Sie nach einer schnellen und einfachen Möglichkeit, Ihren Mietern einen Online-Arbeitsauftrag für ihre Wohnung oder andere Vermietung zu ermöglichen? Sie können ganz einfach ein Online-Formular mit einer Wartungsanforderungsvorlage einrichten, mit dem Sie Online-Wartungsanforderungen annehmen und sogar automatisch eine E-Mail an Ihren Wartungsmitarbeiter senden können.

In dieser Schritt-für-Schritt-Anleitung führen wir Sie genau durch, wie Sie ein Wartungsanforderungsformular in WordPress erstellen.

Klicken Sie hier, um jetzt Ihr Wartungsanforderungsformular zu erstellen

So erstellen Sie ein Wartungsanforderungsformular in WordPress

Hier ist ein Inhaltsverzeichnis für die einfache Navigation in diesem Tutorial:

  1. Erstellen Sie ein Wartungsanforderungsformular in WordPress
  2. Passen Sie Ihr Wartungsanforderungsformular an
  3. Bedingte Logik aktivieren
  4. Konfigurieren Sie Ihre Formulareinstellungen
  5. Passen Sie die Benachrichtigungen Ihres Wartungsanforderungsformulars an
  6. Konfigurieren Sie die Bestätigungen Ihres Formulars
  7. Fügen Sie Ihr Wartungsanforderungsformular zu Ihrer Website hinzu

Schauen wir uns genau an, wie Sie mit dem WPForms-Plugin ein Wartungsanforderungsformular in WordPress erstellen.

So wird's gemacht:

WPForms ist das beste WordPress Form Builder-Plugin. Erhalte es kostenlos!

Schritt 1: Erstellen Sie ein Wartungsanforderungsformular in WordPress

Das erste, was Sie tun müssen, wenn Sie sich fragen, wie Sie ein Wartungsanforderungsformular online erstellen können, ist die Installation und Aktivierung des WPForms-Plugins. Detaillierte Anweisungen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins. Unter den vielen leistungsstarken Funktionen eignet sich WPForms hervorragend als WordPress-Plugin für Wartungsanfragen.

Als nächstes müssen Sie das Add-on Form Templates Pack installieren und aktivieren. Mit diesem Add-on können Sie auf die vorgefertigte Vorlage für Wartungsanfrageformulare sowie auf unzählige andere branchenspezifische Vorlagen zum Erstellen benutzerdefinierter Formulare für Ihre Website zugreifen.

Dies spart Ihnen viel Zeit, da Sie nicht bei Null anfangen und Felder manuell zu einem einfachen Kontaktformular hinzufügen müssen.

Suchen Sie auf der WPForms-Addons-Seite nach dem Form Templates Pack.

wpforms-Addons suchen

Klicken Sie auf Add- on installieren und aktivieren .

Form Templates Pack Addon und WordPress-Bewerbungsformular-Plugin

Gehen Sie als Nächstes zu WPForms » Neu hinzufügen , um ein neues Formular zu erstellen.

Benennen Sie auf dem Einrichtungsbildschirm Ihr Formular und scrollen Sie zum unteren Rand des Vorlagenbildschirms, wo zusätzliche Vorlagen angezeigt werden.

Geben Sie "Wartung" in die Suchleiste ein und die Formularvorlage für die Wartungsanforderung wird angezeigt.

zusätzliche Vorlagen für Wartungsformular

Klicken Sie auf die Vorlage und WPForms erstellt automatisch ein Wartungsanforderungsformular für Sie.

Formularvorlage für Wartungsanfragen

Schritt 2: Passen Sie Ihr Wartungsanforderungsformular an

WPForms macht das Anpassen von Formularen einfach.

Zusätzlich zu den Standardformularfeldern Name, E-Mail, Telefonnummer und Objektadresse werden Ihnen die folgenden Formularfelder angezeigt:

  • Dropdowns (3)
  • Absatztext
  • Multiple-Choice (2)

Diese Vorlage enthält bereits grundlegende Fragen wie Kontaktinformationen, aber Sie können bei Bedarf weitere Informationen anfordern. Sie können Ihrem Antragsformular für Wohnungswartung zusätzliche Formularfelder hinzufügen, indem Sie sie einfach vom linken Bereich in den rechten Bereich ziehen.

Hier sind einige Ideen für zusätzliche Formularfelder, die Sie hinzufügen möchten:

  • Zugangsanweisungen – Fügen Sie ein Multiple-Choice-, Kontrollkästchen oder einzeiliges Textfeld hinzu, damit die Personen mehr Details zum Zugriff auf ihren Platz angeben.
  • Startdatum des Problems Fügen Sie ein einzeiliges Textfeld hinzu und lassen Sie die Personen eingeben, wann das Problem begann. Wenn Sie möchten, erstellen Sie eine Eingabemaske, damit die Leute einfach ein Datum eingeben können.
  • Notfall – Fügen Sie ein Multiple-Choice-Feld hinzu, in dem Sie gefragt werden, ob die Anfrage ein Notfall ist, und wenn sie auf Ja klicken, wird automatisch Text mit einer anzurufenden Nummer oder anderen Informationen mithilfe von bedingter Logik angezeigt (mehr dazu in Schritt #3).

Außerdem haben Sie die Möglichkeit, ein Formular mit mehreren Schritten zu erstellen, damit Ihr Formular auch weniger überladen erscheint!

Außerdem können Sie auch nach Dingen wie Bildern fragen, damit Ihr Team genau weiß, was und wo im Gerät defekt ist.

Dies können Sie ganz einfach tun, indem Sie Ihrem Formular ein Feld zum Hochladen von Dateien hinzufügen. Ziehen Sie es einfach aus dem linken Bereich auf Ihr Formular an die Stelle, an der es angezeigt werden soll.

Datei-Upload-Formular zur Wartungsanforderungs-Arbeitsauftragsvorlage hinzufügen

Sobald es in Ihrem Formular ist, klicken Sie auf das Feld Datei-Upload , um es anzupassen, und gehen Sie wie folgt vor:

  • Ändern Sie das Label, damit die Leute wissen, was sie hochladen müssen
  • Fügen Sie bei Bedarf eine Beschreibung mit Anweisungen hinzu
  • Geben Sie die Arten von Dateierweiterungen an, die Sie hochladen dürfen
  • Geben Sie eine maximale Dateigröße ein, wenn Sie die Größe auf einen kleineren als den Standardwert von 128 MB beschränken möchten
  • Ändern Sie die standardmäßige maximale Dateianzahl von Datei-Uploads von 1, wenn Sie mehr Dateien pro Feld zulassen möchten
  • Klicken Sie auf das Kontrollkästchen Erforderlich, wenn jeder eine Datei hochladen muss

Datei-Upload-Formulareinstellungen

Klicken Sie im Abschnitt Erweiterte Optionen auf das Kontrollkästchen Datei in WordPress-Medienbibliothek speichern, um einfachen Zugriff auf die Dateien zu erhalten, die Ihre Mandanten in ihre Formulare hochladen.

Bilder in der WordPress-Bibliothek speichern

Möchten Sie eine Upload-Schaltfläche anstelle des Datei-Uploaders im modernen Stil haben?

zum klassischen Datei-Upload-Stil wechseln

Sie können Schritt #2 in diesem Beitrag lesen, um zu erfahren, wie Sie für Ihr Upload-Feld zum klassischen Stil wechseln.

Wenn Sie mit der Anpassung Ihres Formulars fertig sind, klicken Sie auf Speichern .

Wartungsanfrageformular speichern

Schritt 3: Bedingte Logik aktivieren

Ein langes Formular für Wartungsanfragen ist nicht ideal. Um Formularermüdung zu bekämpfen, übersichtliche Formulare zu erstellen und trotzdem die Informationen zu sammeln, die Sie von Personen benötigen, sollten Sie intelligente bedingte Logik in Ihrem WordPress-Formular aktivieren.

Und das geht ganz einfach!

In unserem Beispiel fragen wir die Leute, die das Formular ausfüllen, ob sie Haustiere haben. Wenn sie Ja auswählen, wird ein Feld angezeigt, in dem nach weiteren Details gefragt wird. Ziemlich cool, oder?!

Um diese Frage einzurichten, gehen Sie zum Multiple-Choice- Formularfeld, in dem bereits nach Haustieren gefragt wird. Klicken Sie dann auf das Feld, um Änderungen vorzunehmen.

Hier können Sie bei Bedarf das Label ändern und die Auswahlmöglichkeiten hinzufügen, aus denen die Leute auswählen sollen.

Bedingungslogik im Formular bearbeiten

Und unter Erweiterte Optionen können Sie das Auswahllayout auf zwei Spalten ändern, wenn Sie möchten.

So erstellen Sie ein zweispaltiges Layout mit einem Multiple-Choice-Feld

Ziehen Sie als Nächstes unter Felder hinzufügen ein Einzeiliges Textformularfeld direkt unter die Haustierfrage in Ihrem Formular. Klicken Sie anschließend auf das Feld, um Änderungen vorzunehmen.

Beginnen Sie mit dem Ändern der Feldbezeichnung. In unserem Beispiel stellen wir die Frage „Was für eine Art und ist es ein guter Junge?“

ein einzeiliges Textfeld hinzufügen

Hier passiert nun die Magie. Um die bedingte Logik zu aktivieren, scrollen Sie im linken Bereich nach unten zum Abschnitt mit der Bezeichnung Conditionals . Klicken Sie dann auf das Kontrollkästchen mit der Bezeichnung Bedingte Logik aktivieren .

bedingte Logik aktivieren

Nachdem Sie auf das Kontrollkästchen geklickt haben, passen Sie die Bedingungen an. Wählen Sie Zeigen dieses Feld , wenn Waren Sie von einem unserer Mitarbeiter bezeichnet? ist ja .

Bedingungsfeld anzeigen

Immer wenn jemand Ihr WordPress-Formular ausfüllt, wählt er die Multiple-Choice-Option „Ja“, wenn er die Frage „Haben Sie Haustiere?“ beantwortet. Das einzeilige Textfeld wird angezeigt, damit sie weitere Details über ihren kleinen Freund eingeben können.

Hör zu:

bedingte Logik

Wenn Sie fertig sind, klicken Sie auf Speichern .

Wartungsanfrageformular speichern

Schritt 4: Konfigurieren Sie Ihre Formulareinstellungen

Gehen Sie zum Starten zu Einstellungen » Allgemein .

Vorlageneinstellungen für Wartungsanforderungsformulare

Hier können Sie Folgendes konfigurieren:

  • Formularname – Ändern Sie hier den Namen Ihres Formulars, wenn Sie möchten.
  • Formularbeschreibung — Geben Sie Ihrem Formular eine Beschreibung.
  • Text der Schaltfläche „ Senden“ – Passen Sie die Kopie auf der Schaltfläche „Senden“ an.
  • Spam-Prävention – Stoppen Sie Kontaktformular-Spam mit der Anti-Spam-Funktion, hCaptcha oder Google reCAPTCHA. Die Anti-Spam-Checkbox wird bei allen neuen Formularen automatisch aktiviert.
  • AJAX-Formulare – Aktivieren Sie AJAX-Einstellungen ohne Neuladen der Seite.
  • DSGVO-Verbesserungen – Sie können das Speichern von Zugangsinformationen und Benutzerdetails, wie IP-Adressen und Benutzeragenten, deaktivieren, um die DSGVO-Anforderungen zu erfüllen. Sehen Sie sich unsere Schritt-für-Schritt-Anleitung zum Hinzufügen eines DSGVO-Vereinbarungsfelds zu Ihrem einfachen Kontaktformular an.

Wenn Sie fertig sind, klicken Sie auf Speichern .

Schritt 5: Passen Sie die Benachrichtigungen Ihres Wartungsanforderungsformulars an

Benachrichtigungen sind eine großartige Möglichkeit, eine E-Mail zu senden, wenn ein Arbeitsauftrag auf Ihrer Website eingereicht wird.

Formularbenachrichtigungen

Sofern Sie diese Funktion nicht deaktivieren, erhalten Sie jedes Mal, wenn jemand ein Wartungsanforderungsformular auf Ihrer Website einreicht, eine Benachrichtigung darüber.

Wenn Sie Smart Tags verwenden, können Sie dem Benutzer beim Ausfüllen auch eine Benachrichtigung senden, um ihn darüber zu informieren, dass Sie seinen Arbeitsauftrag erhalten haben und sich in Kürze jemand mit Ihnen in Verbindung setzen wird. Dies versichert den Leuten, dass ihre Anfrage richtig durchgegangen ist.

Hilfe zu diesem Schritt finden Sie in unserer Dokumentation zum Einrichten von Formularbenachrichtigungen in WordPress.

Und wenn Sie das Branding in Ihren E-Mails konsistent halten möchten, können Sie diese Anleitung zum Hinzufügen eines benutzerdefinierten Headers zu Ihrer E-Mail-Vorlage lesen.

Benutzerdefinierter E-Mail-Header

Hinweis: Da Dateianhänge häufig die Zustellbarkeit von E-Mails beeinträchtigen können, hängt WPForms keine Dateien an E-Mails an. Wenn beispielsweise ein E-Mail-Anbieter nur maximal 10 MB für den Anhang zulässt, der Benutzer jedoch eine Dateigröße von mehr als 10 MB hochlädt, wird die E-Mail nicht zugestellt. Stattdessen versenden wir die Datei-Uploads per E-Mail als Links.

Benachrichtigungs-E-Mail-Links

Dies ist eine großartige Möglichkeit, um Arbeitsauftragsanfragen an Ihr Wartungsteam zu senden, um sicherzustellen, dass es schnell anfängt!

Schritt 6: Konfigurieren Sie die Bestätigungen Ihres Formulars

Formularbestätigungen sind Nachrichten, die Site-Besuchern angezeigt werden, sobald sie eine Arbeitsauftragsanfrage auf Ihrer Website senden. Sie lassen die Leute wissen, dass ihre Wartungsanfrage durchgegangen ist, und bieten Ihnen die Möglichkeit, sie über die nächsten Schritte zu informieren.

WPForms hat 3 Bestätigungstypen zur Auswahl:

  1. Nachricht – Dies ist der Standardbestätigungstyp in WPForms. Wenn ein Site-Besucher eine Arbeitsauftragsanfrage sendet, wird eine einfache Bestätigungsnachricht angezeigt, die ihn darüber informiert, dass seine Anfrage bearbeitet wurde. Sehen Sie sich einige großartige Erfolgsmeldungen an, um die Benutzerzufriedenheit zu steigern.
  2. Seite anzeigen – Dieser Bestätigungstyp führt Website-Besucher zu einer bestimmten Webseite auf Ihrer Website und dankt ihnen für die Übermittlung. Hilfe dazu finden Sie in unserem Tutorial zum Weiterleiten von Kunden auf eine Dankesseite. Lesen Sie außerdem unbedingt unseren Artikel zum Erstellen effektiver Dankesseiten.
  3. Gehe zu URL (Umleitung) – Diese Option ist, wenn Sie Website-Besucher zu einer anderen Website weiterleiten möchten.

Sehen wir uns an, wie Sie eine einfache Formularbestätigung in WPForms einrichten, damit Sie die Nachricht anpassen können, die Besucher der Website beim Ausfüllen Ihres Formulars sehen.

Klicken Sie zunächst im Formulareditor unter Einstellungen auf den Reiter Bestätigung .

Wählen Sie als Nächstes die Art der Bestätigung aus, die Sie erstellen möchten. In diesem Beispiel wählen wir Nachricht aus .

Formularbestätigungstyp

Passen Sie dann die Bestätigungsnachricht nach Ihren Wünschen an und klicken Sie auf Speichern .

Hilfe zu anderen Bestätigungstypen finden Sie in unserer Dokumentation zum Einrichten von Formularbestätigungen.

Jetzt können Sie Ihr Wartungsanforderungsformular zu Ihrer Website hinzufügen.

Schritt 7: Fügen Sie Ihr Wartungsanforderungsformular zu Ihrer Website hinzu

Nachdem Sie Ihr Wartungsanforderungsformular erstellt haben, müssen Sie es zu Ihrer WordPress-Website hinzufügen. Mit WPForms können Sie Ihre Formulare an vielen Stellen auf Ihrer Website hinzufügen, einschließlich Ihrer Blog-Posts, Seiten und sogar Seitenleisten-Widgets.

Werfen wir einen Blick auf die gebräuchlichste Platzierungsoption: die Einbettung von Seiten/Beiträgen.

Erstellen Sie zunächst eine neue Seite oder einen neuen Beitrag in WordPress oder gehen Sie zu den Update-Einstellungen einer vorhandenen.

Klicken Sie anschließend in den ersten Block (den leeren Bereich unter Ihrem Seitentitel) und klicken Sie auf das Symbol WPForms hinzufügen.

Senden Sie eine Wartungsanforderung für einen Arbeitsauftrag zur Seite hinzufügen

Das praktische WPForms-Widget wird in Ihrem Block angezeigt. Klicken Sie auf das Dropdown-Menü WPForms und wählen Sie aus, welches der bereits erstellten Formulare Sie in Ihre Seite einfügen möchten. Wählen Sie Ihr Wartungsanforderungsformular aus.

Wählen Sie Ihr Wartungsanfrageformular

Veröffentlichen oder aktualisieren Sie dann Ihren Beitrag oder Ihre Seite, damit Ihr Wartungsanforderungsformular auf Ihrer Website angezeigt wird.

Um Formulareinträge nach dem Absenden anzuzeigen, lesen Sie diese vollständige Anleitung zu Formulareinträgen. Sie können beispielsweise alle Einträge im Wartungsanforderungsformular anzeigen, suchen, filtern, drucken und löschen, was den Arbeitsauftragsprozess erheblich vereinfacht. Darüber hinaus können Sie unser Zapier-Addon verwenden, um Datei-Uploads automatisch in Cloud-Diensten wie Google Drive und Dropbox zu speichern.

Klicken Sie hier, um jetzt Ihr Wartungsanforderungsformular zu erstellen

Abschließend

Und da hast du es! Sie wissen jetzt, wie Sie mit dem WPForms-Plugin ein Online-Wartungsanforderungsformular in WordPress erstellen, damit Sie problemlos Arbeitsaufträge von Ihren Mietern erhalten!

Möchten Sie die Aufmerksamkeit Ihres Mieters erregen, während er sich auf der Seite Ihres Wartungsanfrageformulars befindet? Werfen Sie einen Blick auf unseren Beitrag zu den besten WordPress-Popup-Plugins.

Also, worauf wartest Du? Beginnen Sie noch heute mit dem leistungsstärksten WordPress-Formular-Plugin.

Und nicht vergessen, wenn Ihnen dieser Artikel gefällt, dann folgen Sie uns bitte auf Facebook und Twitter.