Divi 플러그인 하이라이트: 호텔 예약 및 Divi 통합

MotoPress의 호텔 예약은 WordPress에서 가장 인기 있는 예약 플러그인 중 하나입니다. Divi와 잘 통합되지만 독립 실행형 플러그인으로 Divi Builder 및 디자인 기능을 활용하지 않습니다. 호텔 예약 Divi 통합은 MotoPress의 플러그인 Hotel Booking & Divi Integration을 사용하여 가능합니다.

호텔 예약의 무료 또는 프리미엄 버전을 사용하면 모든 Divi 웹사이트에 호텔 예약 기능을 쉽게 추가하고 Divi Builder로 스타일을 지정할 수 있습니다. 이 기사에서는 다양한 플러그인과 옵션을 살펴보고 Divi Builder와 어떻게 작동하는지, Divi 레이아웃 내에서 얼마나 잘 통합되는지 살펴보겠습니다.

호텔 예약 플러그인

호텔 예약 Divi 통합 플러그인을 살펴보세요.

호텔 예약 라이트

라이트 버전의 호텔 예약은 무료입니다. 숙박업을 위해 특별히 제작된 부동산 임대 플러그인입니다. 무제한 객실을 처리하고, 속성 세부 정보, 스마트 검색, 요금에 대한 무제한 변수, 최소 및 최대 체류 기간, 무료 또는 유료 추가 서비스, 쿠폰, 세금, 게스트당 여러 숙박 시설 등을 제공할 수 있습니다.

또한 여러 통화, 현지화, 단축 코드 및 위젯이 포함됩니다. 자산 관리를 시작하는 데 필요한 모든 것이 있으며 PayPal 통합이 포함되어 있습니다. 이 기사에서는 Lite 버전을 사용하겠습니다.

호텔 예약 프로

Pro 버전에는 더 많은 지불 게이트웨이, OTA(교환 캘린더)와의 자동 동기화, 백엔드에서 예약을 추가하는 기능, 게스트 수와 숙박 일수 및 기타 옵션에 따른 가변 가격, 우선 업데이트 및 지원이 추가됩니다.

호텔 예약 및 Divi 통합

Hotel Booking & Divi Integration은 Divi Builder에 새로운 모듈을 추가하는 무료 애드온으로 예약 페이지를 만들고 Divi로 스타일을 지정할 수 있습니다. 모듈을 통해 Divi는 숙박 시설을 단일 숙박 시설, 서비스, 양식, 검색 등으로 목록으로 스타일 지정하고 표시할 수 있습니다. 여기에는 거의 모든 요소를 ​​활성화 또는 비활성화하는 기능이 포함되어 표시 방법을 사용자 지정할 수 있습니다. Divi 모듈을 사용한 스타일링은 모든 모듈과 동일하게 작동하므로 모양을 완벽하게 제어할 수 있습니다.

호텔 예약 및 Divi 통합 사용

호텔 예약의 기본 새 페이지

호텔 예약 플러그인을 설치하면 페이지를 설치하라는 메시지가 표시됩니다. 호텔 예약 엔진이 거래 등을 위해 사용하는 페이지들이므로 생성하시는 것을 권장합니다. 버튼을 클릭합니다.

8개의 새 게시 페이지가 WordPress 설치에 추가됩니다. 이 페이지에는 예약 시스템에 정보를 제공하는 데 사용할 페이지를 알려주는 제목과 단축 코드가 포함되어 있습니다. 이 페이지는 Divi Builder를 사용하지 않는 경우에 사용됩니다. 한 번의 클릭으로 만든 다음 Divi로 각 항목을 사용자 지정하는 것을 선호합니다. 이것은 빌드해야 하는 페이지를 정확히 알려줍니다.

물론 다른 레이아웃 내에서 이 페이지의 단축 코드를 사용할 수도 있지만 Divi Builder 모듈 덕분에 필요하지 않습니다.

다음은 숙박 페이지의 예입니다. 제목과 단축 코드를 추가하여 표시합니다. 추천 이미지 슬라이더, 갤러리 및 각각에 대한 정보를 보여줍니다. 숙소 유형을 표시하기 위해 사이드바에 위젯을 추가했습니다.

Divi 모듈

새로운 모듈이 Divi Builder에 추가됩니다. 여기에는 다음이 포함됩니다.

• 목록
• 요금
• 어컴 서비스
• 예약 양식
• 검색 가능 여부
• 싱글 어컴.

이 모듈을 사용하면 Divi로 완전한 페이지를 만들거나 Divi 레이아웃 내에 개별 기능을 추가할 수 있습니다.

Divi 모듈 예제

Divi Builder를 사용하여 숙박 페이지와 동일한 레이아웃을 다시 만들었습니다. 나는 단지 일치시키기 위해 사이드 바를 추가했습니다.

결과는 매우 유사합니다. 물론, 이제 우리는 스타일과 레이아웃 옵션을 가지고 놀 수 있습니다.

모듈을 사용하면 표시할 항목을 완전히 제어할 수 있습니다.

카테고리, 태그, 정렬, 정렬 기준, 페이지에 표시할 번호 등과 같은 요소를 제어할 수 있도록 많은 사용자 정의가 포함되어 있습니다. 하나 이상의 항목이 있는 경우 분류를 결정하는 데 도움이 되는 논리적 관계 옵션도 있습니다.

날짜별로 페이지당 하나씩 오름차순으로 표시되도록 설정했습니다. 페이지가 이미 깨끗하고 사용하기 쉽습니다. 설명 및 예약 버튼을 제거했습니다. 추천 이미지는 컨트롤이 있는 슬라이더입니다. 표시할 수 있는 조정 수를 제한했기 때문에 자동으로 페이지 매김이 추가됩니다.

여기에서 발췌문과 세부 정보를 다시 추가했으며 프론트엔드 빌더를 사용하여 디자인 탭의 텍스트 스타일을 지정하고 있습니다. 패딩이 있는 상자 그림자를 추가했습니다.

ID를 기반으로 표시할 숙박 시설을 지정할 수도 있습니다. 이 예에서는 두 개의 숙소 목록 모듈이 있는 새 레이아웃을 만들었습니다. 각각 특정 ID를 표시하고 있습니다. 여기에는 상자 그림자와 간격이 포함됩니다.

Single 숙박 모듈을 사용하면 ID를 기반으로 원하는 숙박 시설을 표시할 수 있습니다. 요소를 비활성화하거나 스타일을 지정하는 목록 모듈과 동일한 기능이 포함되어 있습니다.

검색 가능 여부 모듈을 사용하면 방문자가 체크인 날짜, 체크아웃 날짜, 성인 수 및 어린이 수를 기준으로 검색할 수 있습니다. 제한을 설정하고 속성을 추가할 수 있습니다. 여기에는 세 가지 레이아웃이 포함됩니다. 이것이 기본값입니다. 배경과 분리되도록 상자 그림자를 추가했습니다.

가로 중앙 레이아웃입니다. 이것은 방문 페이지 내에서 자체 섹션으로 훌륭하게 작동합니다. 수평 왼쪽은 동일하게 보이지만 왼쪽에 검색 상자를 배치합니다. 이 예에서는 테두리를 추가하고, 배경색을 변경하고, 글꼴 색상을 변경하고, 필드 제목 글꼴을 모두 대문자로 설정했습니다.

숙박 서비스 모듈은 ID를 기반으로 모든 서비스 또는 특정 서비스를 표시합니다. 여기에는 우리에게 익숙한 동일한 디자인 기능이 모두 포함되어 있습니다. ID가 없으면 목록의 모든 서비스가 표시됩니다. ID를 추가하면 모든 서비스를 어디에나 배치할 수 있고 여러 모듈을 사용하여 레이아웃에 여러 서비스를 표시할 수 있습니다.

호텔 예약을 Divi 레이아웃에 통합

모든 Divi 레이아웃을 사용자 정의하여 호텔 웹 사이트를 만들 수 있지만 부동산, 여행 블로그 및 민박과 같이 많은 변경 없이 완벽하게 작동하는 몇 가지가 있습니다. 나는 베드 앤 브렉퍼스트를 사용하고 있습니다(이 기사를 작성한 덕분에 이제 베드 앤 브렉퍼스트를 시작하려고 합니다).

이 예에서는 광고 문구와 버튼을 제거하고 랜딩 페이지의 영웅 영역에 검색 가용성 모듈을 추가했습니다. 수평 왼쪽 레이아웃을 사용하고 있습니다. 설정을 기본값으로 두었습니다.

이 예에서는 포함된 비디오를 그 아래에 있는 갤러리가 있는 숙박 시설 목록 모듈로 교체했습니다. 하나를 표시하도록 설정했지만 더 많이 보려면 페이지 매김이 포함됩니다. 나는 대부분의 텍스트를 비활성화했지만 세부 정보 버튼은 표시합니다.

이 레이아웃의 원래 섹션과 거의 동일하게 보이지만 이제 ID를 붙여넣기만 하면 표시할 특정 방이나 숙박 시설을 선택하고 변경할 수 있습니다. 페이지 매김은 또한 동일한 공간에서 더 많은 정보를 제공하는 데 도움이 됩니다.

마무리 생각

호텔 예약 및 Divi 통합은 설정 및 사용이 쉽습니다. 지침을 읽을 필요는 없었지만 읽고 싶은 경우 단계별로 안내하는 자세한 블로그 게시물이 포함되어 있습니다. 저는 호텔 예약이 생성하는 모든 페이지에 Divi Builder를 사용하는 것을 좋아합니다.

Divi Builder 내에서도 요소에 대한 단축 코드를 추가할 수 있지만 디자인 옵션은 여전히 ​​제한적이며 Divi 모듈을 사용하여 해결됩니다. Divi Builder를 사용하면 페이지에 대한 고유한 스타일을 훨씬 더 쉽게 만들고 원하는 레이아웃 내에 정확한 요소를 쉽게 추가할 수 있습니다.

MotoPress에는 WordPress에 사용할 수 있는 여러 호텔 및 부동산 임대 테마가 있습니다. 목록에 추가된 몇 가지 Divi 레이아웃을 보고 싶습니다. 우아한 테마에는 이미 호텔 및 B&B 유형의 임대 비즈니스에 적합한 여러 레이아웃이 있으므로 Hotel Booking & Divi 통합을 사용하는 것이 자연스럽게 느껴집니다.

Divi로 호텔 및 임대 웹사이트를 구축하는 경우 호텔 예약 Divi 통합이 필요합니다. Hotel Booking & Divi Integration 애드온과 함께 무료 버전의 Hotel Booking 플러그인을 사용하는 것이 좋습니다. 이제 B&B를 계획해야 합니다.

우리는 당신의 의견을 듣고 싶습니다. 호텔 예약 및 Divi 통합을 사용해 보셨습니까? 아래 의견에서 그것에 대해 어떻게 생각하는지 알려주십시오.

Sira Anamwong/Shutterstock.com을 통한 주요 이미지