Najważniejsze cechy wtyczki Divi: Rezerwacja hoteli i integracja z Divi

Hotel Booking od MotoPress to jedna z najpopularniejszych wtyczek do rezerwacji dla WordPressa. Dobrze integruje się z Divi, ale jako samodzielna wtyczka nie korzysta z Divi Builder i jego funkcji projektowych. Integracja rezerwacji hotelowych Divi jest możliwa dzięki wtyczce Hotel Booking & Divi Integration firmy MotoPress.

Korzystając z bezpłatnej lub premium wersji rezerwacji hotelowej, łatwo jest dodać funkcję rezerwacji hotelu do dowolnej witryny Divi i nadać jej styl za pomocą Divi Builder. W tym artykule przyjrzymy się różnym wtyczkom i opcjom, zobaczymy, jak działają z Divi Builder i zobaczymy, jak dobrze integrują się z układami Divi.

Wtyczki do rezerwacji hoteli

Oto spojrzenie na wtyczki integracyjne Divi do rezerwacji hoteli.

Rezerwacja hotelu Lite

Wersja Lite Rezerwacji Hotelu jest bezpłatna. Jest to wtyczka do wynajmu nieruchomości stworzona specjalnie dla firm oferujących zakwaterowanie. Może obsługiwać nieograniczoną liczbę pokoi, zapewnia szczegółowe informacje o nieruchomościach, inteligentne wyszukiwanie, nieograniczone zmienne stawki, minimalny i maksymalny okres pobytu, bezpłatne lub płatne usługi dodatkowe, kupony, podatki, wiele miejsc noclegowych na gościa i wiele więcej.

Obejmuje również wiele walut, lokalizację, skróty i widżety. Ma wszystko, czego potrzebujesz, aby rozpocząć zarządzanie nieruchomościami i obejmuje integrację z PayPal. W tym artykule będę używał wersji Lite.

Rezerwacja hotelu

Wersja Pro dodaje więcej bramek płatności, automatyczną synchronizację z OTA (kalendarzami wymiany), możliwość dodawania rezerwacji z zaplecza, zmienne ceny w zależności od liczby gości i noclegów oraz inne opcje, a także priorytetowe aktualizacje i wsparcie.

Rezerwacja hoteli i integracja Divi

Hotel Booking & Divi Integration to darmowy dodatek, który dodaje nowe moduły do ​​Divi Builder, dzięki czemu możesz tworzyć strony rezerwacji i stylizować je za pomocą Divi. Moduły pozwalają Divi stylizować i wyświetlać obiekty noclegowe jako listy, jako pojedyncze zakwaterowanie, usługi, formularze, wyszukiwania itp. Zawiera funkcje włączania lub wyłączania praktycznie każdego elementu, dzięki czemu można dostosować sposób ich wyświetlania. Stylizacja z modułami Divi działa tak samo jak każdy inny moduł, dzięki czemu masz pełną kontrolę nad tym, jak wygląda.

Korzystanie z rezerwacji hoteli i integracji Divi

Domyślne nowe strony rezerwacji hotelowych

Po zainstalowaniu wtyczki Hotel Booking zobaczysz komunikat o konieczności zainstalowania stron. Są to strony, których silnik rezerwacji hoteli wykorzystuje do transakcji itp., więc polecam je utworzyć. Naciśnij przycisk.

Do instalacji WordPressa dodawanych jest osiem nowych opublikowanych stron. Strony te zawierają tytuł i krótki kod, który informuje system rezerwacji, jakich stron użyć do dostarczenia informacji. Te strony byłyby używane, gdybyś nie korzystał z Divi Builder. Wolę tworzyć je jednym kliknięciem, a następnie dostosowywać je za pomocą Divi. Dzięki temu dowiesz się dokładnie, jakie strony musisz zbudować.

Oczywiście możesz również używać skrótów z tych stron w innych układach, ale nie będziesz ich potrzebować dzięki modułom Divi Builder.

Oto przykład strony z zakwaterowaniem. Dodaje tytuł i krótki kod, aby je wyświetlić. Pokazuje polecany suwak obrazu, galerię i informacje o każdym z nich. Dodałem widżet do paska bocznego, aby pokazać typy zakwaterowania.

Moduły Divi

Do Divi Buildera dodawane są nowe moduły. Zawierają:

• Lista
• Ceny
• Usługi Accom
• Formularz rezerwacji
• Dostępność wyszukiwania
• Pojedynczy Zak.

Te moduły umożliwiają tworzenie kompletnych stron za pomocą Divi lub dodawanie indywidualnych funkcji w układach Divi.

Przykłady modułów Divi

Odtworzyłem ten sam układ, co strona Noclegi, używając Divi Builder. Dodałem pasek boczny tylko po to, aby pasował.

Wynik jest bardzo podobny. Oczywiście teraz możemy pobawić się opcjami stylizacji i układu.

Moduły dają pełną kontrolę nad tym, co wyświetla.

Zawiera wiele dostosowań, dzięki czemu możesz kontrolować elementy, takie jak kategorie, tagi, sortowanie, sortowanie, numer wyświetlany na stronie itp. Ma nawet opcję logicznej relacji, która pomaga decydować o taksonomii, gdy jest ich więcej niż jedna.

Ustawiłem wyświetlanie jednego na stronę według daty w porządku rosnącym. Strona jest już czystsza i łatwiejsza w użyciu. Usunąłem opis i przycisk rezerwacji. Prezentowany obraz to suwak z kontrolkami. Ponieważ ograniczyłem liczbę noclegów, które może wyświetlać, automatycznie dodaje paginację.

Tutaj z powrotem dodałem fragment i szczegóły, a także stylizuję tekst na karcie Projekt za pomocą narzędzia do budowania frontendu. Dodałem cień pudełkowy z dopełnieniem.

Możesz również określić, które zakwaterowanie będzie wyświetlane na podstawie identyfikatorów. W tym przykładzie utworzyłem nowy układ z dwoma modułami listy zakwaterowania. Każdy z nich pokazuje określony identyfikator. Obejmują cień pudełka i odstępy.

Moduł pojedynczego zakwaterowania pozwala wyświetlić dowolne zakwaterowanie na podstawie identyfikatora. Zawiera te same funkcje, co moduł listy, aby wyłączyć lub zmienić styl dowolnego elementu.

Moduł dostępności wyszukiwania umożliwia odwiedzającym wyszukiwanie na podstawie daty zameldowania, daty wymeldowania, liczby dorosłych i liczby dzieci. Możesz ustawić limity i dodać atrybuty. Zawiera trzy układy. To jest ustawienie domyślne. Dodałem cień pudełka, aby wyróżniał się z tła.

To jest poziomy układ środkowy. Świetnie sprawdziłoby się jako osobna sekcja na stronie docelowej. Pozioma lewa wygląda tak samo, ale umieszcza pole wyszukiwania po lewej stronie. W tym przykładzie dodałem obramowanie, zmieniłem kolor tła, zmieniłem kolor czcionki i ustawiłem czcionki tytułów pól na wielkie litery.

Moduł Usługi zakwaterowania wyświetla wszystkie usługi lub określone usługi na podstawie identyfikatorów. Zawiera wszystkie te same funkcje projektowe, do których jesteśmy przyzwyczajeni. Bez identyfikatora pokaże wszystkie usługi na liście. Dodanie identyfikatora oznacza, że ​​możesz umieścić dowolną usługę w dowolnym miejscu i wyświetlać wiele usług w dowolnym układzie za pomocą wielu modułów.

Integracja rezerwacji hotelowej z układami Divi

Każdy z układów Divi można dostosować, aby utworzyć witrynę hotelu, ale jest kilka, które działają idealnie bez wielu zmian, takie jak Nieruchomości, Blog podróżniczy i Bed and Breakfast. Korzystam z Bed and Breakfast (i dzięki napisaniu tego artykułu chcę teraz zacząć od bed and breakfast).

W tym przykładzie usunąłem notki i przycisk oraz dodałem moduł Dostępność wyszukiwania do obszaru bohatera strony docelowej. Używa układu poziomego po lewej stronie. Zostawiłem ustawienia domyślne.

W tym przykładzie zastąpiłem osadzone wideo galerią pod nim modułem listy zakwaterowania. Ustawiłem go tak, aby wyświetlał jeden, ale zawiera paginację, jeśli chcesz zobaczyć więcej. Wyłączyłem większość tekstu, ale pokazuje przycisk szczegółów.

Wygląda prawie dokładnie tak samo, jak oryginalna sekcja w tym układzie, ale teraz możemy wybrać konkretne pokoje lub kwatery do wyświetlenia i zmienić je, po prostu wklejając ich identyfikator. Paginacja pomaga również dostarczyć więcej informacji w tej samej przestrzeni.

Końcowe myśli

Integracja Hotel Booking & Divi jest łatwa w konfiguracji i obsłudze. Nigdy nie musiałem czytać instrukcji, ale zawierają szczegółowy wpis na blogu, który pomoże ci je przeczytać, jeśli chcesz je przeczytać. Lubię używać Divi Builder do wszystkich stron, które tworzy Hotel Booking.

Możliwe jest dodawanie skrótów do elementów, nawet w Divi Builder, ale opcje projektowania są nadal ograniczone, co rozwiązuje się za pomocą modułów Divi. Korzystanie z Divi Builder znacznie ułatwia tworzenie unikalnych stylów dla stron i łatwe dodawanie dokładnie tych elementów w układach, które chcesz.

MotoPress ma kilka motywów dotyczących hoteli i wynajmu nieruchomości dostępnych dla WordPress. Chciałbym zobaczyć kilka układów Divi dodanych do listy. Elegant Themes ma już kilka układów, które świetnie sprawdzają się w hotelach i wypożyczalniach typu bed and breakfast, więc korzystanie z Hotel Booking & Divi Integration jest naturalne.

Jeśli budujesz strony internetowe z hotelami i wypożyczalniami za pomocą Divi, potrzebujesz integracji z rezerwacją hoteli Divi. Gorąco polecam korzystanie nawet z darmowej wersji wtyczki Hotel Booking wraz z dodatkiem Hotel Booking & Divi Integration. Teraz muszę zaplanować mój B&B.

Chcemy usłyszeć od Ciebie. Czy wypróbowałeś Hotel Booking & Divi Integration? Daj nam znać, co o tym myślisz w komentarzach poniżej.

Polecane zdjęcie za pośrednictwem Sira Anamwong / shutterstock.com