So erstellen Sie ein Online-Bestellformular für Ihre WordPress-Website 

Wenn Sie Bestellungen immer noch per E-Mail oder Telefon entgegennehmen, kennen Sie das Problem bereits. Ein Kunde gibt eine Bestellung auf, Sie schreiben sie irgendwo auf und ein paar Tage später sind die Details verschwunden.

Ein digitales Bestellformular löst dieses Problem. Diese Anleitung führt Sie durch die Erstellung eines Online-Bestellformulars in WordPress mit WPForms, einem Drag-and-Drop-Formularersteller, den ich persönlich seit Jahren verwende. Keine Programmierung erforderlich.

Sie können ein Online-Bestellformular in WordPress in etwa 10 Minuten mit WPForms erstellen. Installieren Sie das Plugin, wählen Sie eine Bestellformular-Vorlage, verbinden Sie PayPal Commerce oder Stripe und veröffentlichen Sie das Formular auf einer beliebigen Seite Ihrer Website.

WPForms Lite kann kostenlos gestartet werden. Das Sammeln von Zahlungen erfordert WPForms Pro.

Warum sollten Sie ein Online-Bestellformular verwenden?

Effizienz. Ein Online-Bestellformular ersetzt E-Mails mit hin und her durch eine einzige strukturierte Übermittlung. Sie erhalten automatisch alle Bestelldetails an einem Ort.

Zahlungseinzug. Mit einem Zahlungsformular für WordPress zahlen Kunden zum Zeitpunkt der Übermittlung. Sie müssen Rechnungen nicht nachjagen oder auf manuelle Zahlungsnachverfolgungen warten.

Genauigkeit. Ein benutzerdefiniertes Bestellformular verlangt von Kunden, dass sie jedes Feld ausfüllen, bevor sie es absenden. Keine fehlenden Größen, unklaren Adressen oder unvollständigen Spezifikationen mehr.

Arten von Online-Bestellformularen

WPForms enthält Vorlagen für die gängigsten Arten von Bestellformularen. Hier ist eine kurze Übersicht darüber, was jede einzelne behandelt:

• Produktbestellformular – Ermöglicht Kunden die Auswahl von Artikeln, Mengen und Variationen wie Größe oder Farbe.
• Servicebuchungsformular – Erfasst Jobdetails und bevorzugte Termine für Dienstleistungsunternehmen.
• Individuelles Angebotsformular – Erfasst Projektanforderungen, damit Sie mit einer maßgeschneiderten Rechnung nachverfolgen können.
• Lebensmittel- oder Bäckerei-Bestellformular – Behandelt individuelle Bestellungen mit Allergenhinweisen und Abhol- oder Lieferoptionen.

Wie erstelle ich ein Online-Bestellformular in WordPress?

Das Erstellen Ihres eigenen Online-Bestellformulars ist nicht so schwierig, wie es klingt. In diesem Tutorial zeigen wir Ihnen, wie einfach Sie es mit Hilfe eines WordPress-Plugins selbst erstellen können, das die meiste Arbeit für Sie erledigt.

Wir verwenden WPForms, den besten Drag-and-Drop-Online-Formularersteller für WordPress. Mit diesem Bestellformular-Ersteller können Sie fast jede Art von Online-Formular erstellen, einschließlich:

• Umfrageformulare
• Formulare im Typeform-Stil
• Kontaktformulare
• Anmeldeformulare
• Veranstaltungsanmeldeformulare

Und mit der Smart-Form-Technologie von WPForms und einfachen Zahlungs-Gateway-Integrationen können Sie Ihr Online-Bestellformular in wenigen Minuten einsatzbereit haben.

Warum nicht diesen ausführlichen WPForms-Testbericht für die vollständigen Details lesen?

Um mit dem Bestellformular-Ersteller von WPForms zu beginnen, müssen Sie die Pro-Version erwerben. WPForms Pro lässt sich mit Zahlungsabwicklern integrieren, um Zahlungen von Ihren Kunden anzunehmen. Dann müssen Sie das WPForms-Plugin auf Ihrer WordPress-Website installieren und aktivieren.

Wenn Sie nicht sicher sind, wie man ein Plugin in WordPress installiert, hilft Ihnen diese Schritt-für-Schritt-Anleitung.

Nachdem alles installiert und aktiviert ist, sind Sie bereit, mit dem nächsten Schritt fortzufahren und mit dem Erstellen Ihres neuen Formulars zu beginnen.

1. Wählen Sie die Vorlage für das Bestellformular

Das Erste, was Sie beim Erstellen eines Online-Bestellformulars tun sollten, ist, zu Ihrem WordPress-Dashboard zu gehen und auf WPForms » Neu hinzufügen zu klicken.

Dies zeigt eine Reihe von vordefinierten Vorlagen zur Auswahl an.

Für dieses Tutorial verwenden wir die kostenlose Vorlage Bestellformular. Geben Sie Ihrem Formular also einen Namen und klicken Sie auf diese Option.

Der nächste Bildschirm, den Sie sehen werden, ist der Formular-Editor. Hier können Sie das Aussehen, den Inhalt und die Einstellungen Ihres Bestellformulars anpassen.

Die Vorlage Rechnungs-/Bestellformular füllt Ihr Formular automatisch mit den Standardeinstellungen aus, die für ein einfaches Bestellformular erforderlich sind.

Wenn Sie auf eines der Formularfelder klicken, werden die Feldoptionen auf der linken Seite Ihres Bildschirms geöffnet. Hier können Sie die Bezeichnungen jedes Feldes bearbeiten, Elemente hinzufügen oder entfernen und bestimmte Datenerfassungsfelder zu Pflichtfeldern machen.

Wenn Sie den Tab mit den erweiterten Optionen für das Feld Verfügbare Artikel erweitern, können Sie beispielsweise ein anderes Spaltenschema auswählen. Sie können Ihrem Formular sogar bedingte Logik hinzufügen, sodass einige Felder nur basierend auf den Informationen in den Formulareingaben angezeigt werden.

Um das Layout Ihres Formulars neu anzuordnen, können Sie jedes Feld per Drag & Drop verschieben. Außerdem ist das Hinzufügen zusätzlicher Felder genauso einfach. Ziehen Sie sie einfach von der linken Seite Ihres Bildschirms, z. B. die Zahlungsmethoden, nach rechts.

Wenn Sie mit dem Layout Ihres Bestellformulars zufrieden sind, klicken Sie auf die Schaltfläche Speichern, um keine Änderungen zu verlieren.

2. Richten Sie Benachrichtigungen für Online-Bestellformulare ein

Nun fahren wir mit der Konfiguration der Einstellungen Ihres Online-Bestellformulars fort, beginnend mit dem Benachrichtigungs-Workflow des Formulars. Benachrichtigungen senden eine E-Mail, wann immer Ihr Formular ausgefüllt wird.

Um diese einzurichten, gehen Sie zu Einstellungen » Benachrichtigungen, und Sie sehen die Ihnen zur Verfügung stehenden Optionen.

Standardmäßig sendet WPForms Ihnen automatisch eine E-Mail-Benachrichtigung, wenn ein Kunde Ihr Formular ausfüllt. Wenn Sie diese Option jedoch nicht wünschen, können Sie sie deaktivieren, indem Sie im Dropdown-Menü Aus auswählen.

Sie können auch Benachrichtigungen an andere Personen in Ihrem Unternehmen senden, indem Sie deren E-Mail-Adressen in das Feld E-Mail-Adresse senden an eingeben.

Darüber hinaus ist es einfach, Kunden Benachrichtigungen zu senden, wann immer sie ein Formular ausfüllen. Dies sollten Sie tun, um Ihren Kunden zu versichern, dass ihre Bestellung eingegangen ist und Sie sie bearbeiten.

Sie können Smart Tags in WPForms verwenden, um dies einzurichten.

Neben dem Feld E-Mail-Adresse senden an sehen Sie die Option Smart Tags anzeigen. Dies zeigt die verfügbaren Tags für dieses spezielle Feld an.

Klicken Sie auf E-Mail, und der Tag wird automatisch in das Feld eingefügt. Dieser Tag bezieht sich direkt auf die E-Mail-Adresse, die Kunden eingeben, wenn sie Ihr Formular ausfüllen.

Bearbeiten Sie nun die restlichen Felder, einschließlich der folgenden:

• E-Mail-Betreff. Dies ist eines der ersten Dinge, die Personen in ihrem Posteingang sehen. Sie können den Zweck des Formulars beschreiben, indem Sie zum Beispiel „Ihre Bestellung wurde erhalten“ schreiben.
• Absendername. Woher kommt die E-Mail? Ihr Marken- oder Firmenname ist eine gute Wahl für dieses Feld, damit Kunden wissen, dass es sich nicht um Spam handelt.
• Absender-E-Mail. Auch hier sollte Ihre Firmen-E-Mail-Adresse oder die E-Mail-Adresse Ihrer Vertriebsabteilung stehen, damit Kunden wissen, woher die E-Mail stammt und wen sie kontaktieren können.
• Antwort an. Bieten Sie Ihren Kunden eine Möglichkeit, Sie bei Problemen zu kontaktieren, indem Sie hier Ihre Kontakt-E-Mail-Adresse eingeben.
• Nachricht. Fügen Sie eine personalisierte Nachricht hinzu, die erklärt, warum Kunden diese E-Mail erhalten und welche nächsten Schritte sie unternehmen sollten. Sie können auch die Details ihrer Bestellung hinzufügen, indem Sie das Tag {all_fields} einfügen.

Wenn Sie lieber automatisch eine Online-Bestellbestätigung per E-Mail versenden möchten, zeigt Ihnen diese Schritt-für-Schritt-Anleitung, wie es geht.

Speichern Sie Ihre Änderungen und fahren wir mit dem Abschnitt Bestätigungsnachricht fort.

3. Passen Sie Bestätigungsnachrichten für Formulare an

Der Bestätigungsabschnitt bietet Ihnen 3 Arten von Nachrichten, die Sie Kunden anzeigen können, nachdem sie Ihr Formular erfolgreich übermittelt haben.

Hier sind die 3 Arten von Bestätigungsnachrichten, aus denen Sie wählen können:

1. Nachricht. Dies ist der Standard-Bestätigungstyp von WPForms. Hier wird eine einfache Erfolgsmeldung angezeigt, die den Kunden mitteilt, dass ihr Formular übermittelt wurde.
2. Seite anzeigen. Die Option „Seite anzeigen“ leitet Besucher nach Abschluss ihres Formulars auf eine bestimmte Seite Ihrer Website weiter. Hier erfahren Sie , wie Sie Kunden auf eine Dankesseite weiterleiten.
3. URL aufrufen (Weiterleitung). Dieser Bestätigungstyp wird normalerweise verwendet, um Kunden nach dem Absenden des Formulars auf eine andere Website zu senden.

Um diese Einstellungen in Ihrem Formular-Editor anzupassen, klicken Sie auf Einstellungen » Bestätigung. Wählen Sie dann Ihren Bestätigungstyp aus der Dropdown-Liste aus und bearbeiten Sie Ihre Nachricht.

Hilfe bei der Einrichtung Ihrer Bestätigungsnachricht finden Sie in der WPForms-Dokumentation. Stellen Sie sicher, dass Sie Ihre Änderungen speichern, bevor Sie fortfahren.

4. Wählen Sie Ihre Zahlungseinstellungen

Bevor Sie Ihr Online-Bestellformular veröffentlichen, müssen Sie Ihren Kunden eine Möglichkeit bieten, für ihre Produkte zu bezahlen.

WPForms bietet 2 beliebte Zahlungsoptionen für die Annahme von Online-Zahlungen. Dies sind die PayPal Commerce und Stripe App-Integrationen. Sie müssen die PayPal Commerce und Stripe Add-ons installieren, um diese Optionen zu aktivieren.

Gehen Sie dazu zu WPForms » Addons. Klicken Sie dann auf Ihr bevorzugtes Zahlungs-Addon, um es zu installieren und zu aktivieren.

Wenn Sie sich nicht sicher sind, welches Sie verwenden sollen, hilft Ihnen dieser Beitrag über Stripe vs. PayPal bei der Entscheidung.

Nachdem das Addon installiert ist, gehen Sie zurück zu Ihrem Online-Bestellformular-Editor und klicken Sie auf Einstellungen » Zahlungen und wählen Sie Ihre gewünschte Zahlungsoption.

In diesem Beispiel verwenden wir PayPal Commerce zur Integration mit unserem Formular.

Um PayPal Commerce zu konfigurieren, klicken Sie in Ihrem Formular-Editor auf Einstellungen » Zahlungen » PayPal Commerce und folgen Sie dem Einrichtungsassistenten, um Ihr PayPal-Geschäftskonto zu verknüpfen.

Stellen Sie den Modus auf Produktion, bevor Sie live gehen, damit echte Zahlungen korrekt verarbeitet werden.

Wenn Sie mit der Einrichtung Ihrer Zahlungsdetails fertig sind, klicken Sie auf Speichern, um Ihre Änderungen zu speichern. 

Als Nächstes veröffentlichen wir Ihr Formular!

5. Veröffentlichen Sie Ihr Online-Bestellformular in WordPress

Es ist an der Zeit, Ihr Online-Bestellformular zu veröffentlichen, was ziemlich aufregend ist, oder? Noch aufregender ist, dass WPForms es Ihnen ermöglicht, Ihre Formulare an vielen Stellen auf Ihrer Website einzubetten.

Das bedeutet, dass Sie Ihr Formular in Beiträgen, Seiten, Seitenleisten und anderen widget-fähigen Bereichen Ihrer WordPress-Website anzeigen können.

Um Ihr Formular auf einer Seite zu veröffentlichen, erstellen Sie zuerst eine neue Seite, indem Sie in Ihrem Dashboard zu Seiten » Neu hinzufügen gehen und ihr einen Titel geben.

Klicken Sie danach auf das Plus-Symbol, um der Seite einen neuen Inhaltsblock hinzuzufügen.

Geben Sie nun WPForms in das Suchfeld ein, um den WPForms-Inhaltsblock anzuzeigen.

Klicken Sie dann auf den Block, um ihn zu Ihrer Seite hinzuzufügen.

Als Nächstes müssen Sie Ihr Online-Bestellformular aus der bereitgestellten Dropdown-Liste auswählen.

Und wenn Sie bereit sind, Ihre Seite zu veröffentlichen, klicken Sie auf Veröffentlichen, um sie live zu schalten.

Nun ist Ihr Online-Bestellformular auf Ihrer Website live. Gehen Sie einfach zu dieser spezifischen Seite im Frontend Ihrer Website, und Sie werden es sehen.

Aber Sie sind noch nicht fertig. Kein gutes Bestellformular ist vollständig, ohne eine Möglichkeit zur Verfolgung und Messung von Einreichungen zu haben. Das werden wir als Nächstes herausfinden.

Erstellen Sie eine dedizierte Bestellseite mit SeedProd

Sobald Ihr Formular erstellt ist, spielt es eine Rolle, wo Sie es veröffentlichen. Eine Seite mit Seitenleisten, Kopfzeilen und Navigation gibt Besuchern zu viele Möglichkeiten, abzuspringen, bevor sie ihre Bestellung abschließen.

SeedProd ist ein Drag-and-Drop-Website-Builder, mit dem Sie in wenigen Minuten eine ablenkungsfreie Landingpage für Ihr Formular erstellen können.

Nach meinen eigenen Recherchen macht das Entfernen von Navigationsablenkungen einen echten Unterschied darin, wie viele Leute das Formular tatsächlich ausfüllen.

So koppeln Sie SeedProd mit Ihrem WPForms-Bestellformular:

1. Gehen Sie in Ihrem WordPress-Dashboard zu SeedProd » Landing Pages und klicken Sie auf Neue Landingpage hinzufügen.
2. Wählen Sie eine Vorlage und passen Sie die Überschrift, den Text und das Branding im visuellen Editor an.
3. Ziehen Sie den WPForms-Block in Ihr Layout und wählen Sie Ihr Bestellformular aus der Dropdown-Liste aus.
4. Klicken Sie auf Speichern und Veröffentlichen, um die Seite live zu schalten.

Sie können das Formular auch auf jeder vorhandenen Seite mit dem WPForms-Shortcode einbetten: .

Eine vollständige Anleitung finden Sie in unserem Leitfaden zur Erstellung einer Landingpage mit einem Formular in WordPress.

6. Verfolgen Sie Formularanalysen

Es ist alles schön und gut, ein gut aussehendes Online-Bestellformular zu haben, aber wenn niemand es ausfüllt und Ihre Produkte kauft, ist es eine etwas verschwendete Mühe.

Sie wissen es vielleicht nicht, aber Formularabbrüche sind eine der größten Herausforderungen für Website-Besitzer.

Tatsächlich liegt die durchschnittliche Abbruchrate laut Forschung des Baymard Institute bei etwa 70%. Das bedeutet, dass eine ganze Menge Leute Ihr Formular ausfüllen und es dann direkt vor dem Klick auf Senden verlassen.

Aber es gibt Möglichkeiten, Formularabbrüche zu bekämpfen, und das beginnt damit, die Analysen Ihres Bestellformulars richtig zu verfolgen.

Die meisten Website-Besitzer verwenden Google Analytics. Aber die Verfolgung von Formularabbrüchen in Google Analytics ist kein Zuckerschlecken. Es ist ziemlich verwirrend! Deshalb ist unsere bevorzugte Methode, diese Art von Daten zu verfolgen, die Verwendung von MonsterInsights.

Mit MonsterInsights können Sie Google Analytics für Ihre WordPress-Website in wenigen Minuten einrichten und die gesammelten Daten tatsächlich verstehen. Es ist auch ein ausgezeichneter Begleiter für WPForms.

MonsterInsights macht die Verfolgung von Formularabbrüchen viel einfacher. Sie können die Formularverfolgung unter Ereigniskategorien sowie Aktionen einrichten.

Darüber hinaus werden die MonsterInsights-Berichte direkt in Ihrem WordPress-Dashboard angezeigt. Sie müssen also nicht mehr zwischen Fenstern und Tabs wechseln, um die benötigten Informationen zu erhalten.

In diesem einfachen Schritt-für-Schritt-Leitfaden erfahren Sie alles darüber, wie Sie Formularabbrüche in WordPress verfolgen mit MonsterInsights.

FAQs zu WordPress Online-Bestellformularen

Wie erstelle ich kostenlos ein Online-Bestellformular in WordPress?

WPForms Lite ist kostenlos und enthält die grundlegende Vorlage für Bestellformulare. Sie können Kundendetails und Artikelauswahlen sammeln, ohne etwas zu bezahlen. Um Zahlungen über das Formular zu akzeptieren, benötigen Sie WPForms Pro, das PayPal Commerce- und Stripe-Integrationen freischaltet.

Kann ich Zahlungen direkt in einem WordPress-Bestellformular akzeptieren?

Ja. WPForms Pro lässt sich mit PayPal Commerce und Stripe integrieren, sodass Kunden zum Zeitpunkt der Einreichung bezahlen können. Sie müssen das Zahlungs-Add-on für Ihren bevorzugten Prozessor installieren und Ihr Konto in den Zahlungseinstellungen des Formulars verbinden.

Wie füge ich Produktoptionen wie Größe oder Farbe zu einem Bestellformular hinzu?

Verwenden Sie Dropdown- oder Multiple-Choice-Felder in WPForms, um Produktvarianten anzubieten. Sie können auch bedingte Logik hinzufügen, sodass bestimmte Optionen nur angezeigt werden, basierend darauf, was der Kunde zuerst auswählt, z. B. die Anzeige von Größenoptionen, nachdem ein Kunde ein bestimmtes Produkt ausgewählt hat.

Was sollte ich in ein Online-Bestellformular aufnehmen?

Erfassen Sie mindestens den Namen, die E-Mail-Adresse, die Lieferadresse des Kunden, die bestellten Artikel mit Mengen und allen Varianten sowie die Zahlungsdetails. Das Hinzufügen einer Checkbox für Geschäftsbedingungen und eines Feldes für die Bestellzusammenfassung hält die Kunden informiert und reduziert Streitigkeiten.

In diesem Artikel haben Sie gelernt, wie Sie ein Online-Bestellformular für Ihre WordPress-Website erstellen und wie Sie Ihre Ergebnisse am besten verfolgen.

Jetzt müssen Sie nur noch die abwandernden Besucher in zahlende Kunden verwandeln. Unsere Lösungen zur Behebung von Warenkorbabbrüchen zeigen Ihnen, wie.

Wenn Sie Ihre Website weiter ausbauen, finden Sie möglicherweise auch diese Anleitungen hilfreich:

• So erstellen Sie eine benutzerdefinierte WooCommerce-Checkout-Seite
• So passen Sie Ihren WooCommerce-„In den Warenkorb“-Button an
• So fügen Sie Google Analytics zu WordPress hinzu (Der einfache Weg)
• Die besten Beispiele für Produkt-Landingpages

Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.