Divi-Plugin-Highlight: Hotelbuchung & Divi-Integration

Hotel Booking von MotoPress ist eines der beliebtesten Buchungs-Plugins für WordPress. Es lässt sich gut in Divi integrieren, aber als eigenständiges Plugin nutzt es den Divi Builder und seine Designfunktionen nicht. Die Divi-Integration der Hotelbuchung wird durch die Verwendung des Plugins Hotel Booking & Divi Integration von MotoPress ermöglicht.

Mit der kostenlosen oder Premium-Version von Hotel Booking ist es einfach, jeder Divi-Website eine Hotelbuchungsfunktion hinzuzufügen und sie mit dem Divi Builder zu gestalten. In diesem Artikel werfen wir einen Blick auf die verschiedenen Plugins und Optionen, sehen, wie sie mit dem Divi Builder funktionieren und wie gut sie sich in Divi-Layouts integrieren.

Hotelbuchungs-Plugins

Hier ist ein Blick auf die Divi-Integrations-Plugins für Hotelbuchungen.

Hotelbuchung Lite

Die Lite-Version von Hotel Booking ist kostenlos. Es ist ein Plugin für die Vermietung von Immobilien, das speziell für Beherbergungsunternehmen entwickelt wurde. Es kann unbegrenzte Zimmer verwalten, bietet Immobiliendetails, intelligente Suche, unbegrenzte Variablen für Preise, Mindest- und Höchstaufenthaltsdauer, kostenlose oder kostenpflichtige Zusatzleistungen, Coupons, Steuern, mehrere Unterkünfte pro Gast und vieles mehr.

Es enthält auch mehrere Währungen, Lokalisierung, Shortcodes und Widgets. Es bietet alles, was Sie für den Einstieg in die Immobilienverwaltung benötigen, und beinhaltet die PayPal-Integration. Für diesen Artikel verwende ich die Lite-Version.

Hotelbuchungs-Pro

Die Pro-Version bietet weitere Zahlungs-Gateways, automatische Synchronisierung mit OTAs (Austauschkalender), die Möglichkeit, Reservierungen aus dem Backend hinzuzufügen, variable Preise basierend auf der Anzahl der Gäste und Übernachtungen und anderen Optionen sowie vorrangige Updates und Support.

Hotelbuchung & Divi-Integration

Hotel Booking & Divi Integration ist ein kostenloses Add-On, das dem Divi Builder neue Module hinzufügt, damit Sie die Buchungsseiten erstellen und mit Divi gestalten können. Die Module ermöglichen es Divi, die Unterkünfte als Listen, als einzelne Unterkünfte, Dienstleistungen, Formulare, Suchen usw. zu gestalten und anzuzeigen. Es enthält Funktionen zum Aktivieren oder Deaktivieren praktisch jedes Elements, damit Sie ihre Anzeige anpassen können. Das Styling mit den Divi-Modulen funktioniert wie jedes andere Modul, sodass Sie die vollständige Kontrolle über das Aussehen haben.

Verwenden der Hotelbuchung & Divi-Integration

Neue Standardseiten der Hotelbuchung

Sobald Sie das Hotelbuchungs-Plugin installiert haben, wird eine Meldung zum Installieren von Seiten angezeigt. Dies sind Seiten, die die Hotelbuchungsmaschine für Transaktionen usw. verwendet, daher empfehle ich Ihnen, sie zu erstellen. Drück den Knopf.

Acht neue veröffentlichte Seiten werden Ihrer WordPress-Installation hinzugefügt. Diese Seiten enthalten den Titel und einen Shortcode, der dem Buchungssystem mitteilt, welche Seiten für die Bereitstellung von Informationen verwendet werden sollen. Diese Seiten würden verwendet, wenn Sie den Divi Builder nicht verwenden. Ich bevorzuge es, sie mit einem einzigen Klick zu erstellen und dann jeden mit Divi anzupassen. Dies sagt Ihnen genau, welche Seiten Sie erstellen müssen.

Natürlich können Sie die Shortcodes dieser Seiten auch in anderen Layouts verwenden, benötigen sie jedoch dank der Divi Builder-Module nicht.

Hier ist ein Beispiel für die Unterkunftsseite. Es fügt den Titel und den Shortcode hinzu, um sie anzuzeigen. Es zeigt den Schieberegler für das vorgestellte Bild, die Galerie und Informationen zu jedem einzelnen. Ich habe das Widget zur Seitenleiste hinzugefügt, um die Unterkunftstypen anzuzeigen.

Divi-Module

Dem Divi Builder werden neue Module hinzugefügt. Sie beinhalten:

• Aufführen
• Preise
• Accom-Dienste
• Buchungsformular
• Verfügbarkeit suchen
• Einzelunterkunft

Mit diesen Modulen können Sie komplette Seiten mit Divi erstellen oder einzelne Funktionen innerhalb von Divi-Layouts hinzufügen.

Beispiele für Divi-Module

Ich habe das gleiche Layout wie die Seite Unterkünfte mit dem Divi Builder neu erstellt. Ich habe die Seitenleiste nur passend hinzugefügt.

Das Ergebnis ist sehr ähnlich. Natürlich können wir jetzt mit Styling- und Layoutoptionen herumspielen.

Die Module geben Ihnen die volle Kontrolle darüber, was angezeigt wird.

Es enthält viele Anpassungen, sodass Sie Elemente wie Kategorien, Tags, Sortieren, Sortieren nach, die auf einer Seite anzuzeigende Nummer usw. steuern können. Es verfügt sogar über eine logische Beziehungsoption, um bei der Entscheidung über Taxonomien zu helfen, wenn es mehr als eine gibt.

Ich habe es so eingestellt, dass eines pro Seite nach Datum in aufsteigender Reihenfolge angezeigt wird. Die Seite ist bereits übersichtlicher und einfacher zu bedienen. Ich habe die Beschreibungs- und Buchungsschaltfläche entfernt. Das vorgestellte Bild ist ein Schieberegler mit Steuerelementen. Da ich die Anzahl der anzuzeigenden Unterkünfte begrenzt habe, wird automatisch eine Paginierung hinzugefügt.

Hier habe ich den Auszug und die Details wieder hinzugefügt und den Text auf der Registerkarte Design mit dem Frontend-Builder gestaltet. Ich habe einen Box-Schatten mit etwas Polsterung hinzugefügt.

Sie können auch angeben, welche Unterkunft basierend auf IDs angezeigt wird. In diesem Beispiel habe ich ein neues Layout mit zwei Unterkunftslistenmodulen erstellt. Jeder zeigt eine bestimmte ID. Dazu gehören Boxschatten und Abstände.

Mit dem Modul Einzelunterkunft können Sie jede gewünschte Unterkunft basierend auf der ID anzeigen. Es enthält die gleichen Funktionen wie das Listenmodul, um jedes der Elemente zu deaktivieren oder zu formatieren.

Das Modul "Suchverfügbarkeit" ermöglicht Ihren Besuchern eine Suche basierend auf dem Check-in-Datum, Check-out-Datum, der Anzahl der Erwachsenen und der Anzahl der Kinder. Sie können die Grenzen festlegen und Attribute hinzufügen. Es enthält drei Layouts. Dies ist die Standardeinstellung. Ich habe einen Boxschatten hinzugefügt, damit er sich vom Hintergrund abhebt.

Dies ist das horizontale Mittellayout. Dies würde hervorragend als eigener Abschnitt innerhalb einer Zielseite funktionieren. Horizontal Left sieht genauso aus, platziert das Suchfeld jedoch auf der linken Seite. In diesem Beispiel habe ich einen Rahmen hinzugefügt, die Hintergrundfarbe geändert, die Schriftfarbe geändert und die Feldtitelschriftarten auf Großbuchstaben gesetzt.

Das Modul Unterkunftsleistungen zeigt alle Leistungen oder spezifische Leistungen anhand von IDs an. Es enthält alle die gleichen Designfunktionen, die wir gewohnt sind. Ohne ID werden alle Dienste in einer Liste angezeigt. Durch das Hinzufügen der ID können Sie jeden Dienst überall platzieren und mehrere Dienste in jedem Layout anzeigen, indem Sie mehrere Module verwenden.

Integrieren von Hotelbuchungen in Divi-Layouts

Jedes der Divi-Layouts kann angepasst werden, um eine Hotelwebsite zu erstellen, aber es gibt einige, die ohne viele Änderungen perfekt funktionieren, wie z. B. Immobilien, Reiseblog und Bed and Breakfast. Ich nutze Bed and Breakfast (und dank des Schreibens dieses Artikels möchte ich jetzt ein Bed and Breakfast gründen).

In diesem Beispiel habe ich die Klappentexte und die Schaltfläche entfernt und das Suchverfügbarkeitsmodul zum Hero-Bereich der Zielseite hinzugefügt. Es verwendet das horizontale linke Layout. Ich habe die Einstellungen auf Standard belassen.

In diesem Beispiel habe ich das eingebettete Video mit der Galerie darunter durch ein Unterkunftslistenmodul ersetzt. Ich habe es so eingestellt, dass eines angezeigt wird, aber es enthält Paginierung, wenn Sie mehr sehen möchten. Ich habe den größten Teil des Textes deaktiviert, aber die Schaltfläche "Details" wird angezeigt.

Es sieht fast genauso aus wie der ursprüngliche Abschnitt in diesem Layout, aber jetzt können wir bestimmte Zimmer oder Unterkünfte auswählen, um sie anzuzeigen und sie durch einfaches Einfügen ihrer ID zu ändern. Die Paginierung trägt auch dazu bei, mehr Informationen auf derselben Fläche bereitzustellen.

Gedanken beenden

Die Hotelbuchungs- und Divi-Integration ist einfach einzurichten und zu verwenden. Ich musste nie Anweisungen lesen, aber sie enthalten einen detaillierten Blog-Post, der Sie schrittweise durchgeht, wenn Sie ihn lesen möchten. Ich verwende den Divi Builder gerne für alle Seiten, die Hotel Booking erstellt.

Es ist möglich Shortcodes für die Elemente hinzuzufügen, sogar innerhalb des Divi Builders, aber die Gestaltungsmöglichkeiten sind noch begrenzt, was durch die Verwendung der Divi-Module gelöst wird. Die Verwendung des Divi Builder macht es viel einfacher, ein einzigartiges Styling für Ihre Seiten zu erstellen, und es ist einfach, genau die Elemente in die gewünschten Layouts einzufügen.

MotoPress bietet verschiedene Themen zur Hotel- und Immobilienvermietung für WordPress an. Ich würde gerne ein paar Divi-Layouts zur Liste hinzugefügt sehen. Elegant Themes verfügt bereits über mehrere Layouts, die sich hervorragend für Hotels und Bed & Breakfast-Typen von Mietunternehmen eignen, sodass die Verwendung von Hotelbuchungen und Divi-Integration sich natürlich anfühlt.

Wenn Sie mit Divi Hotel- und Mietwebsites erstellen, benötigen Sie die Divi-Integration für die Hotelbuchung. Ich empfehle dringend, sogar die kostenlose Version des Hotelbuchungs-Plugins zusammen mit dem Hotelbuchungs- und Divi-Integrations-Add-On zu verwenden. Jetzt muss ich mein B&B planen.

Wir wollen von dir hören. Haben Sie die Hotelbuchung und die Divi-Integration ausprobiert? Lassen Sie uns in den Kommentaren unten wissen, was Sie davon halten.

Ausgewähltes Bild über Sira Anamwong / shutterstock.com