تسليط الضوء على Divi Plugin: حجز الفندق وتكامل Divi

يعد حجز الفنادق من MotoPress أحد أكثر ملحقات الحجز شيوعًا في WordPress. إنه يتكامل بشكل جيد مع Divi ، ولكن كمكوِّن إضافي مستقل ، فإنه لا يستفيد من Divi Builder وميزات التصميم الخاصة به. أصبح تكامل Divi لحجز الفنادق ممكنًا باستخدام المكون الإضافي Hotel Booking & Divi Integration من MotoPress.

باستخدام الإصدار المجاني أو المتميز من حجز الفنادق ، من السهل إضافة ميزة حجز فندق إلى أي موقع ويب لـ Divi وتصميمه باستخدام Divi Builder. في هذه المقالة ، سنلقي نظرة على المكونات الإضافية والخيارات المختلفة ، ونرى كيف تعمل مع Divi Builder ، ونرى مدى تكاملها مع تخطيطات Divi.

ملحقات حجز الفنادق

فيما يلي نظرة على الإضافات الإضافية لتكامل Divi لحجز الفندق.

حجز الفنادق لايت

الإصدار Lite من Hotel Booking مجاني. إنه مكون إضافي لتأجير العقارات مصمم خصيصًا لشركات الإسكان. يمكنه التعامل مع عدد غير محدود من الغرف ، وتوفير تفاصيل الممتلكات ، والبحث الذكي ، والمتغيرات غير المحدودة للأسعار ، وفترات الإقامة الدنيا والحد الأقصى ، والخدمات الإضافية المجانية أو المدفوعة ، والقسائم ، والضرائب ، وأماكن الإقامة المتعددة لكل ضيف ، وغير ذلك الكثير.

ويشمل أيضًا عملات متعددة ، وترجمة ، وأكواد قصيرة ، وعناصر واجهة مستخدم. يحتوي على كل ما تحتاجه للبدء في إدارة الممتلكات ويتضمن تكامل PayPal. بالنسبة لهذه المقالة ، سأستخدم الإصدار البسيط.

حجز الفنادق برو

يضيف الإصدار الاحترافي المزيد من بوابات الدفع ، والمزامنة التلقائية مع OTAs (تقويمات التبادل) ، والقدرة على إضافة الحجوزات من الواجهة الخلفية ، والتسعير المتغير بناءً على عدد الضيوف والليالي التي يقيمون فيها وخيارات أخرى ، وأولوية التحديثات والدعم.

حجز الفنادق وتكامل Divi

Hotel Booking & Divi Integration هو إضافة مجانية تضيف وحدات جديدة إلى Divi Builder حتى تتمكن من إنشاء صفحات الحجز وتصميمها باستخدام Divi. تسمح الوحدات النمطية لـ Divi بتصميم وعرض أماكن الإقامة كقوائم ، كإقامة فردية ، أو خدمات ، أو نماذج ، أو عمليات بحث ، إلخ. وتتضمن ميزات لتمكين أو تعطيل كل عنصر تقريبًا حتى تتمكن من تخصيص طريقة عرضها. يعمل التصميم باستخدام وحدات Divi بنفس طريقة عمل أي وحدة نمطية بحيث يكون لديك سيطرة كاملة على شكلها.

استخدام حجز الفنادق وتكامل Divi

الصفحات الجديدة الافتراضية لحجز الفنادق

بمجرد تثبيت المكون الإضافي Hotel Booking ، سترى رسالة لتثبيت الصفحات. هذه هي الصفحات التي يستخدمها محرك حجز الفنادق للمعاملات ، وما إلى ذلك ، لذا أوصيك بإنشائها. انقر فوق الزر.

تتم إضافة ثماني صفحات منشورة جديدة إلى تثبيت WordPress الخاص بك. تحتوي هذه الصفحات على العنوان ورمز قصير يخبر نظام الحجز بالصفحات التي يجب استخدامها لتوفير المعلومات. سيتم استخدام هذه الصفحات إذا لم تكن تستخدم Divi Builder. أفضل إنشائها بنقرة واحدة ثم تخصيص كل واحدة باستخدام Divi. يخبرك هذا بالضبط بالصفحات التي تحتاج إلى إنشائها.

بالطبع ، يمكنك أيضًا استخدام الرموز القصيرة من هذه الصفحات في تخطيطات أخرى ، لكنك لن تحتاج إليها بفضل وحدات Divi Builder.

هذا مثال على صفحة التسهيلات. يقوم بإضافة العنوان والرمز المختصر لعرضها. يعرض شريط تمرير الصورة المميزة والمعرض ومعلومات حول كل منها. لقد أضفت الأداة إلى الشريط الجانبي لإظهار أنواع أماكن الإقامة.

وحدات Divi

يتم إضافة وحدات جديدة إلى Divi Builder. يشملوا:

• قائمة
• معدلات
• خدمات أكوم
• استمارة الحجز
• توفر البحث
• أكوم واحد.

تتيح لك هذه الوحدات إنشاء صفحات كاملة باستخدام Divi أو إضافة ميزات فردية ضمن تخطيطات Divi.

أمثلة وحدة Divi

لقد أعدت إنشاء نفس التصميم مثل صفحة أماكن الإقامة باستخدام Divi Builder. أضفت الشريط الجانبي فقط للمباراة.

النتيجة متشابهة جدا. بالطبع ، يمكننا الآن اللعب بخيارات التصميم والتخطيط.

تمنحك الوحدات تحكمًا كاملاً في ما يتم عرضه.

يتضمن الكثير من التخصيصات حتى تتمكن من التحكم في عناصر مثل الفئات والعلامات والفرز والترتيب حسب الرقم الذي سيتم عرضه على الصفحة وما إلى ذلك. حتى أنه يحتوي على خيار علاقة منطقية للمساعدة في تحديد التصنيفات عندما يكون هناك أكثر من واحد.

لقد قمت بتعيينه لإظهار واحد لكل صفحة حسب التاريخ بترتيب تصاعدي. الصفحة بالفعل أنظف وأسهل في الاستخدام. لقد قمت بإزالة الوصف وزر الحجز. الصورة المميزة عبارة عن شريط تمرير به عناصر تحكم. نظرًا لأنني قمت بتحديد عدد أماكن الإقامة التي يمكن عرضها ، فإنها تضيف ترقيم الصفحات تلقائيًا.

هنا ، أضفت المقتطف والتفاصيل مرة أخرى ، وأقوم بتصميم النص في علامة تبويب التصميم باستخدام أداة إنشاء الواجهة الأمامية. لقد أضفت ظل الصندوق مع بعض الحشو.

يمكنك أيضًا تحديد أماكن الإقامة التي سيتم عرضها بناءً على المعرفات. في هذا المثال ، قمت بإنشاء تخطيط جديد باستخدام وحدتين من وحدات قائمة الإقامة. يعرض كل واحد معرفًا محددًا. وهي تشمل ظل الصندوق والتباعد.

تتيح لك وحدة الإقامة الفردية عرض أي مكان تريده بناءً على الهوية. يتضمن نفس ميزات وحدة القائمة لتعطيل أو تصميم أي عنصر من العناصر.

تتيح وحدة توفر البحث للزائرين البحث بناءً على تاريخ تسجيل الوصول وتاريخ المغادرة وعدد البالغين وعدد الأطفال. يمكنك تعيين الحدود وإضافة سمات. يتضمن ثلاثة تخطيطات. هذا هو الافتراضي. لقد أضفت ظل الصندوق بحيث يظل بعيدًا عن الخلفية.

هذا هو تخطيط المركز الأفقي. سيعمل هذا بشكل رائع كقسم خاص به داخل صفحة مقصودة. يبدو Horizontal Left بنفس الشكل ولكنه يضع مربع البحث على اليسار. في هذا المثال ، أضفت حدًا ، وغيرت لون الخلفية ، وغيرت لون الخط ، وقمت بتعيين خطوط عنوان الحقل على أحرف كبيرة.

تعرض وحدة خدمات الإقامة جميع الخدمات أو الخدمات المحددة بناءً على المعرفات. يتضمن جميع ميزات التصميم نفسها التي اعتدنا عليها. بدون معرف سيتم عرض جميع الخدمات في قائمة. تعني إضافة المعرّف أنه يمكنك وضع أي خدمة في أي مكان وإظهار خدمات متعددة في أي تخطيط باستخدام وحدات نمطية متعددة.

دمج حجز الفنادق في تخطيطات Divi

يمكن تخصيص أي من تخطيطات Divi لإنشاء موقع ويب خاص بالفندق ، ولكن هناك القليل منها يعمل بشكل مثالي بدون الكثير من التغييرات مثل Real Estate و Travel Blog و Bed and Breakfast. أنا أستخدم Bed and Breakfast (وبفضل كتابة هذا المقال ، أريد الآن أن أبدأ المبيت والإفطار).

في هذا المثال ، قمت بإزالة الدعاية والزر وأضفت وحدة توفر البحث إلى منطقة البطل في الصفحة المقصودة. إنه يستخدم التخطيط الأفقي الأيسر. لقد تركت الإعدادات الافتراضية.

في هذا المثال ، قمت باستبدال الفيديو المضمن بمعرض تحته بوحدة قائمة الإقامة. لقد قمت بتعيينه لإظهار واحد ، ولكنه يتضمن ترقيم الصفحات إذا كنت تريد رؤية المزيد. لقد عطلت معظم النص ، لكنه يظهر زر التفاصيل.

يبدو الأمر مشابهًا تمامًا للقسم الأصلي في هذا التصميم ، ولكن يمكننا الآن اختيار غرف أو أماكن إقامة معينة لعرضها وتغييرها ببساطة عن طريق لصق بطاقات الهوية الخاصة بهم. يساعد ترقيم الصفحات أيضًا على توفير مزيد من المعلومات في نفس المساحة.

خواطر ختامية

حجز الفنادق و Divi Integration سهل الإعداد والاستخدام. لم أحتاج مطلقًا إلى قراءة التعليمات ، لكنها تتضمن منشور مدونة تفصيليًا لتخطيها إذا كنت ترغب في قراءتها. أحب استخدام Divi Builder لجميع الصفحات التي ينشئها Hotel Booking.

من الممكن إضافة رموز قصيرة للعناصر ، حتى داخل Divi Builder ، لكن خيارات التصميم لا تزال محدودة ، والتي يتم حلها باستخدام وحدات Divi النمطية. يجعل استخدام Divi Builder من السهل جدًا إنشاء بعض التصميم الفريد لصفحاتك ومن السهل إضافة العناصر الدقيقة داخل التخطيطات التي تريدها.

لدى MotoPress العديد من سمات تأجير الفنادق والعقارات المتاحة لـ WordPress. أود أن أرى بعض تخطيطات Divi مضافة إلى القائمة. تحتوي السمات الأنيقة بالفعل على العديد من التخطيطات التي تعمل بشكل رائع للفنادق وأنواع الإقامة والإفطار في أعمال التأجير ، لذا فإن استخدام Hotel Booking & Divi Integration يبدو أمرًا طبيعيًا.

إذا قمت ببناء مواقع الفنادق والتأجير باستخدام Divi ، فأنت بحاجة إلى تكامل Divi لحجز الفنادق. أوصي بشدة باستخدام الإصدار المجاني من المكون الإضافي Hotel Booking مع الوظيفة الإضافية Hotel Booking & Divi Integration. الآن يجب أن أذهب إلى خطة بي & بي.

نريد أن نسمع منك. هل جربت حجز الفنادق و Divi Integration؟ أخبرنا برأيك في التعليقات أدناه.

صورة مميزة عبر Sira Anamwong / shutterstock.com