So fügen Sie ein Hotelzimmer-Buchungsformular in WordPress hinzu

Veröffentlicht: 2023-02-09
How to create a hotel room booking form

Möchten Sie es Ihren Kunden erleichtern, ein Hotelzimmer über Ihre Website zu buchen?

Sie können ein Buchungssystem erstellen, über das Kunden verfügbare Daten anzeigen und die gewünschten Zimmer buchen können. Es kann sogar eine Option für sie geben, eine Anfrage zu stellen, bevor sie ihre Buchung abschließen. Am wichtigsten ist, dass Sie sofort benachrichtigt werden müssen, wenn ein Benutzer Ihr Buchungsformular abgeschickt hat.

In diesem Leitfaden zeigen wir Ihnen, wie Sie ein Buchungsformular auf Ihrer WordPress-Seite einrichten, damit Sie Hotelbuchungen effizient online entgegennehmen können.

Was Sie brauchen, um ein Hotelzimmer-Buchungsformular zu erstellen?

Vor nicht allzu langer Zeit mussten Sie Programmierkenntnisse haben oder einen Entwickler beauftragen, um ein Hotelzimmer-Buchungssystem auf Ihrer Website zu erstellen. Aber nicht mehr.

Mit Plugins wie WPForms können Sie dies mit grundlegenden WordPress-Kenntnissen selbst einrichten.

wpforms

WPForms ist der beste WordPress-Formularersteller auf dem Markt. Es ist so einfach zu bedienen und ist eine großartige Option für Anfänger.

Sie können alle Arten von Formularen für Ihre Website erstellen. So möchten Sie beispielsweise für ein Hotel ein Kontaktformular, ein Anfrageformular und ein Buchungsformular anzeigen.

Möglicherweise möchten Sie auch, dass treue wiederkehrende Kunden die Möglichkeit haben, sich bei ihrem eigenen Mitgliedskonto anzumelden, um exklusive Vorteile zu erhalten. WPForms macht es auch einfach, Registrierungs- und Anmeldeformulare zu erstellen.

Und es gibt noch mehr: Sie können Ihrem Karrierebereich sogar ein Bewerbungsformular hinzufügen, um offene Stellen in Ihrem Hotel zu besetzen.

Als Hotelbesitzer werden Sie die Tatsache lieben, dass Sie mit WPForms Datei-Uploads akzeptieren können, sodass Kunden ihren Ausweisnachweis hochladen können. Bewerber können ihre Lebensläufe und Anschreiben einsenden.

Sie werden auch die Addons lieben, die dieses Plugin bietet. So gibt es beispielsweise eine Option „Speichern und fortfahren“, mit der Benutzer alle Daten speichern können, die sie in das Formular eingegeben haben. Sie können später wiederkommen und dort weitermachen, wo sie aufgehört haben.

Ein weiteres großartiges Addon ist User Journey. Auf diese Weise können Sie sehen, wie Besucher Ihre Website finden, welche Seiten sie besuchen und alle anderen Schritte, die sie unternehmen, bevor sie Ihr Buchungsformular absenden. Sie können diese wichtigen Erkenntnisse nutzen, um Ihre Marketingbemühungen besser zu optimieren.

Wir lieben WPForms und verwenden es auf unserer eigenen Website. Hier sind einige Gründe dafür:

  • Vorlagen für alle Arten von Formularen, die Sie benötigen
  • Einfacher Drag-and-Drop-Formularersteller
  • Erweiterte Marketing-Integrationen
  • Zahlungsintegrationen
  • Umfragen und Umfragen
  • Benutzersegmentierung
  • Einlassverwaltung
  • Sofortige E-Mail-Benachrichtigungen
  • Eingebauter Spamschutz
  • Automatisierte Bestätigungs-E-Mails an Kunden

Und das sind nur einige Highlights dieses Plugins. WPForms hat viel zu bieten und wir haben das ausführlich in unserem Leitfaden behandelt: WPForms Review: Ist es den Hype wert? [Muss lesen]

Der Grund, warum wir uns für diese Aufgabe für WPForms entschieden haben, ist, dass es ein sofort einsatzbereites Hotelreservierungsformular gibt, das Sie in 2 Minuten zu Ihrer Website hinzufügen können. Dies ist mit dem Pro-Plan verfügbar.

WPForms hat jedoch eine Lite-Version, die aus dem WordPress-Repository heruntergeladen werden kann. Obwohl Sie mit diesem Plugin ein einfaches Buchungsformular kostenlos erstellen können, erhalten Sie keine wesentlichen Funktionen für Ihr Hotel, wie z. B. die Eingangsverwaltung, um alle Ihre Buchungen an einem Ort anzuzeigen.

Stattdessen empfehlen wir, mindestens die WPForms Basic-Version für 49,50 $ pro Jahr zu erwerben. So können Sie mit den richtigen Funktionen loslegen, selbst wenn Sie ein knappes Budget haben.

In diesem Tutorial verwenden wir WPForms Pro, um wirklich zu zeigen, wozu dieses Plugin fähig ist. Lass uns anfangen.

So erstellen Sie ein Hotelzimmer-Reservierungsformular in WordPress

Um mitzumachen, müssen Sie eine WordPress-Site eingerichtet haben. Falls Sie dies nicht tun, finden Sie hier eine hilfreiche Anleitung, die Sie zum Erstellen einer WordPress-Site verwenden können: So erstellen Sie Schritt für Schritt eine Website von Grund auf neu.

Schritt 1: Holen Sie sich WPForms

Zuerst müssen Sie sich für ein WPForms-Konto anmelden.

Dadurch erhalten Sie Zugriff auf Ihr eigenes WPForms-Konto-Dashboard. Auf der Registerkarte Downloads finden Sie Ihre Plugin-Download-Datei zusammen mit Ihrem Lizenzschlüssel.

wpforms-pro-license

Sie müssen die Plugin-Datei herunterladen und auf Ihrer WordPress-Site installieren. Noch nie gemacht? Keine Sorge, folgen Sie unserer einfachen Anleitung zur Installation eines WordPress-Plugins.

Sobald Sie das WPForms-Plugin installiert und aktiviert haben, öffnen Sie die WPForms » Einstellungen in Ihrem WordPress-Admin-Dashboard. Um die Pro-Features zu aktivieren, müssen Sie hier Ihren Lizenzschlüssel eingeben.

WPForms license page

Klicken Sie auf die Schaltfläche Verify Key und Sie sehen die Bestätigungserfolgsmeldung.

Jetzt können Sie Ihr Hotelreservierungsformular einrichten.

Unter der Registerkarte WPForms » Neu hinzufügen sehen Sie die Vorlagenbibliothek. Zunächst können Sie einen Namen für Ihr Formular hinzufügen, damit Sie es im WPForms-Dashboard leicht identifizieren können.

Geben Sie in der verfügbaren Suchleiste „Hotel“ ein und Sie sehen alle zugehörigen Vorlagen, die Sie verwenden können.

hotel room booking template

Sie können sich Demos jeder Vorlage ansehen, um zu sehen, welche am besten zu Ihnen passt. Denken Sie daran, dass jede Vorlage einfach angepasst werden kann, sodass Sie Felder nach Belieben hinzufügen/löschen/bearbeiten können.

Wenn Sie eine Vorlage auswählen, wird der visuelle Formularersteller geöffnet. Auf diese Weise können Sie Ihr Formular so bearbeiten, wie es aussehen wird, wenn es auf Ihrer Website live ist. Sie müssen nicht mit Vorschauen hin und her gehen, um herauszufinden, ob Sie es richtig machen.

Um ein neues Feld hinzuzufügen, ziehen Sie einfach eines der verfügbaren Felder in Ihr Formular. Es ist wirklich so einfach. Sie können auch vorhandene Felder ziehen und ablegen, um die Reihenfolge der Formulardetails neu anzuordnen.

WPForms drag and drop builder

Mit WPForms können Sie Folgendes hinzufügen:

  • Dropdown-Menüs
  • Mehrfachauswahl
  • Kontrollkästchen
  • Zahlen
  • Zahlenschieber

Je nach ausgewähltem Plan erhalten Sie auch Optionen zum Hinzufügen erweiterter Felder wie Datei-Uploads. Sie sehen auch Zahlungsfelder.

payment fields

Dadurch können Benutzer ihr Zimmer zum genannten Preis auswählen. Sie können dann ihre Gesamtrechnung sehen und die Zahlung online vornehmen, um ihre Reservierung zu bestätigen.

Um Zahlungsoptionen hinzuzufügen, müssen Sie das benötigte Zahlungsintegrations-Addon wie Stripe, Authorize.net, Square oder PayPal installieren und aktivieren. Befolgen Sie diese Anleitung für detaillierte Schritte: So akzeptieren Sie Stripe-Zahlungen. und Wie man Square Payments zu WordPress hinzufügt.

Wenn Sie als Nächstes den Text eines Felds anpassen müssen, wählen Sie das Feld aus, um Optionen in der linken Taskleiste anzuzeigen.

edit field in wpforms

Sie können das Label, die Beschreibung und das Format ändern. Sie können das Feld sogar als Pflichtfeld markieren. Wenn der Benutzer seinen Namen oder seine E-Mail-Adresse nicht ausgefüllt hat, kann er das Formular somit nicht absenden.

Jetzt sieht WPForms einfach aus, aber Sie können wirklich coole Dinge damit machen. Wenn Sie beispielsweise einen Katalog verfügbarer Zimmer mit Bildern hinzufügen möchten, um Ihr Hotel wirklich zu verkaufen, müssen Sie Folgendes tun.

Wählen Sie zunächst das Formularfeld Raumpräferenz aus. Im linken Bereich sehen Sie eine Option zum Verwenden der Bildauswahl. Wenn Sie diese Option aktivieren, sehen Sie Schaltflächen, mit denen Sie Bilder zu jedem Feld hinzufügen können.

use images in form

Jetzt können Sie hier Bilder hochladen. WPForms empfiehlt, dieselbe Größe von 250 × 250 Pixel zu verwenden. Dadurch wird sichergestellt, dass der Katalog auf allen Geräten umwerfend aussieht.

Schauen Sie sich unser Beispiel unten an. Das Formular sieht ansprechender aus, wenn Sie ein Bild des Zimmers hinzufügen, das Ihre Kunden erwarten können, wenn sie bei Ihnen buchen.

images-in-booking-form

Wenn Sie mit der Anpassung Ihres Formulars fertig sind, stellen Sie sicher, dass Sie oben auf die Schaltfläche Speichern klicken, um alle Ihre Änderungen zu speichern.

Jetzt ist Ihr Hotelbuchungsformular fertig, aber bevor Sie es veröffentlichen, konfigurieren Sie einige wichtige Einstellungen.

Schritt 3: Formularbenachrichtigungen einrichten

Wenn ein Benutzer das Formular absendet, können Sie ihm eine automatische E-Mail-Antwort senden. Sie können sich oder Ihrem Team auch eine E-Mail-Benachrichtigung über den neuen Abonnenten senden.

Auf der Registerkarte Einstellungen » Benachrichtigungen sehen Sie eine bereits eingerichtete Standardbenachrichtigung. Dadurch wird eine Kopie des Formulareintrags an die Administrator-E-Mail gesendet.

admin email notification in wpforms

Es gibt mehrere Möglichkeiten, wie Sie diese Benachrichtigungen verwenden können. Wenn Sie möchten, dass dieselbe E-Mail sowohl an Ihren Posteingang als auch an den Posteingang des Kunden gesendet wird, können Sie „Smart Tags anzeigen“ und „E-Mail“ auswählen.

choose-user-email

Dadurch wird die im Formular ausgefüllte E-Mail-Adresse automatisch erkannt. Wenn Sie mehrere E-Mail-Adressen hinzufügen, müssen Sie nur sicherstellen, dass sie durch Kommas getrennt sind.

Sie können auch separate Benachrichtigungen einrichten, indem Sie oben auf die Schaltfläche „Neue Benachrichtigung hinzufügen“ klicken. Auf diese Weise können Sie einen für sich oder Ihr Team und einen anderen für den Kunden erstellen.

admin email notification in wpforms

Darunter können Sie die E-Mail-Nachricht bearbeiten, um sie persönlicher zu gestalten.

custom room booking email notification

Nachdem Sie E-Mail-Benachrichtigungen eingerichtet haben, können wir uns als Nächstes die Bestätigungsnachrichten ansehen, die auf Ihrer Website selbst angezeigt werden.

Auf der Registerkarte „ Bestätigungen “ wird eine Nachricht angezeigt, die bereits für Sie eingerichtet ist. Diese wird auf Ihrer Website angezeigt, wenn ein Benutzer das Formular absendet.

onscreen room booking confirmation

Sie können hier ändern, was passiert, wenn der Benutzer das Formular absendet. Mit WPForms können Sie:

  • Zeigen Sie eine Nachricht an: Sie können ihnen danken oder ihr Abonnement bestätigen.
  • Seite anzeigen: Sie können jede Seite Ihrer Website anzeigen, z. B. eine Dankesseite.
  • Auf URL umleiten: Damit können Sie sie auf eine Webseite eines Drittanbieters weiterleiten, die nicht Teil Ihrer Website ist.
confirmation in wpforms

Es ist super einfach, diese Optionen hinzuzufügen, daher gehen wir hier nicht ins Detail. Wir haben dies ausführlich in unserem Leitfaden behandelt: So richten Sie die richtigen Formularbenachrichtigungen und -bestätigungen ein.

Schritt 4: Verbinden Sie sich mit E-Mail- Marketing

Sie können Ihr Formular mit E-Mail-Marketing verbinden und alle neuen Leads zu Ihrer E-Mail-Kontaktliste hinzufügen lassen.

Auf der Registerkarte Marketing sehen Sie die verfügbaren Integrationsoptionen. Wählen Sie einfach Ihren bevorzugten Anbieter aus und Sie sehen eine Option zum Installieren und Aktivieren des Marketing-Add-Ons für diesen Anbieter.

Sobald es aktiviert ist, können Sie die Schaltfläche Neue Verbindung hinzufügen auswählen und darauf klicken. Dann können Sie den Anweisungen auf dem Bildschirm folgen, um sich mit Ihrem Konto zu verbinden. In den meisten Fällen müssen Sie einen Autorisierungscode oder einen API-Schlüssel eingeben, den Sie vom E-Mail-Anbieter erhalten.

add new connection in wpforms

Sie können sich auch mit Content-Marketing- und Automatisierungsplattformen wie HubSpot, Zapier und Uncanny Automator verbinden.

Jetzt ist Ihr Formular bereit, live zu gehen.

Schritt 5: Veröffentlichen Sie das Hotelzimmer-Buchungsformular

WPForms macht es unglaublich einfach, das Formular zu jeder Seite, jedem Post oder Widget-fähigen Bereich Ihrer Website hinzuzufügen.

Im Formularersteller sehen Sie oben auf der Seite eine Option zum Einbetten des Formulars. Dies macht es einfach, eine vorhandene Seite auszuwählen oder eine neue Seite zu erstellen, um das Formular hinzuzufügen.

Embed WPForms

Auch hier können Sie den Editor verlassen und das Formular jederzeit einbetten. Öffnen Sie dazu einfach eine Seite oder einen Beitrag im Blockeditor. Fügen Sie einen neuen Block hinzu und suchen Sie nach „WPForms“.

Wenn Sie diesen Block hinzufügen, sehen Sie ein WPForms-Maskottchen zusammen mit einem Dropdown-Menü, in dem Sie das gerade erstellte Opt-in-Formular auswählen können.

add wpforms in block editor

Dieses Widget ist in allen gängigen WordPress-Buildern wie SeedProd und Elementor verfügbar. Falls Sie noch den klassischen Editor verwenden, sehen Sie eine Schaltfläche, mit der Sie das Formular auswählen und einbetten können.

Wenn Sie das Formular in einer Fußzeile, Kopfzeile oder Seitenleiste anzeigen möchten, gehen Sie zur Registerkarte Aussehen » Widgets . Hier können Sie den WPForms-Block mit demselben Widget zu Ihrer Fußzeile oder Seitenleiste hinzufügen.

Das ist es! Sie haben erfolgreich ein Hotelzimmer-Buchungsformular für Ihre Website erstellt.

Um jetzt die Conversions zu steigern, sollten Sie sich OptinMonster ansehen. Mit diesem Tool können Sie beeindruckende Popups, Scrollboxen, Willkommensmatten und Slide-Ins für Ihre Hotelwebsite erstellen. Sie können es verwenden, um mehr Leads und Abonnenten für Ihren E-Mail-Newsletter und Ihre Werbeaktionen zu erhalten.

Vielleicht lieben Sie TrustPulse auch für Ihre Hotelseite. Damit können Sie Benachrichtigungen über die letzten Aktivitäten auf Ihrer Website in kleinen, nicht aufdringlichen Popups anzeigen.

trustpulse new homepage

So können Sie beispielsweise anzeigen, wer kürzlich ein Zimmer gebucht hat, wie viele Personen die Buchungsseite aufrufen und wie viele Personen ein Zimmer gebucht haben. Sie können sich sogar die neuesten Bewertungen Ihres Hotels anzeigen lassen. Jedes Popup ist anklickbar, sodass Sie einen Link zur Buchungsseite oder einer anderen Seite hinzufügen können, auf der sie landen sollen.

trustpulse review popups

Mit TrustPulse können Sie auch statische Nachrichten erstellen, um die Aufmerksamkeit eines Benutzers zu erregen, um sein Zimmer jetzt zu buchen!

Das ist alles, was wir für Sie haben. Da Sie nun wissen, wie Sie ein Buchungsformular für ein Hotelzimmer erstellen, möchten Sie vielleicht unsere zugehörigen Leitfäden durchstöbern:

  • So erstellen Sie einen Verkaufstrichter in WordPress (Leitfaden für Anfänger)
  • So erhalten Sie mehr Online-Bewertungen, um Ihr WordPress-Geschäft auszubauen
  • So richten Sie das WordPress-Formular-Tracking in Google Analytics ein

Diese Artikel werden Ihnen helfen, Ihr Geschäft anzukurbeln und Einblicke in das zu erhalten, was für Sie funktioniert.