hohlebach.de
Ivan Belovari
Die Website hohlebach.de wird auf der Managed-Cloud-Hosting-Plattform Cloudways betrieben und läuft auf dem Server mit der IP 199.247.22.18. Als Content-Management-System kommt WordPress zum Einsatz, wobei die Gestaltung und Struktur mithilfe des Page Builders Elementor umgesetzt wurden. Diese Kombination ermöglicht eine flexible und performante Umsetzung der Seiteninhalte sowie eine schnelle Anpassung an individuelle Anforderungen. Zudem profitieren Betreiber und Nutzer gleichermaßen von der stabilen und skalierbaren Hosting-Infrastruktur, die Cloudways bereitstellt und so für zuverlässige Erreichbarkeit und kurze Ladezeiten sorgt.
Inhaltsverzeichnis
Zugänge
WordPress
https://hohlebach.de/wp-admin
i.belovari
Passwort von Daniel oder Mariam holen 🙂
Cloudways Server
https://unified.cloudways.com/login
a.alles@autoactiva.de
Passwort von Daniel oder Mariam holen 🙂
Good To Know
Bugs in der Darstellung?
Hast du Probleme mit der Darstellung der Website oder wird irgendein Element nicht richtig angezeigt? Dann fangen wir mal an zu debuggen.
Dateien & Daten neu generieren
Dashboard > Elementor > Werkzeuge
Servercache Leeren
Dashboard
Buchungssystem
Für das Buchungssystem wurden eigene Seiten für jedes Zimmer angelegt, sodass potenzielle Gäste detaillierte Informationen und Bilder zu den einzelnen Unterkünften erhalten. Zusätzlich gibt es eine Übersichtsseite für alle Zimmer sowie eine zentrale Buchungsseite („Book Anything Available“), über die sich die gewünschten Daten schnell und unkompliziert prüfen lassen. Technisch basiert die Lösung auf Smoobu, dessen Buchungssystem über ein iFrame nahtlos in die Website eingebunden wurde. Dadurch werden Verfügbarkeitsprüfung, Buchung und Verwaltung der Reservierungen direkt auf hohlebach.de ermöglicht, ohne dass Nutzer*innen die Seite verlassen müssen.
Buchhungsseite
Auf dieser Seite wird ganz oben der Smoobu Script für die Suche nach verfügbaren Zimmern integriert:
- Link zu den Single Posts
1. Link zu den Single Posts
Die Links zu den Single Post Seiten (Einzelnen Zimmer Seiten) wird in „Smoobu > Konfiguration > Buchungsmaschine > In Website integrieren > Externer Link“ eingepflegt.
Script:
<div id="apartmentIframeAll">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/de/booking-tool/iframe/391288", "baseUrl": "https://login.smoobu.com", "target": "#apartmentIframeAll"})</script>
</div>
Single Post (Einzelne Zimmerseiten)
Auf dieser Seite wird ganz oben der Smoobu Script für das einzelne Zimmer integriert. Diesen findet man unter „Smoobu > Konfiguration > Buchungsmaschine > In Website integrieren > In Website integrieren„.
Jedes Zimmer hat einen einzelnen Script. Der Script kann durch die ID angepasst werden oder direkt von Smoobu auf der o.g. Seite durch das auswählen von der Unterkunft generiert.
Bilder anpassen
Bilder werden ganz einfach über Elementor angepasst. Die Bilder in der „Buchungsmaschine“ müssen über Smoobu angepasst werden. Mer darüber erfährst du in der Smoobu Dokumentation.
Achtung! Es können mehrere Unterkünfte gleichzeitig ausgewählt werden. Das Resultat gibt dann einen Script für die Suchfunktion (wie auf der Buchungsseite) aus.
Script:
<div id="apartmentIframe1216157">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/de/booking-tool/iframe/391288/1216157", "baseUrl": "https://login.smoobu.com", "target": "#apartmentIframe1216157"})</script>
</div>
Hotelzimmer Übersicht (Alle Zimmer)
Diese Seite ist ganz normal mit Elementor aufgebaut. Die Zimmer / Apartments werden in einem Loop dargestellt und werden durch einen Taxonomy Filter gefiltert.
Die Badges (z.B. Klimatisiert) sind im Single Post von geloopten Elementen (Seiten) eingepflegt (im Classic Editor).
z.B: https://hohlebach.de/wp-admin/post.php?post=22722&action=edit
Mega Menü
Einrichten / Bearbeiten
Das Mega Menü ist mit dem Plugin Elements Kit Lite erstellt worden, da dieses Feature bei der Programmierung der Website nicht nativ in Elementor verfügbar war. Das Menü kann man unter WordPress Dashboard > Menüs bearbeiten.
Die Mega Menüs sind quasi Elementor Blöcke, diese kann man bearbeiten, wenn man auf die (durch das Hovern über ein Menüpunkt angezeigte) Taste „Mega Menü“ anklickt:
1. Anklicken
2. (bei Bedarf) einschalten
2. Mit Elementor bearbeiten
