Wie-erstelle-ich-ein-Restaurant-Online-Bestellformular-in-Wordpress_o

Wie man ein Restaurant Online-Bestellformular mit WordPress erstellt

Sind Sie auf der Suche nach einem WordPress-Restaurant-Bestellsystem oder einfach nur nach einer einfachen, unkomplizierten Möglichkeit, die Leute online bei Ihrem Restaurant bestellen zu lassen?

Ihre Website kann Ihrem Unternehmen ganz einfach mehr Geld einbringen, wenn Sie Ihren Kunden die Möglichkeit geben, online eine Bestellung zum Mitnehmen oder eine Lieferung aufzugeben. In diesem Beitrag haben wir eine anfängerfreundliche Schritt-für-Schritt-Anleitung zusammengestellt, wie Sie mit WordPress ein Online-Bestellformular für Restaurants erstellen können.

Klicken Sie hier, um Ihr Restaurant jetzt online zu bestellen

Warum ist Online-Bestellung besser?

Es gibt viele Gründe, warum Sie eine Online-Bestellung auf Ihrer Restaurant-Website in Betracht ziehen sollten. Hier sind ein paar:

  • Damit die Einnahmen in Ihr Geschäft fließen, wenn Sie gezwungen sind, für den Restaurantbetrieb zu schließen
  • Sie erhalten noch genauere Aufträge, wenn Kunden ihre eigenen Online-Bestellungen aufgeben
  • Sie können die Reichweite Ihres Unternehmens vergrößern, indem Sie mehr Kunden Ihr Restaurant entdecken und Ihre Speisen probieren lassen, ohne dass sie dort essen müssen.
  • Sie bauen eine E-Mail-Liste auf und können Ihre Kunden digital ansprechen, z. B. mit Gutscheinen oder Online-Wettbewerben.
  • Die Produktivität der Mitarbeiter könnte steigen, da sie weniger Zeit für die Annahme von Bestellungen am Telefon benötigen.

Es ist ziemlich offensichtlich, dass das Anbieten von Online-Bestellungen für Ihr Restaurant eine gute Idee ist, also lassen Sie uns keine Zeit mehr verschwenden und gleich damit beginnen, wie Sie Ihre Website in ein WordPress-Restaurant-Bestellsystem verwandeln.

Wie man ein Restaurant Online-Bestellformular mit WordPress erstellt

Wenn Sie Ihre Website in ein WordPress-Restaurant-Bestellsystem verwandeln möchten, ist das eigentlich ganz einfach. Sie können dazu einfach ein Online-Bestellformular mit WordPress erstellen.

Hier sind die Schritte zur Erstellung eines Online-Bestellformulars für Ihr Restaurant:

Wenn Sie schriftliche Anweisungen bevorzugen, lesen Sie weiter.

Schritt 1: Erzeugen eines Bestellformulars zum Mitnehmen

Als Erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in dieser Schritt-für-Schritt-Anleitung für die Installation eines Plugins in WordPress.

Als nächstes müssen Sie zu WPForms " Add New gehen, um Ihr Formular zu benennen und eine Vorlage auszuwählen. WPForms Pro enthält mehr als 2.000 Formularvorlagen, damit Sie Ihr WordPress-Restaurant-Bestellformular schnell erstellen können.

Auswählen der Vorlage für das Takeout-Bestellformular

Verwenden Sie die Suchleiste, um das Formular "Takeout-Bestellung" zu finden, und klicken Sie dann auf Vorlage verwenden, um es in den Formularersteller zu laden.

Die Takeout-Bestellformular-Vorlage

Ziemlich genial, oder? Lassen Sie uns fortfahren und dieses Formular anpassen.

Schritt 2: Passen Sie Ihr Formular an

WPForms macht das Anpassen von Formularen einfach zu tun.

Die Vorlage für das Takeout-Bestellformular enthält die folgenden Felder in dieser Reihenfolge:

  • Kontrollkästchen
  • Insgesamt
  • Name (Vor- und Nachname)
  • E-Mail
  • Telefon
  • Adresse
  • Absatz Text

Wenn Sie nicht gerade eine Pizzeria betreiben, müssen Sie Ihre Vorlage wahrscheinlich ein wenig anpassen, damit sie zu Ihrem speziellen Menü passt.

Das ist ganz einfach. Klicken Sie zunächst auf das Feld Checkbox Items. Daraufhin werden die Optionen auf der linken Seite des Formularerstellers geöffnet. Dann können Sie die Namen und Preise der Artikel ändern.

Bearbeiten der Positionen in Ihrem Restaurant-Bestellformular

Eines der coolsten Dinge, die Sie tun können, ist, Ihrem Online-Restaurantmenü auch Bildauswahlen hinzuzufügen. Aktivieren Sie einfach die Option Bildauswahl verwenden, um sie hinzuzufügen.

Aktivieren der Bildauswahl für Ihr Restaurant-Bestellformular

Klicken Sie nun auf die Schaltfläche Bild hochladen unter jedem Menüpunkt, um ein Bild für jeden Menüpunkt auszuwählen.

Hochladen von Bildern in das Bestellformular Ihres Restaurants

Das Feld "Gesamt" zeigt den Kunden an, wie viel sie besitzen, basierend auf den Artikeln, die sie in den Kontrollkästchen auswählen.

Das Feld Gesamt in einem Bestellformular für Restaurants

Die anderen Felder dienen der Erfassung von Kundendaten, damit Sie wissen, zu wem die Bestellung gehört. Möchten Sie Ihre Kunden auffordern, eine Lieferfrist zu wählen? Sehen Sie sich diese Anleitung zum Hinzufügen einer Datums-/Zeitauswahl zu Ihrem WordPress-Formular an.

Wenn Sie mit der Anpassung des Formulars für das Online-Bestellsystem Ihres Restaurants fertig sind, klicken Sie auf Speichern in der oberen rechten Ecke des Formularerstellers.

Schritt 3: Konfigurieren Sie Ihre Formulareinstellungen

Gehen Sie zunächst zu Einstellungen " Allgemein.

Zugriff auf die allgemeinen Einstellungen eines Formulars

Hier können Sie die folgenden Einstellungen vornehmen:

  • Formularname - Ändern Sie hier den Namen Ihres Formulars, wenn Sie möchten.
  • Formularbeschreibung - Geben Sie Ihrem Formular eine Beschreibung.
  • Tags - Wenden Sie Tags an, um die Formulare Ihrer Website zu organisieren.
  • Text der Übermittlungsschaltfläche - Passen Sie den Text der Übermittlungsschaltfläche an.
  • Submit Button Processing Text - Ändern Sie den Text, der angezeigt wird, während Ihr Formular übermittelt wird.

Im erweiterbaren Bereich am unteren Rand des Bildschirms finden Sie außerdem weitere erweiterte Einstellungen:

  • CSS-Klassen - Fügen Sie CSS-Klassen zu Ihrem Formular oder Ihrer Übermittlungsschaltfläche hinzu.
  • Vorausfüllen nach URL aktivieren - Füllen Sie einige Felder automatisch auf der Grundlage einer benutzerdefinierten URL aus.
  • AJAX-Formularübermittlung aktivieren - Aktiviert AJAX-Einstellungen ohne Neuladen der Seite.
  • Deaktivieren Sie die Speicherung von Eingabedaten in WordPress - Sie können die Speicherung von Eingabedaten und Benutzerdetails, wie IP-Adressen und Benutzer-Agenten, deaktivieren, um die GDPR-Anforderungen zu erfüllen. Sehen Sie sich unsere Schritt-für-Schritt-Anleitung zum Hinzufügen eines GDPR-Einwilligungsfeldes zu Ihrem einfachen Kontaktformular an.

Sobald Sie hier fertig sind, können Sie zu den Einstellungen für Spamschutz und Sicherheit wechseln.

Aktivieren Sie WPForms modernen Anti-Spam-Schutz.

Hier gibt es verschiedene Möglichkeiten:

  • Aktivieren Sie moderne Anti-Spam-Schutz - Stoppen Kontaktformular Spam mit dem WPForms modernen Anti-Spam-Schutz. Es läuft im Hintergrund und bietet eine integrierte Ebene des Schutzes gegen Spam, die großartig funktioniert, wenn sie mit anderen Optionen, wie einem CAPTCHA gepaart.
  • Aktivieren Sie den Akismet-Spamschutz - Sie können Ihr Formular mit dem Akismet-Plugin verbinden, um Spam-Einträge zu verhindern.
  • Länderfilter aktivieren - Blockieren Sie Übermittlungen für bestimmte Länder.
  • Schlüsselwortfilter aktivieren - Verhindern Sie Einträge, die bestimmte Wörter oder Phrasen enthalten.

Wenn Sie fertig sind, klicken Sie auf Speichern.

Schritt 4: Konfigurieren Sie Ihre Formularbenachrichtigungen

Wenn Sie eine Bestellung über Ihre Restaurant-Website erhalten, ist es wichtig, dass Ihr Team sofort benachrichtigt wird.

Benachrichtigungen sind eine gute Möglichkeit, eine E-Mail zu senden, wenn ein Online-Formular für ein Restaurant auf Ihrer Website eingereicht wird.

Zugriff auf die Benachrichtigungseinstellungen eines Formulars

Wenn Sie Smart Tags verwenden, können Sie auch eine Benachrichtigung an den Benutzer senden, wenn er Ihr Formular ausfüllt, um ihm mitzuteilen, dass Sie seine Bestellung erhalten haben und dass jemand in Kürze damit beginnen wird, sie zu bearbeiten. So wird sichergestellt, dass die Anfrage bearbeitet wurde.

Hilfe zu diesem Schritt finden Sie in unserer Dokumentation über die Einrichtung von Formularbenachrichtigungen in WordPress.

Und wenn Sie das Branding Ihrer E-Mails konsistent halten möchten, können Sie in dieser Anleitung nachlesen, wie Sie eine benutzerdefinierte Kopfzeile zu Ihrer E-Mail-Vorlage hinzufügen.

Eine E-Mail-Benachrichtigung mit einem benutzerdefinierten Kopfbild

Dies ist eine großartige Möglichkeit, Online-Essensbestellungen an Ihr Restaurantpersonal zu senden, um sicherzustellen, dass es sich schnell darum kümmert!

Schritt 5: Passen Sie Ihre Formularbestätigungen an

Formularbestätigungen sind Nachrichten, die Website-Besuchern angezeigt werden, sobald sie eine Lebensmittelbestellung auf Ihrer Website aufgeben. Sie lassen die Besucher wissen, dass ihre Bestellung eingegangen ist, und bieten Ihnen die Möglichkeit, sie über die nächsten Schritte zu informieren.

WPForms hat 3 Bestätigungsarten zur Auswahl:

  1. Nachricht - Dies ist der Standardbestätigungstyp in WPForms. Wenn ein Website-Besucher eine Anfrage abschickt, wird eine einfache Bestätigungsnachricht angezeigt, die ihn darüber informiert, dass seine Bestellung bearbeitet wurde. Sehen Sie sich einige großartige Erfolgsmeldungen an, um die Zufriedenheit der Benutzer zu steigern.
  2. Seite anzeigen - Mit dieser Bestätigungsart werden die Besucher Ihrer Website auf eine bestimmte Webseite weitergeleitet, auf der sie sich für ihre Bestellung bedanken können. Hilfe dazu finden Sie in unserem Tutorial zur Weiterleitung von Kunden auf eine Dankeseite. Lesen Sie außerdem unseren Artikel über die Erstellung effektiver Dankeseiten.
  3. Go to URL (Redirect) - Diese Option ist dafür gedacht, Besucher auf eine andere Website zu leiten.

Lassen Sie uns sehen, wie man ein einfaches Formular Bestätigung in WPForms, so dass Sie die Nachricht Website-Besucher sehen, wenn sie Ihr Formular ausfüllen anpassen können einzurichten.

Klicken Sie zunächst im Formulareditor unter Einstellungen auf die Registerkarte Bestätigung.

Wählen Sie dann die Art der Bestätigung, die Sie erstellen möchten. Für dieses Beispiel wählen wir " Nachricht".

Das Bestätigungsformular für eine Bestellung zum Mitnehmen

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

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

Schritt 6: Konfigurieren Sie die Zahlungseinstellungen

Damit Kunden ihre Restaurantbestellungen online bezahlen können, müssen Sie mindestens eine Zahlungsplattform auf Ihrer Website anbieten.

Sie können zwischen Stripe, Square, Authorize.Net, Paypal oder mehreren Zahlungsarten wählen.

In diesem Beispiel werden wir Stripe verwenden. Sobald Sie die Einrichtung von Stripe mit Hilfe des obigen Tutorials abgeschlossen haben, ziehen Sie einfach das Stripe-Kreditkartenfeld aus Payment Fields auf das Formular.

Hinzufügen eines Stripe-Kreditkartenfelds zu einem Formular

Gehen Sie dann zur Registerkarte " Zahlungen" im Formularersteller und füllen Sie die Einstellungen für Ihre Zahlungsintegration aus.

Öffnen der Stripe-Zahlungseinstellungen für ein Bestellformular zum Mitnehmen

Wenn Sie fertig sind, klicken Sie auf Speichern.

Schritt 7: Fügen Sie Ihrer Website ein Online-Bestellformular für Ihr Restaurant hinzu

Nachdem Sie Ihr Formular 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 Blogbeiträge, Seiten und sogar Seitenleisten-Widgets.

Werfen wir einen Blick auf die häufigste Platzierungsoption: das Einbetten von Seiten oder Beiträgen.

Erstellen Sie zunächst eine neue Seite oder einen neuen Beitrag in WordPress, oder gehen Sie zu den Aktualisierungseinstellungen einer bestehenden Seite.

Klicken Sie dann in den ersten Block (den leeren Bereich unter dem Seitentitel) und klicken Sie auf den WPForms-Block.

Hinzufügen eines WPForms-Blocks zu einer Seite

Das praktische WPForms-Widget wird innerhalb Ihres Blocks erscheinen. Klicken Sie auf das Dropdown-Menü WPForms und wählen Sie eines der Formulare aus, die Sie bereits erstellt haben und die Sie in Ihre Seite einfügen möchten. Wählen Sie Ihr Takeout-Bestellformular.

Anzeige des Bestellformulars für den Imbiss im WPForms-Block

Veröffentlichen oder aktualisieren Sie dann Ihren Beitrag oder Ihre Seite, damit Ihr Restaurant-Bestellformular auf Ihrer Website erscheint.

Wie Sie Formulareinträge nach dem Absenden anzeigen können, erfahren Sie in diesem vollständigen Leitfaden für Formulareinträge. Sie können beispielsweise alle Formulareinträge anzeigen, suchen, filtern, drucken und löschen, was den Prozess 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 Ihr Restaurant jetzt online zu bestellen

Als nächstes aktualisieren Sie Ihr WordPress-Restaurant-Theme

Nun, da haben Sie es. Nachdem Sie diesen Beitrag gelesen haben, wissen Sie nun, wie Sie ein WordPress-Restaurant-Bestellsystem leicht aufbauen können, indem Sie ein Online-Bestellformular für Restaurants in WordPress erstellen.

Wir hoffen, dass diese Anleitung Ihnen und Ihrem Restaurant geholfen hat. Vielleicht interessieren Sie sich auch für unseren Beitrag über die besten WordPress-Themes für Restaurants.

Und wenn Sie keine Bestellungen mehr annehmen möchten, wenn die Küche schließt, lesen Sie diesen Leitfaden, um eine automatische Frist für Ihre Formulare festzulegen.

Sind Sie bereit, Ihr Formular zu erstellen? Starten Sie noch heute mit dem einfachsten WordPress-Formularerstellungs-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn dieser Artikel Ihnen geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und -Anleitungen.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Sehen Sie, wie WPForms finanziert wird, warum es wichtig ist, und wie Sie uns unterstützen können.

Renee DeCoskey

Renee DeCoskey bloggt seit 2001 und benutzt WordPress seit 2007. Wenn sie nicht gerade über WordPress-Plug-ins schreibt, findet man sie mit einem Buch eingerollt oder bei Rotary.Mehr erfahren

Das beste WordPress Drag and Drop Form Builder Plugin

Einfach, schnell und sicher. Schließen Sie sich über 6 Millionen Website-Besitzer, die WPForms vertrauen.

Bitte aktivieren Sie JavaScript in Ihrem Browser, um dieses Formular auszufüllen.

16 Kommentare zu "Wie man ein Restaurant Online-Bestellformular mit WordPress erstellt".

  1. Tolle Erklärung und Schulung. Ich danke Ihnen vielmals. Ich kann jetzt Schritt für Schritt gehen. Nochmals vielen Dank

      1. Ich brauche Hilfe. Ich möchte ein Bestellformular entwerfen, aber mit einer Bestellzusammenfassung auf der rechten Seite des Formulars wie diese [URL entfernt]

        Bitte um Hilfe

      2. Hallo Saqib- Wir haben keine eingebaute Funktion, um die Zusammenfassung anzuzeigen, wie Sie gezeigt haben, aber wir haben das Feld Formularvorschau, das alle Felddaten vor der Übermittlung anzeigt.

        Danke 🙂 .

  2. Danke, sehr interessant! Ich bin auf der Suche nach etwas Ähnlichem, 3 wichtige Fragen:

    1. Sind die Daten in einer Datenbank gespeichert?
    2. Kann ich die Daten EINFACH in das xls-Format exportieren? (Werden spezielle ungarische Schriftarten korrekt verarbeitet???)
    3. Kann diese Datenbank AUTOMATISCH an einen externen Ort exportiert werden, z.B. MS Drive/Dropbox, oder per E-Mail verschickt werden usw.

    Vielen Dank im Voraus
    agnes

    1. Hallo Agnes!
      Vielen Dank für deine Fragen.
      Ja, die Daten werden in der Datenbank Ihrer Website gespeichert, wenn Sie eine unserer kostenpflichtigen Lizenzen erwerben. Sie können die Formulareinträge auch in Ihrem WordPress-Dashboard sehen und sie auch in eine CSV-Datei exportieren.
      Mit unserem Zapier-Addon können Sie die Daten auf jeden Fall an einen Drittanbieterdienst (z.B. Dropbox, Google Drive, etc.) senden.
      Ich hoffe, das hilft.
      Ich wünsche dir einen schönen Tag 🙂 .

  3. Wenn jemand 5 gleiche Pizzen bestellen muss, berechnet sich das von selbst oder muss ich ein Dropdown-Menü erstellen und meine Berechnungen in die Felder eintragen?

    1. Hallo Massimo!
      Derzeit haben unsere Formulare nicht die Möglichkeit, die für Produktmengen erforderlichen Berechnungen durchzuführen. Ich stimme aber zu, dass dies sehr hilfreich wäre und es ist sicherlich auf unserem Radar, wenn wir unsere Roadmap für die Zukunft planen. Ich werde Ihre Anfrage ebenfalls in diesen Plan aufnehmen.
      In der Zwischenzeit können Sie das Dropdown-Elemente-Feld nutzen, um das, was Sie wünschen, auf eine etwas andere Weise zu erreichen. Hier finden Sie eine Anleitung, wie Sie das machen können.

      Im Grunde würden Sie für jedes Produkt ein Feld "Dropdown-Artikel" erstellen und die Dropdown-Optionen mit verschiedenen Mengen und zugehörigen Preisen ausfüllen. Auf diese Weise können Sie sowohl mehrere Produkte als auch verschiedene Mengen von jedem dieser Produkte anbieten.
      Ich hoffe, das hilft.
      Ich wünsche Ihnen viel Spaß 🙂

  4. Können Benutzer nach der Bestellung eine Quittung erhalten?
    Kann das Formular eine tägliche Start- und Endzeit haben?
    Können Sie auch bei der Integration des Paystack-Zahlungsgateways helfen?

    1. Hallo Boluwatife! Sie können unsere Benachrichtigungsfunktion nutzen, um Ihren Kunden eine Quittung zukommen zu lassen, nachdem sie eine Bestellung aufgegeben haben. Details zur Einrichtung von Benachrichtigungen finden Sie hier. Wenn Sie planen möchten, wann Ihr Formular verfügbar sein soll, können Sie dies mit der Zeitplanungsfunktion unseres Form Locker-Addons tun (das mit unseren Pro- und höheren Lizenzen verfügbar ist). Weitere Informationen dazu finden Sie hier.

      Wir haben derzeit keine Integration mit dem Paystack-Zahlungsgateway, aber ich habe Ihr Interesse an dieser Funktion für zukünftige Überlegungen hinzugefügt 🙂

      Wenn Sie weitere Fragen haben, senden Sie bitte ein Support-Ticket, wenn Sie eine aktive WPForms-Lizenz haben.
      Wenn Sie keine aktive Lizenz haben, bieten wir begrenzte kostenlose Unterstützung in der WPForms Lite WordPress.org Support-Forum.

      Danke!

    1. Hallo Muhib, derzeit haben wir keine eingebaute Option, um Einträge bei der Einreichung zu drucken, wie Sie es beschrieben haben. Ich verstehe, dass das sehr hilfreich wäre. Ich bin vorgegangen und habe Ihre Stimme hinzugefügt, um dies als Funktionsanforderung für künftige Verbesserungen zu berücksichtigen.als Workaround können Sie Einträge in PDF drucken , wie hier beschrieben.

      Danke.

  5. Gibt es eine Möglichkeit, den Kunden seine Kreditkartendaten verwenden zu lassen, um die Reservierung zu garantieren, wie in einem Hotel, aber ihn nicht zu belasten, es sei denn, er erscheint nicht?

    1. Hallo Stephan,

      Leider haben wir keine eingebaute Funktion, um das zu erreichen, was Sie erwähnt haben. Ich bin vorgegangen und habe Ihre Stimme hinzugefügt, um dies als eine Funktionsanforderung für zukünftige Verbesserungen zu berücksichtigen.

      Danke,

  6. Ist es möglich, an verschiedenen Wochentagen unterschiedliche Abholzeiten festzulegen, z. B. Dienstag 11-18 Uhr, Mittwoch 11-19 Uhr usw.?

    1. Hallo Thomas - Wir haben zwar die Funktion zur Begrenzung von Stunden, aber wir haben derzeit nicht die native Funktion, die Sie suchen. Ich stimme zu, dass dies großartig wäre, und ich werde dies in unserem Feature Request Tracker hinzufügen. In der Zwischenzeit können Sie auch einen Blick in unsere Entwicklerdokumentation werfen, um einige benutzerdefinierte Codeschnipsel zu finden, die Sie für den Anfang verwenden können.

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.

Dieses Formular ist durch Cloudflare Turnstile geschützt und es gelten die Cloudflare Datenschutzbestimmungen und Nutzungsbedingungen.