So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

So erstellen Sie ein Online-Bestellformular in WordPress (Schritt für Schritt)

Einige unserer Leser haben gefragt, wie ein Online-Bestellformular erstellt werden soll, damit Kunden ihre Bestellungen problemlos auf der Website aufgeben können.

Wenn Sie ein Unternehmen wie ein Restaurant oder ein physisches Geschäft haben, möchten Sie möglicherweise keinen vollständigen Online-Shop erstellen. Möglicherweise möchten Sie Ihren Kunden jedoch eine einfache Möglichkeit bieten, Lebensmittel oder andere Produkte zur Lieferung zu bestellen.

In diesem Beitrag zeigen wir Ihnen, wie Sie ein Online-Bestellformular in WordPress erstellen. Auf diese Weise können Sie problemlos Kundenbestellungen abholen, ohne Ihrer Website eine vollständige E-Commerce-Software hinzufügen zu müssen.

Erstellen Sie ein Online-Bestellformular in WordPress

Erstellen Sie ein Online-Bestellformular in WordPress

Vielleicht haben Sie kürzlich beschlossen, eine Website für Ihr Unternehmen zu starten, und fühlen sich etwas überfordert.

Viele Unternehmen eröffnen einen Online-Shop, um nicht nur Bestellungen abzuholen, sondern auch Zahlungen anzunehmen und Lagerbestände zu verwalten. Allerdings benötigen nicht alle Unternehmen eine vollständige E-Commerce-Website.

Wenn Sie nur möchten, dass Kunden ein Bestellformular online ausfüllen können, können Sie es ganz einfach ohne Warenkorblösung erstellen.

Ein einfaches Online-Bestellformular bietet Ihnen die Möglichkeit, Zahlungen online, zum Zeitpunkt der Rücknahme der Bestellung oder bei Lieferung zu akzeptieren.

In diesem Tutorial verwenden wir WPForms, um ein Online-Bestellformular zu erstellen, da Sie es einfach über die Drag & Drop-Oberfläche ausführen können.

WPForms ist das beste WordPress Form Builder Plugin auf dem Markt. Mehr als 3 Millionen Websites verwenden WPForms, um auf einfache Weise jede Art von Online-Formular zu erstellen und zu ihrer Website hinzuzufügen (keine Programmierkenntnisse erforderlich).

Zunächst müssen Sie das WPForms-Plugin installieren und aktivieren. Benötigen Sie Hilfe bei der Installation des Plugins? Ausführliche Anweisungen finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Plugins sind wie Apps für Ihre WordPress-Website. Wenn Sie WordPress noch nicht kennen, lesen Sie unseren Artikel darüber, was WordPress-Plugins sind und was Sie damit tun können.

Sobald Sie das WPForms-Plugin aktiviert haben, wird in der Admin-Seitenleiste Ihres WordPress-Dashboards eine neue Registerkarte WPForms angezeigt.

Sie müssen besuchen WPForms »Konfiguration Seite, um Ihren Lizenzschlüssel einzugeben. Sie finden diese Informationen in Ihrem Konto auf der WPForms-Website.

Geben Sie Ihren WPForms-Lizenzschlüssel ein

Jetzt können Sie Ihr Online-Bestellformular erstellen.

Geh einfach zu WPForms »Neu hinzufügen Seite, um Ihr erstes Formular zu erstellen.

Erstellen Sie ein neues Formular mit WPForms

Sie sehen nun den Formularerstellungsbildschirm. Geben Sie einen Namen für Ihr Formular ein und wählen Sie eine Vorlage. Wir empfehlen die Vorlage "Abrechnungs- / Bestellformular".

Wählen Sie zum Starten die Vorlage "Abrechnungs- / Bestellformular"

Bewegen Sie den Mauszeiger über die Vorlagenbeschreibung und klicken Sie auf die Schaltfläche "Rechnungs- / Bestellformular erstellen".

Klicken Sie auf die Schaltfläche "Rechnungs- / Bestellformular erstellen", um Ihr Formular zu erstellen

Ihr Formular wird automatisch für Sie erstellt und Sie werden direkt zum WPForms-Formulareditor weitergeleitet.

Ihr neu erstelltes Online-Bestellformular

Jetzt können Sie Ihr Online-Bestellformular nach Belieben bearbeiten. Die verschiedenen Teile des Formulars werden als "Felder" bezeichnet. Sie können Felder in Ihrem Formular mit einem einzigen Klick ändern, hinzufügen oder löschen.

Die Standardvorlage enthält bereits Felder für die meisten Informationen, die Sie wahrscheinlich benötigen, z. B. Name, Adresse und Telefonnummer. Sie müssen jedoch Ihre tatsächlichen Produkte auflisten.

Klicken Sie auf das Feld "Verfügbare Elemente", um es zu bearbeiten.

Bearbeiten des Felds "Verfügbare Artikel" Ihres Online-Bestellformulars

Schreiben Sie den Namen und den Preis jedes Artikels auf, den Kunden bei Ihnen bestellen können. Der Preis wird nicht automatisch auf dem Formular angezeigt. Sie können ihn daher dem Artikelnamen hinzufügen.

Bearbeiten des Felds 'Verfügbare Elemente', um die Namen der Elemente zu ändern

Um weitere Optionen hinzuzufügen, klicken Sie einfach auf das Symbol (+), zu dem Sie die zusätzlichen Elemente hinzufügen möchten.

Fügen Sie Ihrem Online-Bestellformular weitere Artikel hinzu

Hinweis: Sie können beliebig viele Elemente hinzufügen. Kunden können jedoch nur eine Option aus diesem Feld auswählen.

Wenn Sie mehrere Kategorien von Optionen haben, können Sie das Feld kopieren, um Gruppen zu erstellen.

Sie können das Feld "Verfügbare Elemente" kopieren, indem Sie auf das Symbol "Kopieren" klicken, das angezeigt wird, wenn Sie den Mauszeiger darüber halten oder wenn es ausgewählt ist.

Kopieren Sie das Feld "Verfügbare Artikel", um ein neues Feld in Ihrem Bestellformular zu erstellen

Stellen Sie sicher, dass Sie auch die "Bezeichnung" der Felder so ändern, dass sie für jede Gruppe geeignet ist.

Wenn Sie möchten, dass Kunden zwei oder mehr Optionen in einem einzelnen Feld auswählen können, müssen Sie einen anderen Feldtyp verwenden.

Klicken Sie auf die Registerkarte "Felder hinzufügen" und scrollen Sie nach unten zu "Zahlungsfelder", wo Sie das Feld "Kontrollkästchen" finden. Ziehen Sie diese per Drag & Drop in Ihr Formular.

Fügen Sie ein Kontrollkästchen hinzu, damit Kunden mehrere Artikel gleichzeitig auswählen können

Sie können dieses Feld jetzt wie zuvor bearbeiten und Namen und Preise für Ihre Artikel eingeben. Kunden können so viele Artikel prüfen, wie sie bestellen möchten.

Wenn Sie Bilder Ihrer Produkte anzeigen möchten, ist dies ebenfalls sehr einfach. Klicken Sie einfach auf das Feld "Bildoptionen verwenden":

Fügen Sie Ihrem Online-Bestellformular Bilder Ihrer Produkte hinzu

Klicken Sie für jedes Element auf die Schaltfläche "Bild hochladen", um Bilder von Ihrem Computer oder Ihrer WordPress-Medienbibliothek hinzuzufügen.

Laden Sie ein Bild eines von Ihnen angebotenen Produkts hoch

WPForms ändert die Größe oder Komprimierung Ihrer Bilder nicht. Daher ist es wichtig, sie auf die richtige Größe hochzuladen. Sie müssen alle dieselbe Größe und nicht mehr als 250 × 250 Pixel haben.

Idealerweise sollten Sie Ihre Bilder auch für das Web optimieren.

Schließlich möchten Sie möglicherweise das Feld "Kommentar oder Nachricht" am unteren Rand des Formulars bearbeiten, damit es nicht erforderlich ist. Nicht alle Benutzer möchten eine Nachricht hinzufügen.

Klicken Sie einfach auf das Feld und deaktivieren Sie das Kontrollkästchen "Erforderlich" rechts, um dieses Feld optional zu machen.

Machen Sie das Feld 'Kommentar / Nachricht' optional anstatt obligatorisch

Sie können diesen Vorgang für jedes Feld ausführen, das optional sein soll. Sie können erkennen, welche Felder erforderlich sind, da sie neben der Feldbezeichnung ein rotes Sternchen haben.

Sobald Sie mit dem Design Ihres Formulars zufrieden sind, können Sie mit der Einrichtung fortfahren. Es ist eine gute Idee, das Formular zuerst zu speichern, indem Sie oben auf dem Bildschirm auf die Schaltfläche "Speichern" klicken:

Die Schaltfläche "Speichern" von WPForms wird in der oberen rechten Ecke des Bildschirms angezeigt

Festlegen der Benachrichtigungen, die Ihr Bestellformular senden wird

Klicken Sie zunächst auf die Registerkarte "Einstellungen" auf der linken Seite des Bildschirms. Dadurch werden Ihre Formulareinstellungen geöffnet.

Die Registerkarte "Einstellungen" in WPForms

Klicken Sie dann auf die Registerkarte "Benachrichtigungen", um die E-Mail-Benachrichtigungen für Ihr Formular zu ändern. Standardmäßig werden ausgefüllte Bestellformulare per E-Mail an die Administrationsadresse Ihrer WordPress-Site gesendet.

Möglicherweise möchten Sie dies ändern oder die Bestellformulare an mehrere Adressen kopieren. Sie können einfach die E-Mail-Adresse oder Adressen in das Feld "An E-Mail-Adresse senden" eingeben. Wenn Sie mehr als eine E-Mail-Adresse eingeben, trennen Sie diese durch ein Komma.

Geben Sie die durch Kommas getrennten E-Mail-Adressen ein, an die das Formular gesendet werden soll

Möglicherweise möchten Sie auch die Betreffzeile ändern, damit sie nicht für jede Bestellung gleich ist. Dies könnte es einfacher machen, Bestellungen in einem Posteingang voller E-Mails zu verfolgen.

Hier haben wir die Betreffzeile der E-Mails geändert, um "Kundenbestellung" und dann den Kundennamen zu lesen. Wir verwenden "Show Smart Tags", um das Namensfeld in die Betreffzeile einzufügen.

Ändern Sie die Betreffzeile in der Benachrichtigungs-E-Mail, um den Kundennamen hinzuzufügen

Sie können auch andere gewünschte Details ändern.

Wir empfehlen außerdem dringend, eine E-Mail-Benachrichtigung für Ihre Kunden einzurichten. Dies erinnert Sie daran, was sie bestellt haben, und informiert sie darüber, dass Sie ihre Bestellung erhalten haben.

Um eine neue E-Mail-Benachrichtigung einzurichten, klicken Sie auf die Schaltfläche "Neue Benachrichtigung hinzufügen".

Klicken Sie auf die Schaltfläche "Neue Benachrichtigung hinzufügen", um eine neue Benachrichtigung zu erstellen

Sie werden aufgefordert, einen Namen für die neue Benachrichtigung einzugeben. Sie können es so nennen, wie Sie möchten, da Kunden diesen Namen nicht sehen. Wir empfehlen so etwas wie "Kundenbeleg" oder "Kunden-E-Mail-Bestätigung".

Eingabe eines Namens für die Benachrichtigung, die an den Kunden gesendet werden soll

Sie möchten, dass die "E-Mail-Lieferadresse" das E-Mail-Konto Ihres Kunden ist. Löschen Sie {admin_email} aus diesem Feld. Klicken Sie auf "Smart Tags anzeigen" und wählen Sie das Feld "E-Mail".

Richten Sie den Kundenbeleg ein, der per E-Mail an den Kunden gesendet werden soll

Sie möchten auch andere Details für die E-Mail eingeben. Wir empfehlen die Verwendung einer Betreffzeile wie "Ihre Bestellung mit" und Ihres Firmennamens.

Eingabe des 'Von'-Namens und der E-Mail-Adresse für den Kundenbeleg

Im Feld "Nachricht" möchten Sie Ihrem Kunden wahrscheinlich eine Nachricht hinzufügen. Das Tag {all_fields} gibt Ihnen alle Informationen, die der Kunde in das Formular eingegeben hat.

Bearbeiten Sie die E-Mail-Adresse, die Ihr Kunde erhalten wird

Was ist, wenn Sie nur einige der Kundeninformationen in die E-Mail aufnehmen möchten? Oder was ist, wenn Sie Ihre Bestelldaten an die erste Stelle setzen und Ihre Lieferdaten am Ende der E-Mail angeben möchten? Sie können einfach Smart Tags verwenden, um Ihrem Formular ein beliebiges Formularfeld hinzuzufügen.

Wenn Sie mit dem Einrichten der Benachrichtigungen fertig sind, klicken Sie oben auf dem Bildschirm auf die Schaltfläche "Speichern".

Tipp: Scrollen Sie einfach auf dem Bildschirm nach unten, um zur ersten Benachrichtigung zurückzukehren, die Sie bearbeitet haben.

Richten Sie eine Bestätigungsnachricht für Ihre Kunden ein

Zusätzlich zum Senden einer E-Mail-Quittung an Ihre Kunden möchten Sie ihnen eine Bestätigung auf dem Bildschirm anzeigen, damit sie wissen, dass ihre Bestellung versandt wurde.

Sie können dies unter tun Konfiguration »Bestätigung Zunge.

Die Standardbestätigung lautet "Vielen Dank, dass Sie uns kontaktiert haben! Wir werden uns in Kürze bei Ihnen melden."

Standardbestätigungsnachricht für Online-Bestellformular

Sie können dies nach Belieben ändern und hier auch den visuellen Editor verwenden, um Ihren Text zu formatieren.

Personalisieren Sie die Bestätigungsmeldung, die Ihr Client auf Ihrem Bildschirm sehen wird

Alternativ können Sie Kunden auf eine "Danke" -Seite auf Ihrer Website oder sogar auf eine andere Website umleiten.

Nachdem Sie die Bestätigungsmeldung konfiguriert haben, klicken Sie oben auf dem Bildschirm auf "Speichern".

Integrieren Sie die Zahlung in Ihr Bestellformular (optional)

Wenn Sie die Zahlung über Ihr Bestellformular vornehmen möchten, müssen Sie diese in einen Zahlungsabwickler integrieren.

WPForms lässt sich sehr einfach in zwei beliebte Zahlungsabwickler, PayPal und Stripe, integrieren. Kunden können über ihr PayPal-Konto oder durch Eingabe ihrer Kreditkartendaten bezahlen.

In diesem Tutorial werden wir PayPal verwenden, aber der Prozess für Stripe ist ähnlich.

Zunächst müssen Sie den Formular-Generator beenden. Sie können dies tun, indem Sie oben rechts auf das "X" klicken. Sie werden aufgefordert, Ihr Formular zu speichern, wenn Sie nicht gespeicherte Änderungen vorgenommen haben.

Dann geh zu WPForms »Plugins Seite in Ihrem WordPress-Dashboard. Scrollen Sie zum "PayPal Standard Plugin" und klicken Sie darunter auf die Schaltfläche "Plugin installieren".

Installieren des PayPal-Plug-Ins für WPForms

Das Plugin wird automatisch installiert und aktiviert.

Gehen Sie zurück zu Ihrem Formular, das Sie unter finden WPForms »Alle Formulare. Klicken Sie nun auf die Registerkarte "Zahlungen".

Wählen Sie Zahlungsdienste aus, die in Ihr Formular integriert werden sollen

Klicken Sie auf "Standard PayPal" und füllen Sie die Formulardetails aus. Zunächst müssen Sie das Kontrollkästchen "Standard-PayPal-Zahlungen aktivieren" aktivieren und die PayPal-E-Mail-Adresse Ihres Unternehmens eingeben.

Lassen Sie das Dropdown-Menü "Modus" auf "Produktion" und "Zahlungsart" auf "Produkte und Dienstleistungen" eingestellt.

Die PayPal-Zahlungseinrichtungsseite für Ihr Formular

Wenn Sie die Lieferadresse über das Bestellformular abholen, können Sie "Versand" in "Adresse nicht anfordern" ändern.

Sie müssen keine "URL abbrechen" eingeben, können jedoch eine Seite auf Ihrer Website erstellen, die an Kunden gesendet wird, wenn diese den Kaufvorgang nicht abschließen.

Klicken Sie auf die Schaltfläche "Speichern", wenn Sie fertig sind.

Wenn der Benutzer das Formular abschickt, wird er automatisch zur Zahlung an PayPal weitergeleitet. Sie müssen Ihrem Formular keine zusätzlichen Felder hinzufügen oder etwas anderes tun.

Fügen Sie das Bestellformular Ihrer Website hinzu

Der letzte Schritt besteht darin, Ihr Bestellformular zu Ihrer Website hinzuzufügen.

Wählen Sie einfach die Seite aus, zu der Sie Ihr Formular hinzufügen möchten, oder erstellen Sie eine neue Seite in Seiten »Neu hinzufügen.

Klicken Sie dann auf das Symbol (+), um einen neuen Block hinzuzufügen (wo Sie Ihr Formular haben möchten) und suchen Sie nach dem Block "WPForms". Es befindet sich im Abschnitt "Widgets" der Blöcke, oder Sie können einfach "WPForms" in die Suchleiste eingeben, um es zu finden.

Fügen Sie Ihr Online-Bestellformular einer Seite Ihrer Website hinzu

Sie sehen einen Block von WPForms. Klicken Sie auf das Dropdown-Menü "Formular auswählen" und wählen Sie Ihr Formular aus.

Wählen Sie Ihr Online-Bestellformular aus der Dropdown-Liste WPForms aus

Dann sehen Sie eine Vorschau des Formulars im WordPress-Editor.

Wenn Sie bereit sind, speichern und veröffentlichen (oder aktualisieren) Sie Ihre Seite. Sie können es live auf ihrer Website sehen, um ihre Form in Aktion zu sehen. Bevor Sie es an Kunden weitergeben, empfehlen wir, das Formular zu testen, um sicherzustellen, dass es wie erwartet funktioniert.

Es ist auch eine gute Idee, zu überprüfen, ob Sie die E-Mail-Benachrichtigung erhalten, wenn das Formular gesendet wird. Wenn nicht, lesen Sie unseren Beitrag darüber, wie Sie das WordPress-Problem beheben können, dass keine E-Mails gesendet werden.

Selbst wenn Sie eine E-Mail verlieren oder versehentlich löschen, speichert WPForms die Formulardaten in der WordPress-Datenbank. Sie finden alle Ihre Bestellungen unter WPForm »Tickets in Ihrem WordPress-Dashboard.

Klicken Sie auf den Namen Ihres Formulars und Sie sehen eine Liste der Einträge. Sie können neben diesen auf "Anzeigen" klicken, um die Details anzuzeigen.

Zeigen Sie ausgefüllte Bestellformulare in Ihrem WordPress-Dashboard an

Das war's! Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ein Online-Bestellformular in WordPress erstellen. Vielleicht gefällt Ihnen auch unser Leitfaden zu den besten Geschäftstelefondiensten, und Sie müssen über die WordPress-Plugins für kleine Unternehmen verfügen.

Wenn dir dieser Artikel gefallen hat, abonniere unseren YouTube-Kanal, um WordPress-Tutorial-Videos anzusehen. Sie finden uns auch auf Twitter y Facebook.