الشبكات

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

التنقل عبر الشبكة بالنقر على زر عرض المزيد (عندما تتوفر عناصر إضافية).

معاينة الشبكة — *شبكة تعرض أنواع غرف متعددة*

أعلاه مثال لشبكتنا تعرض قائمة ببطاقات أنواع الغرف.

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

أنواع الشبكات

هناك ثلاثة أنواع من الشبكات:

شبكة تعتمد على قائمة منسقة.
شبكة تعتمد على بحث محفوظ.
شبكة تعتمد على موقع ومعايير ترتيب (أي شبكة مرتبة).

شبكة القائمة المنسقة

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

الإنشاء

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

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

تم إنشاء شبكتك. انتقل إلى الشبكات من شريط التنقل الرئيسي وانقر على تبويب منسقة لرؤية شبكتك الجديدة.

التخصيص

يتيح لك النموذج تخصيص شبكتك بالطرق التالية:

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

المشاركة

*إدخال شبكة القائمة المنسقة مع قائمة الإجراءات المطوية*

أعلاه صورة تعرض جميع الإجراءات المتاحة لشبكتك:

تحديث تحديث تكوين شبكتك.
إضافة إلى WinkLinks يضيف الشبكة إلى حساب WinkLinks الخاص بك.
تضمين يوضح لك كيفية تضمين هذه الشبكة كـ شبكة في موقعك.
الاستخدام مع WordPress يوضح لك كيفية استخدام إضافة WordPress لتضمين هذه الشبكة في موقعك.

نغطي بعض هذه الخيارات بمزيد من التفصيل أدناه.

التضمين

<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 وإخباره بجلب تفضيلات التكوين على مستوى الصفحة.

شبكة البحث المحفوظ

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

الإنشاء

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

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

انقر على زر موافق للمتابعة.

تم إنشاء شبكتك. انتقل إلى الشبكات من شريط التنقل الرئيسي وانقر على تبويب البحث لرؤية شبكتك الجديدة.

التخصيص

يتيح لك النموذج تخصيص شبكتك بالطرق التالية:

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

المشاركة

*إدخال شبكة البحث المحفوظ مع قائمة الإجراءات المطوية*

التضمين

<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 وإخباره بجلب تفضيلات التكوين على مستوى الصفحة.

الشبكة المرتبة

الإنشاء

أنشئ شبكة مرتبة بالانتقال إلى الشبكات وانقر على تبويب مرتبة. انقر على زر إنشاء شبكة مرتبة.

التخصيص

يتيح لك النموذج تخصيص شبكتك المرتبة بالطرق التالية:

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

بعد حفظ شبكتك المرتبة، سيتم توجيهك إلى صفحة الشبكات المرتبة الخاصة بك وأصبحت شبكتك جاهزة للمشاركة مع العالم.

المشاركة

أعلاه صورة تعرض جميع الإجراءات المتاحة لشبكتك المرتبة:

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

نغطي بعض هذه الخيارات بمزيد من التفصيل أدناه.

التضمين

<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

يمكن للمطورين الذين يرغبون في إدارة الشبكات التوجه إلى المطورون > API > المخزون.

قراءة إضافية

تعرّف أكثر على مجموعتنا من مكونات الويب.
تعرّف أكثر على إضافة WordPress الخاصة بـ Wink.