الشبكات
تمثل الشبكة قائمة من الموردين والمخزون وتعرض التفاصيل عبر واجهة مستخدم تفاعلية قابلة للحجز. تدعم الشبكة عرض أي مخزون من قائمتك المنسقة أو البحث المحفوظ. يتفاعل المستخدم مع الشبكة بنفس الطريقة التي يتفاعل بها مع بطاقة فردية مع ميزة إضافية واحدة:
- التنقل عبر الشبكة بالنقر على زر
عرض المزيد(عندما تتوفر عناصر إضافية).
أعلاه مثال لشبكتنا تعرض قائمة ببطاقات أنواع الغرف.
يرشدك بقية هذا المقال خلال كيفية إنشاء الشبكة وتخصيصها وعرضها لمستخدميك.
أنواع الشبكات
Section titled “أنواع الشبكات”هناك ثلاثة أنواع من الشبكات:
- شبكة تعتمد على قائمة منسقة.
- شبكة تعتمد على بحث محفوظ.
- شبكة تعتمد على موقع ومعايير فرز (أي شبكة مرتبة).
شبكة القائمة المنسقة
Section titled “شبكة القائمة المنسقة”هذه شبكة تستخدم المخزون الذي جمعته في إحدى قوائمك المنسقة وتحول القائمة إلى مخزون سفر قابل للحجز يمكنك عرضه لمستخدميك.
الإنشاء
Section titled “الإنشاء”انتقل إلى المخزون > القوائم المنسقة من شريط التنقل الرئيسي. في هذا المثال، سنستخدم قائمتك المفضلة.
إذا لم تضف شيئًا بعد إلى المفضلة، اذهب إلى البحث لتتعلم كيف.
- انقر على زر
الإجراءاتفي قائمةالمفضلة. - انقر على زر
إنشاء شبكة. - ستظهر نافذة جديدة تتيح لك تسمية شبكتك. انظر أدناه.
- انقر على زر
موافقللمتابعة.
تم إنشاء شبكتك. انتقل إلى الأدوات > الشبكات من شريط التنقل الرئيسي وانقر على تبويب الشبكات المنسقة لرؤية شبكتك الجديدة.
التخصيص
Section titled “التخصيص”يتيح لك النموذج تخصيص شبكتك بالطرق التالية:
- امنحها اسمًا لتتذكر به موضوع الشبكة.
- اختر التخصيص الذي تريد تطبيقه على هذه الشبكة.
- اختر وجه البطاقة الأولي الذي تريد أن يراه المستخدمون أولاً. بشكل افتراضي، هو الوجه الأصلي لذلك المخزون.
- اختر الشارة التي تريد استخدامها على البطاقة. تتيح الشارة للمستخدمين مقارنة المخزون على مقياس إجمالي مثل
صديق للبيئة. - أضف كلمات مفتاحية، مفصولة بفواصل، ستستخدمها زواحف الويب.
- أضف عناوين وأوصافًا باللغات التي تريد أن يراها المستخدم.
- انقر على زر
حفظللمتابعة.
المشاركة
Section titled “المشاركة”أعلاه صورة تعرض جميع الإجراءات المتاحة لشبكتك:
- تحديث تحديث تكوين شبكتك.
- إضافة إلى WinkLinks يضيف الشبكة إلى حساب WinkLinks الخاص بك.
- تضمين يوضح لك كيفية تضمين هذه الشبكة كـ شبكة في موقعك.
- الاستخدام مع ووردبريس يوضح لك كيفية استخدام إضافة ووردبريس لتضمين هذه الشبكة في موقعك.
نغطي بعض هذه الخيارات، بمزيد من التفصيل، أدناه.
التضمين
Section titled “التضمين”<html> <head> <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link> </head> <body> <wink-content-loader layout="LIST" id="9a212b5e-62a7-11ef-ac3f-42004e494300" ></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader client-id="YOUR CLIENT ID GOES HERE" configuration-id="YOUR CUSTOMIZATION ID GOES HERE" ></wink-app-loader> </body></html>إليك كيفية تضمين شبكتك في موقعك:
- السطر 3 يوضح كيفية تضمين أنماط Wink في موقعك.
- الأسطر من 6 إلى 9 توضح كيفية استخدام مكون الويب wink-content-loader وإخباره بجلب شبكة لرمزك.
- السطر 11 يوضح كيفية تضمين جافاسكريبت الخاص بنا في موقعك.
- السطر 13 يوضح كيفية تضمين مكون الويب wink-app-loader وإخباره بجلب تفضيلات التكوين على مستوى الصفحة.
شبكة البحث المحفوظ
Section titled “شبكة البحث المحفوظ”هذه شبكة تستخدم المخزون في استعلام البحث المحفوظ الخاص بك وتحول نتائج البحث إلى مخزون سفر قابل للحجز يمكنك عرضه لمستخدميك.
الإنشاء
Section titled “الإنشاء”انتقل إلى المخزون > البحوث المحفوظة من شريط التنقل الرئيسي.
إذا لم تنشئ بحثًا محفوظًا بعد، اذهب إلى البحث لتتعلم كيف.
- انقر على زر
الإجراءاتعلى بحثك المحفوظ. - انقر على زر
إنشاء شبكة. - ستظهر نافذة جديدة تتيح لك تسمية شبكتك. انظر أدناه.
- انقر على زر
موافقللمتابعة.
تم إنشاء شبكتك. انتقل إلى الأدوات > الشبكات من شريط التنقل الرئيسي وانقر على تبويب شبكات البحث المحفوظ لرؤية شبكتك الجديدة.
التخصيص
Section titled “التخصيص”يتيح لك النموذج تخصيص شبكتك بالطرق التالية:
- امنحها اسمًا لتتذكر به موضوع الشبكة.
- اختر التخصيص الذي تريد تطبيقه على هذه الشبكة.
- اختر وجه البطاقة الأولي الذي تريد أن يراه المستخدمون أولاً. بشكل افتراضي، هو الوجه الأصلي لذلك المخزون.
- اختر الشارة التي تريد استخدامها على البطاقة. تتيح الشارة للمستخدمين مقارنة المخزون على مقياس إجمالي مثل
صديق للبيئة. - أضف كلمات مفتاحية، مفصولة بفواصل، ستستخدمها زواحف الويب.
- أضف عناوين وأوصافًا باللغات التي تريد أن يراها المستخدم.
- انقر على زر
حفظللمتابعة.
المشاركة
Section titled “المشاركة”التضمين
Section titled “التضمين”<html> <head> <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link> </head> <body> <wink-content-loader layout="LIST" id="be3130d5-62a7-11ef-ac3f-42004e494300" ></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader client-id="YOUR CLIENT ID GOES HERE" configuration-id="YOUR CUSTOMIZATION ID GOES HERE" ></wink-app-loader> </body></html>إليك كيفية تضمين شبكتك في موقعك:
- السطر 3 يوضح كيفية تضمين أنماط Wink في موقعك.
- الأسطر من 6 إلى 9 توضح كيفية استخدام مكون الويب wink-content-loader وإخباره بجلب شبكة لرمزك.
- السطر 11 يوضح كيفية تضمين جافاسكريبت الخاص بنا في موقعك.
- السطر 13 يوضح كيفية تضمين مكون الويب wink-app-loader وإخباره بجلب تفضيلات التكوين على مستوى الصفحة.
الشبكة المرتبة
Section titled “الشبكة المرتبة”الإنشاء
Section titled “الإنشاء”أنشئ شبكة مرتبة بالانتقال إلى الأدوات > الشبكات وانقر على تبويب الشبكة المرتبة. انقر على زر إنشاء شبكة مرتبة.
التخصيص
Section titled “التخصيص”يتيح لك النموذج تخصيص شبكتك المرتبة بالطرق التالية:
- اختر وجهة. مثلاً: طوكيو.
- امنحها اسمًا لتتذكر به موضوع الشبكة. مثلاً: الفنادق الصديقة للبيئة في طوكيو
- اختر التخصيص الذي تريد تطبيقه على هذه الشبكة.
- اختر وجه البطاقة الأولي الذي تريد أن يراه المستخدمون أولاً. بشكل افتراضي، هو الوجه الأصلي لذلك المخزون.
- اختر الخاصية التي تريد فرز العقارات بناءً عليها. مثلاً: الصداقة البيئية.
- أضف كلمات مفتاحية، مفصولة بفواصل، ستستخدمها زواحف الويب.
- أضف عناوين وأوصافًا باللغات التي تريد أن يراها المستخدم.
- انقر على زر
حفظللمتابعة.
بعد حفظ شبكتك المرتبة، سيتم توجيهك إلى صفحة الشبكات المرتبة الخاصة بك وأصبحت شبكتك جاهزة للمشاركة مع العالم.
المشاركة
Section titled “المشاركة”أعلاه صورة تعرض جميع الإجراءات المتاحة لشبكتك المرتبة:
- تحديث تحديث تكوين شبكتك.
- إضافة إلى WinkLinks يضيف الشبكة المرتبة إلى حساب WinkLinks الخاص بك.
- تضمين يوضح لك كيفية تضمين هذه الشبكة كـ شبكة في موقعك.
- الاستخدام مع ووردبريس يوضح لك كيفية استخدام إضافة ووردبريس لتضمين هذه البطاقة في موقعك.
نغطي بعض هذه الخيارات، بمزيد من التفصيل، أدناه.
التضمين
Section titled “التضمين”<html> <head> <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link> </head> <body> <wink-content-loader layout="RANKED" id="2483d55e-62a5-11ef-ac3f-42004e494300" ></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader client-id="YOUR CLIENT ID GOES HERE" configuration-id="YOUR CUSTOMIZATION ID GOES HERE" ></wink-app-loader> </body></html>إليك كيفية تضمين شبكتك في موقعك:
- السطر 3 يوضح كيفية تضمين أنماط Wink في موقعك.
- الأسطر من 6 إلى 9 توضح كيفية استخدام مكون الويب wink-content-loader وإخباره بجلب شبكة مرتبة لرمزك.
- السطر 11 يوضح كيفية تضمين جافاسكريبت الخاص بنا في موقعك.
- السطر 13 يوضح كيفية تضمين مكون الويب wink-app-loader وإخباره بجلب تفضيلات التكوين على مستوى الصفحة.
يمكن للمطورين الذين يرغبون في إدارة الشبكات التوجه إلى المطورون > API > المخزون.
قراءة إضافية
Section titled “قراءة إضافية”- تعرّف أكثر على مجموعتنا من مكونات الويب.
- تعرّف أكثر على إضافة ووردبريس الخاصة بـ Wink.