تخطَّ إلى المحتوى

زر الحجز الآن

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

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

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

للتكامل الأبسط، نوصي باستخدام رابط قابل للمشاركة.

إليك الخطوات للقيام بذلك:

  1. اذهب إلى https://extranet.wink.travel
  2. انقر على تسجيل الدخول / تسجيل في الزاوية العلوية اليمنى وقم بتسجيل الدخول بحساب المستخدم الخاص بك.
  3. اختر العقار الذي تريد العمل عليه من القائمة المنسدلة في الأعلى على اليسار.
  4. انقر على محرك الحجز في شريط التنقل.
  5. ستظهر لك الصفحة رابطك.
  6. أعطِ هذا الرابط لمطور موقعك واستخدمه لزر الحجز الآن الخاص بك.
  7. أنت ✅.

الرابط يأتي بالفعل مع مسار رحلة مدمج في عنوان URL، والذي ينشأ من التخصيص الذي اخترته. يمكنك تخصيص رابطك أكثر عن طريق:

  • تغيير التخصيص المحدد أو
  • تجاوز مسار الرحلة

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

إليك كيفية تمرير مسار الرحلة الخاص بك مع عنوان URL.

معلمات الطلب الصالحة:

  • sd لإضافة تاريخ بداية: sd=2024-08-24
  • n لإضافة عدد الليالي: n=1 أو
  • ed استخدام تاريخ النهاية: ed=2024-08-25
  • rc الضيوف: rc=a2 (البالغون: 2)
  • l طلب لغة العرض: l=es
  • c طلب عملة العرض: c=EUR
  • p إضافة عرض ترويجي: p=ABC123

سيبدو عنوان URL هكذا:

https://trvl.as/abc123?sd=2024-08-24&n=1&rc=a2&l=es&c=EUR

لحالات الاستخدام الأكثر تقدمًا، يمكنك أيضًا طلب تكوينات غرف متعددة باستخدام علامة +:

مثال:

https://trvl.as/abc123?sd=2024-08-24&n=1&rc=a2-ca16q1-ca8q1+a2&l=es&c=EUR

  • نوع الغرفة 1 = بالغون: 2، أطفال: 2 = 16 سنة + 8 سنوات.
  • نوع الغرفة 2 = بالغون: 2.

مثال على HTML لزر الحجز الآن:

يفترض هذا المثال أنك تستخدم Bootstrap كمكتبة CSS الأساسية لديك.

<a
href="https://trvl.as/abc123"
target="_blank"
class="btn btn-lg btn-primary"
title="احجز غرفة"
>
الحجز الآن
</a>

هناك فوائد أخرى لاستخدام أحد روابطنا كزر الحجز الآن الخاص بك.

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

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

إليك الخطوات للقيام بذلك:

  1. اذهب إلى https://studio.wink.travel
  2. انقر على تسجيل الدخول / تسجيل في الزاوية العلوية اليمنى وقم بتسجيل الدخول بحساب المستخدم الخاص بك.
  3. اختر العقار الذي تريد العمل عليه من الزاوية العلوية اليسرى.
  4. انقر على بحث من شريط التنقل الرئيسي.
  5. اكتب اسم عقارك وانقر على زر البحث.
  6. انقر على رابط الإجراءات في بطاقة نتائج البحث واختر إنشاء > إنشاء بطاقة.
  7. سيؤدي هذا إلى إنشاء بطاقة.
  8. ستظهر رسالة في الزاوية العلوية اليمنى تخبرك بأن بطاقتك جاهزة وإذا كنت تريد تخصيصها أكثر.
  9. انقر على الأدوات > البطاقات من شريط التنقل الرئيسي وسترى بطاقتك الجديدة.
  10. انقر على رابط الإجراءات في بطاقة الرابط وانقر على تضمين.
  11. سيفتح هذا نافذة جديدة مع كود HTML يمكنك نسخه.
  12. لاسترداد معرف العميل الخاص بك، اذهب إلى التطبيقات.
  13. لاسترداد معرف التكوين الخاص بك، اذهب إلى التخصيص
  14. أنت ✅.

مثال على HTML لبطاقة مضمّنة:

<wink-content-loader
layout="GUEST_ROOM"
id="09d7cca4-6ff6-11ef-949b-42004e494300"
></wink-content-loader>

العينة أعلاه من HTML لا تتضمن CSS و Javascript الخاصة بـ Wink؛ فقط البطاقة.

معاينة البطاقة
بطاقة نوع الغرفة الأمامية مع التوافر

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