דלגו לתוכן

Grids

רשת מייצגת רשימה של ספקים ומלאי וחושפת את הפרטים באמצעות ממשק משתמש אינטראקטיבי וניתן להזמנה. הרשת תומכת בהצגת כל מלאי מהרשימה שנבחרה או מהחיפוש השמור. משתמש מקיים אינטראקציה עם רשת באותו אופן שבו הוא מקיים אינטראקציה עם אדם אחר.כַּרְטִיסעם תכונה נוספת אחת:

  1. דפדוף ברשת על ידי לחיצה עלShow moreכפתור (כאשר פריטים נוספים זמינים).
תצוגה מקדימה של הרשת
רשת המציגה סוגי חדרים מרובים

למעלה מוצגת דוגמה לרשת שלנו המציגה רשימה של כרטיסי סוגי חדרים.

שאר המאמר יסביר לכם כיצד ליצור, להתאים אישית ולחשוף את הרשת למשתמשים שלכם.

ישנם שלושה סוגים של רשתות:

  1. רשת המבוססת עלרשימה אוצרת.
  2. רשת המבוססת עלחיפוש שמור.
  3. רשת רשת המבוססת על מיקום וקריטריוני מיון (כלומר רשת מדורגת).

זוהי טבלה המשתמשת במלאי שאספתם באחת הרשימות שנבחרו, וממירה את הרשימה למלאי נסיעות הניתן להזמנה שתוכלו להציג למשתמשים שלכם.

נווט אלInventory > Curated Listsמסרגל הניווט הראשי. בדוגמה זו, נשתמש ב-Favoritesרשימה. אם עדיין לא הוספת דבר לרשימה שלךFavorites, לך אללְחַפֵּשׂכדי ללמוד איך.

צור רשת רשימת אוצרות
צור טופס רשת של רשימה אוצרת
  1. לחץ על ה Actions כפתור על ה- Favorites רְשִׁימָה.
  2. לחץ על ה Create a grid לַחְצָן.
  3. ייפתח חלון חדש שיאפשר לך לתת שם לרשת שלך. ראה למטה.
  4. נְקִישָׁה OK כפתור כדי להמשיך.

הרשת שלך נוצרה. נווט אלTools > Gridsמסרגל הניווט הראשי ולחצו על הלחצןCurated Gridsלחיצה על הכרטיסייה תראה את הרשת החדשה שלך.

הטופס מאפשר לך להתאים אישית את הרשת שלך בדרכים הבאות:

  1. תן לזה שם כדי שתזכור על מה הרשת.
  2. בחר את התאמה אישית שברצונך להחיל על רשת זו.
  3. בחר את הצד הראשוני של הכרטיס שברצונך שהמשתמשים יראו תחילה. כברירת מחדל, זהו הצד המקורי של המלאי.
  4. בחר את התג שברצונך להשתמש בו בכרטיס. תג מאפשר למשתמשים להשוות מלאי על פי מדד מצטבר כגון eco-friendly.
  5. הוסף מילות מפתח, מופרדות בפסיק, שישמשו את סורקי אתרים.
  6. הוסיפו כותרות ותיאורים בשפות שברצונכם שהמשתמש יראה.
  7. לחץ על ה Save כפתור כדי להמשיך.
רשת רשימות שנבחרה
ערך רשת רשימה אוצרה עם תפריט פעולות מכווץ

למעלה מוצגת תמונה עם כל הפעולות הזמינות עבור הרשת שלך:

  • לְעַדְכֵּןמעדכן את תצורת הרשת שלך.
  • הוסף ל-WinkLinksמוסיף את הרשת לחשבון WinkLinks שלך.
  • לְשַׁבֵּץמראה לך כיצד להטמיע את הרשת הזו כ-רֶשֶׁתלתוך אתר האינטרנט שלך.
  • שימוש עם וורדפרסמראה לכם כיצד להשתמש בשירותינותוסף וורדפרסכדי להטמיע את הרשת הזו באתר האינטרנט שלך.

נכסה חלק מהאפשרויות הללו, ביתר פירוט, להלן.

<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רכיב אינטרנט והורה לו לאחזר רשת עבור הקוד שלך.
  • שורה 11 מראה לכם כיצד להטמיע את קוד ה-Javascript שלנו באתר שלכם.
  • שורה 13 מראה לך כיצד להטמיע אתטוען אפליקציות winkרכיב האינטרנט והורה לו לאחזר את העדפות התצורה שלך ברמת הדף.

זוהי טבלה המשתמשת במלאי בשאילתת החיפוש השמורה שלך וממירה את תוצאות החיפוש למלאי נסיעות הניתן להזמנה שתוכל להציג למשתמשים שלך.

נווט אלInventory > Saved searchesמסרגל הניווט הראשי. אם עדיין לא יצרת חיפוש שמור, עבור אללְחַפֵּשׂכדי ללמוד איך.

צור רשת חיפוש שמורה
צור טופס רשת חיפוש שמור
  1. לחץ על ה Actions כפתור בחיפוש השמור שלך.
  2. לחץ על ה Create a grid לַחְצָן.
  3. ייפתח חלון חדש שיאפשר לך לתת שם לרשת שלך. ראה למטה.
  1. קליקOKכפתור כדי להמשיך.

הרשת שלך נוצרה. נווט אלTools > Gridsמסרגל הניווט הראשי ולחצו על הלחצןSaved Search Gridsלחיצה על הכרטיסייה תראה את הרשת החדשה שלך.

הטופס מאפשר לך להתאים אישית את הרשת שלך בדרכים הבאות:

  1. תן לזה שם כדי שתזכור על מה הרשת.
  2. בחר את התאמה אישית שברצונך להחיל על רשת זו.
  3. בחר את הצד הראשוני של הכרטיס שברצונך שהמשתמשים יראו תחילה. כברירת מחדל, זהו הצד המקורי של המלאי.
  4. בחר את התג שברצונך להשתמש בו בכרטיס. תג מאפשר למשתמשים להשוות מלאי על פי מדד מצטבר כגון eco-friendly.
  5. הוסף מילות מפתח, מופרדות בפסיק, שישמשו את סורקי אתרים.
  6. הוסיפו כותרות ותיאורים בשפות שברצונכם שהמשתמש יראה.
  7. לחץ על ה Save כפתור כדי להמשיך.
רשת חיפוש שמורה
ערך רשת חיפוש שנשמר עם תפריט פעולות מכווץ
<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רכיב אינטרנט והורה לו לאחזר רשת עבור הקוד שלך.
  • שורה 11 מראה לכם כיצד להטמיע את קוד ה-Javascript שלנו באתר שלכם.
  • שורה 13 מראה לך כיצד להטמיע אתטוען אפליקציות winkרכיב האינטרנט והורה לו לאחזר את העדפות התצורה שלך ברמת הדף.

צור רשת מדורגת על ידי ניווט אלTools > Gridsולחצו על ה-Ranked Gridלשונית. לחץ עלCreate ranked gridכפתור.

הטופס מאפשר לך להתאים אישית את טבלת הדירוג שלך בדרכים הבאות:

  1. בחר יעד. לדוגמה טוקיו.
  2. תן לזה שם כדי שתזכור על מה הרשת. לדוגמה, מלונות ידידותיים לסביבה בטוקיו
  3. בחר את התאמה אישית שברצונך להחיל על רשת זו.
  4. בחר את הצד הראשוני של הכרטיס שברצונך שהמשתמשים יראו תחילה. כברירת מחדל, זהו הצד המקורי של המלאי.
  5. בחר לפי איזה מאפיין למיין מאפיינים. לדוגמה, ידידותיות לסביבה.
  6. הוסף מילות מפתח, מופרדות בפסיק, שישמשו את סורקי אתרים.
  7. הוסיפו כותרות ותיאורים בשפות שברצונכם שהמשתמש יראה.
  8. לחץ על ה Save כפתור כדי להמשיך.

לאחר שמירת הרשת המדורגת, תועברו לדף הרשתות המדורגות והרשת שלכם מוכנה כעת לשיתוף עם העולם.

רשת מדורגת
רשת מדורגת עם תפריט פעולות מכווץ

למעלה מוצגת תמונה עם כל הפעולות הזמינות עבור רשת הדירוגים שלך:

  • לְעַדְכֵּןמעדכן את תצורת הרשת שלך.
  • הוסף ל-WinkLinksמוסיף את טבלת הדירוגים לחשבון WinkLinks שלך.
  • לְשַׁבֵּץמראה לך כיצד להטמיע את הרשת הזו כ-רֶשֶׁתלתוך אתר האינטרנט שלך.
  • שימוש עם וורדפרסמראה לכם כיצד להשתמש בשירותינותוסף וורדפרסכדי להטמיע כרטיס זה באתר שלך.

נכסה חלק מהאפשרויות הללו, ביתר פירוט, להלן.

<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רכיב אינטרנט ולהורות לו לאחזר רשת מדורגת עבור הקוד שלך.
  • שורה 11 מראה לכם כיצד להטמיע את קוד ה-Javascript שלנו באתר שלכם.
  • שורה 13 מראה לך כיצד להטמיע אתטוען אפליקציות winkרכיב האינטרנט והורה לו לאחזר את העדפות התצורה שלך ברמת הדף.

מפתחים שרוצים לנהל רשתות יכולים לגשת אלמפתחים > API > מלאי.