جوست

تتيح لك ميزة حقن الشيفرة المدمجة في جوست إضافة سكريبتات إلى <head> و</body> العام لمنشورك. تدعم جميع خطط جوست حقن الشيفرة، مما يسهل تضمين مكونات Wink في أي صفحة أو منشور.

تحميل سكريبتات Wink على مستوى الموقع

في لوحة إدارة جوست، اذهب إلى الإعدادات → حقن الشيفرة.

في مربع رأس الموقع، أضف ورقة الأنماط:

<link rel="stylesheet" href="https://elements.wink.travel/styles.css">

في مربع تذييل الموقع، أضف السكريبت ومحمل التطبيق (استبدل YOUR_CLIENT_ID):

<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader client-id="YOUR_CLIENT_ID"></wink-app-loader>

اضغط حفظ.

إضافة مكون إلى منشور أو صفحة

يدعم محرر جوست بطاقة HTML تتيح لك إدراج HTML خام في أي مكان في المحتوى.

افتح المنشور أو الصفحة في محرر جوست.
اكتب / لفتح منتقي البطاقات واختر HTML.

الصق كود المكون، على سبيل المثال:

<wink-content-loader
  layout="HOTEL"
  id="YOUR_LAYOUT_ID"
></wink-content-loader>

اضغط خارج البطاقة للمعاينة، ثم انشر.

حقن الشيفرة لكل صفحة

للمكون الذي يجب أن يظهر في صفحة واحدة فقط، يدعم جوست أيضًا حقن الشيفرة لكل صفحة:

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

المكونات المتاحة

المكون	وسم HTML	الغرض
محمل المحتوى	`<wink-content-loader>`	عرض بطاقات الفنادق، الشبكات، الخرائط
البحث	`<wink-lookup>`	شريط بحث عن الوجهات
زر البحث	`<wink-search-button>`	فتح منتقي خط الرحلة
زر الحساب	`<wink-account-button>`	تسجيل الدخول / قائمة المستخدم
زر خط الرحلة	`<wink-itinerary-button>`	عرض خط الرحلة الحالي
منتقي خط الرحلة	`<wink-itinerary-picker>`	نموذج خط الرحلة الكامل
عربة التسوق	`<wink-shopping-cart-button>`	زر ملخص العربة

راجع مكونات الويب للمرجع الكامل للسمات.