ไฮไลท์ปลั๊กอิน Divi: การจองโรงแรมและการรวม Divi

การจองโรงแรมจาก MotoPress เป็นหนึ่งในปลั๊กอินการจองยอดนิยมสำหรับ WordPress มันรวมเข้ากับ Divi ได้ดี แต่ในฐานะปลั๊กอินแบบสแตนด์อโลน มันไม่ได้ใช้ประโยชน์จาก Divi Builder และคุณสมบัติการออกแบบของมัน การรวม Divi การจองโรงแรมทำได้โดยใช้ปลั๊กอิน Hotel Booking & Divi Integration จาก MotoPress

การใช้การจองโรงแรมเวอร์ชันฟรีหรือพรีเมียม ทำให้ง่ายต่อการเพิ่มคุณลักษณะการจองโรงแรมในเว็บไซต์ Divi และจัดรูปแบบด้วย Divi Builder ในบทความนี้ เราจะมาดูที่ปลั๊กอินและตัวเลือกต่างๆ ดูว่ามันทำงานอย่างไรกับ Divi Builder และดูว่าพวกเขารวมเข้ากับเค้าโครง Divi ได้ดีเพียงใด

ปลั๊กอินจองโรงแรม

นี่คือการดูปลั๊กอินการรวม Divi ของการจองโรงแรม

จองโรงแรม Lite

การจองโรงแรมเวอร์ชัน Lite นั้นฟรี เป็นปลั๊กอินให้เช่าอสังหาริมทรัพย์ที่ทำขึ้นสำหรับธุรกิจที่พักโดยเฉพาะ สามารถจัดการห้องพักได้ไม่จำกัด ให้รายละเอียดที่พัก การค้นหาอัจฉริยะ ตัวแปรไม่จำกัดสำหรับราคา ระยะเวลาการเข้าพักขั้นต่ำและสูงสุด บริการพิเศษฟรีหรือชำระเงิน คูปอง ภาษี ที่พักหลายห้องต่อแขก และอื่นๆ อีกมากมาย

นอกจากนี้ยังมีหลายสกุลเงิน การแปลเป็นภาษาท้องถิ่น รหัสย่อ และวิดเจ็ต มีทุกสิ่งที่คุณต้องการเพื่อเริ่มต้นการจัดการทรัพย์สินและรวมถึงการผสานการทำงานกับ PayPal สำหรับบทความนี้ ฉันจะใช้เวอร์ชัน Lite

โปรจองโรงแรม

เวอร์ชัน Pro เพิ่มเกตเวย์การชำระเงิน การซิงโครไนซ์อัตโนมัติกับ OTA (ปฏิทินการแลกเปลี่ยน) ความสามารถในการเพิ่มการจองจากแบ็กเอนด์ ราคาผันแปรตามจำนวนผู้เข้าพักและคืนเข้าพัก และตัวเลือกอื่นๆ และการอัปเดตและการสนับสนุนลำดับความสำคัญ

การจองโรงแรมและการรวม Divi

การรวมการจองโรงแรมและ Divi เป็นโปรแกรมเสริมฟรีที่เพิ่มโมดูลใหม่ให้กับ Divi Builder เพื่อให้คุณสามารถสร้างหน้าการจองและจัดรูปแบบด้วย Divi โมดูลช่วยให้ Divi สามารถจัดรูปแบบและแสดงที่พักเป็นรายการ เป็นที่พักเดี่ยว บริการ แบบฟอร์ม การค้นหา ฯลฯ มีคุณลักษณะในการเปิดหรือปิดใช้งานแทบทุกองค์ประกอบเพื่อให้คุณสามารถปรับแต่งวิธีการแสดงได้ การจัดรูปแบบด้วยโมดูล Divi ทำงานเหมือนกับโมดูลอื่นๆ เพื่อให้คุณควบคุมรูปลักษณ์ได้อย่างสมบูรณ์

การใช้การจองโรงแรมและการรวม Divi

หน้าใหม่เริ่มต้นของการจองโรงแรม

เมื่อคุณติดตั้งปลั๊กอินการจองโรงแรมแล้ว คุณจะเห็นข้อความให้ติดตั้งหน้า เหล่านี้เป็นหน้าที่ระบบจองโรงแรมใช้สำหรับการทำธุรกรรม ฯลฯ ดังนั้นฉันจึงแนะนำให้คุณสร้างมันขึ้นมา คลิกที่ปุ่ม

เพิ่มหน้าประกาศใหม่แปดหน้าในการติดตั้ง WordPress ของคุณ หน้าเหล่านี้ประกอบด้วยชื่อและรหัสย่อที่บอกระบบการจองว่าหน้าใดที่จะใช้ในการให้ข้อมูล หน้าเหล่านี้จะถูกใช้หากคุณไม่ได้ใช้ Divi Builder ฉันชอบที่จะสร้างมันด้วยการคลิกเพียงครั้งเดียว แล้วปรับแต่งแต่ละอันด้วย Divi สิ่งนี้จะบอกคุณอย่างชัดเจนว่าคุณต้องสร้างหน้าใด

แน่นอน คุณยังสามารถใช้รหัสย่อจากหน้าเหล่านี้ภายในเค้าโครงอื่น ๆ ได้ แต่คุณไม่จำเป็นต้องใช้รหัสย่อเหล่านี้ด้วยโมดูล Divi Builder

นี่คือตัวอย่างหน้าที่พัก เพิ่มชื่อและรหัสย่อเพื่อแสดง มันแสดงแถบเลื่อนรูปภาพเด่น แกลเลอรี และข้อมูลเกี่ยวกับแต่ละรายการ ฉันได้เพิ่มวิดเจ็ตในแถบด้านข้างเพื่อแสดงประเภทที่พักแล้ว

โมดูล Divi

เพิ่มโมดูลใหม่ลงใน Divi Builder พวกเขารวมถึง:

• รายการ
• ราคา
• บริการแอคคอม
• แบบฟอร์มการจอง
• ค้นหาห้องว่าง
• หอพักเดี่ยว

โมดูลเหล่านี้ช่วยให้คุณสร้างหน้าที่สมบูรณ์ด้วย Divi หรือเพิ่มคุณสมบัติแต่ละรายการภายในเค้าโครง Divi

ตัวอย่างโมดูล Divi

ฉันได้สร้างเค้าโครงเดียวกันกับหน้าที่พักโดยใช้ Divi Builder ฉันเพิ่มแถบด้านข้างเพื่อให้ตรงกับ

ผลลัพธ์จะคล้ายกันมาก แน่นอน ตอนนี้เราสามารถลองใช้ตัวเลือกสไตล์และเลย์เอาต์ได้แล้ว

โมดูลช่วยให้คุณควบคุมสิ่งที่แสดงได้อย่างเต็มที่

มันมีการปรับแต่งมากมายเพื่อให้คุณสามารถควบคุมองค์ประกอบต่างๆ เช่น หมวดหมู่ แท็ก การเรียงลำดับ ลำดับโดย หมายเลขที่จะแสดงบนหน้า ฯลฯ มันยังมีตัวเลือกความสัมพันธ์เชิงตรรกะเพื่อช่วยในการตัดสินใจอนุกรมวิธานเมื่อมีมากกว่าหนึ่งรายการ

ฉันได้ตั้งค่าให้แสดงหนึ่งรายการต่อหน้าตามวันที่ในลำดับจากน้อยไปมาก หน้านั้นสะอาดกว่าและใช้งานง่ายกว่าอยู่แล้ว ฉันได้ลบคำอธิบายและปุ่มจองแล้ว รูปภาพเด่นเป็นแถบเลื่อนที่มีส่วนควบคุม เนื่องจากฉันจำกัดจำนวนที่พักที่สามารถแสดงได้ มันจึงเพิ่มเลขหน้าโดยอัตโนมัติ

ฉันได้เพิ่มข้อความที่ตัดตอนมาและรายละเอียดกลับเข้าไปแล้ว และฉันกำลังจัดรูปแบบข้อความในแท็บออกแบบโดยใช้ตัวสร้างส่วนหน้า ฉันได้เพิ่มเงากล่องด้วยช่องว่างภายใน

คุณยังสามารถระบุได้ว่าจะแสดงที่พักใดตามรหัส ในตัวอย่างนี้ ฉันได้สร้างเลย์เอาต์ใหม่ที่มีโมดูลรายการที่พักสองโมดูล แต่ละคนกำลังแสดง ID เฉพาะ รวมถึงเงาของกล่องและระยะห่าง

โมดูลที่พักเดี่ยวช่วยให้คุณสามารถแสดงที่พักใด ๆ ที่คุณต้องการตาม ID ประกอบด้วยคุณลักษณะเดียวกับโมดูลรายการเพื่อปิดใช้งานหรือจัดรูปแบบองค์ประกอบใดๆ

โมดูลความสามารถในการค้นหาช่วยให้ผู้เยี่ยมชมของคุณค้นหาตามวันที่เช็คอิน วันที่เช็คเอาต์ จำนวนผู้ใหญ่ และจำนวนเด็ก คุณสามารถกำหนดขีดจำกัดและเพิ่มแอตทริบิวต์ได้ ประกอบด้วยสามรูปแบบ นี่คือค่าเริ่มต้น ฉันได้เพิ่มเงาของกล่องเพื่อให้มันโดดเด่นกว่าพื้นหลัง

นี่คือเค้าโครงกึ่งกลางแนวนอน สิ่งนี้จะทำงานได้ดีในฐานะส่วนหนึ่งของหน้า Landing Page Horizontal Left มีลักษณะเหมือนกันแต่วางช่องค้นหาไว้ทางด้านซ้าย ในตัวอย่างนี้ ฉันได้เพิ่มเส้นขอบ เปลี่ยนสีพื้นหลัง เปลี่ยนสีฟอนต์ และตั้งค่าฟอนต์ชื่อฟิลด์เป็นตัวพิมพ์ใหญ่ทั้งหมด

โมดูลบริการที่พักจะแสดงบริการทั้งหมดหรือบริการเฉพาะตามรหัสประจำตัว ประกอบด้วยคุณลักษณะการออกแบบทั้งหมดที่เราคุ้นเคย หากไม่มี ID จะแสดงบริการทั้งหมดในรายการ การเพิ่ม ID หมายความว่าคุณสามารถวางบริการใดๆ ได้ทุกที่และแสดงหลายบริการในเลย์เอาต์ใดก็ได้โดยใช้หลายโมดูล

การรวมการจองโรงแรมเข้ากับเค้าโครง Divi

เลย์เอาต์ Divi ใดๆ สามารถปรับแต่งเพื่อสร้างเว็บไซต์ของโรงแรมได้ แต่มีบางส่วนที่ทำงานได้อย่างสมบูรณ์โดยไม่มีการเปลี่ยนแปลงมากมาย เช่น อสังหาริมทรัพย์ บล็อกท่องเที่ยว และที่พักพร้อมอาหารเช้า ฉันใช้ Bed and Breakfast (และต้องขอบคุณการเขียนบทความนี้ ตอนนี้ฉันอยากจะเริ่มต้นที่พักพร้อมอาหารเช้า)

ในตัวอย่างนี้ ฉันได้ลบคำประกาศและปุ่มและเพิ่มโมดูลความพร้อมใช้งานของการค้นหาลงในส่วนหลักของหน้า Landing Page มันใช้เลย์เอาต์แนวนอนด้านซ้าย ฉันปล่อยให้การตั้งค่าเป็นค่าเริ่มต้น

ในตัวอย่างนี้ ฉันได้แทนที่วิดีโอที่ฝังไว้ด้วยแกลเลอรีภายใต้วิดีโอด้วยโมดูลรายการที่พัก ฉันได้ตั้งค่าให้แสดงหนึ่งรายการ แต่รวมการแบ่งหน้าไว้ด้วยหากคุณต้องการดูเพิ่มเติม ฉันได้ปิดการใช้งานข้อความส่วนใหญ่แล้ว แต่แสดงปุ่มรายละเอียด

เกือบจะเหมือนกับส่วนดั้งเดิมในเลย์เอาต์นี้ทุกประการ แต่ตอนนี้เราสามารถเลือกห้องหรือที่พักเฉพาะที่จะแสดงและเปลี่ยนแปลงได้โดยเพียงแค่วางในรหัส การแบ่งหน้ายังช่วยให้ข้อมูลเพิ่มเติมในพื้นที่เดียวกัน

จบความคิด

การจองโรงแรมและการรวม Divi นั้นง่ายต่อการติดตั้งและใช้งาน ฉันไม่เคยจำเป็นต้องอ่านคำแนะนำ แต่มีบล็อกโพสต์โดยละเอียดเพื่อให้คุณอ่านหากคุณต้องการอ่าน ฉันชอบใช้ Divi Builder สำหรับหน้าเว็บทั้งหมดที่การจองโรงแรมสร้างขึ้น

คุณสามารถเพิ่มรหัสย่อสำหรับองค์ประกอบได้ แม้แต่ใน Divi Builder แต่ตัวเลือกการออกแบบยังคงมีจำกัด ซึ่งแก้ไขได้โดยใช้โมดูล Divi การใช้ Divi Builder ทำให้ง่ายต่อการสร้างสไตล์ที่เป็นเอกลักษณ์สำหรับหน้าเว็บของคุณ และเพิ่มองค์ประกอบที่แน่นอนภายในเค้าโครงที่คุณต้องการได้อย่างง่ายดาย

MotoPress มีธีมให้เช่าโรงแรมและที่พักหลายแบบสำหรับ WordPress ฉันต้องการดูเค้าโครง Divi สองสามรายการที่เพิ่มลงในรายการ ธีมที่หรูหรามีเลย์เอาต์หลายแบบที่เหมาะกับโรงแรมและธุรกิจให้เช่าที่พักพร้อมอาหารเช้า ดังนั้นการใช้ Hotel Booking & Divi Integration จึงเป็นธรรมชาติ

หากคุณสร้างเว็บไซต์โรงแรมและเช่าด้วย Divi คุณต้องรวม Divi การจองโรงแรม ฉันขอแนะนำอย่างยิ่งให้ใช้ปลั๊กอินการจองโรงแรมเวอร์ชันฟรีพร้อมกับ Add-on ของ Hotel Booking & Divi Integration ตอนนี้ฉันต้องไปวางแผน B&B ของฉัน

เราต้องการได้ยินจากคุณ คุณเคยลองจองโรงแรม & Divi Integration แล้วหรือยัง? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็นด้านล่าง

ภาพเด่นโดย ศิระ อนามวงศ์ / shutterstock.com