Cards

כרטיס מייצג ספק יחיד (למשל, מלון או ספק חוויות) או מלאי (למשל, סוג חדר, חדר ישיבות, ספא וכו’) וחושף את הפרטים באמצעות ממשק משתמש אינטראקטיבי לכרטיס, הניתן להזמנה. משתמש יכול לקיים אינטראקציה עם כרטיס בדרכים הבאות:

לחץ על הBookכפתור.
לחץ על הGalleryקישור לצפייה בכל התמונות והסרטונים עבור מלאי זה.
קליקBest dealקישור, אם זמין, כדי לראות את החדר במחיר הטוב ביותר.
קליקHotel detailsקישור, אם קיים, כדי לראות מידע על הנכס.

כרטיס תומך במספר פנים כדי למזער את גודל הכרטיס ולסווג את הנתונים; מה שהופך אותו לקל לשימוש על ידי המשתמש ומעניק לך סיכוי גדול יותר להמיר את המשתמש להזמנה.

לקלף יש שניים או שלושה צדדים:

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

תצוגה מקדימה של הכרטיס — *כרטיס חדר עם חזית, עם זמינות*

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

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

צור כרטיס

למעלה תמונה שנלקחה מלְחַפֵּשׂומראה לך כמה מהדברים שאתה יכול לעשות עם תוצאות החיפוש שלך. אחת מהפעולות הללו היאMake a card. לחץ על כפתור זה והוא יפנה אותך לדף טופס הכרטיס שלנו, שם תוכל להתחיל להתאים אישית את הכרטיס שלך.

התאמה אישית של הכרטיס

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

תנו לזה שם כדי שתזכרו על מה הכרטיס.
בחר את התאמה אישית אתה רוצה להגיש בקשה לכרטיס הזה.
בחר את הצד הראשוני של הכרטיס שברצונך שהמשתמשים יראו תחילה. כברירת מחדל, זהו הצד המקורי של המלאי.
בחר את badge שברצונך להשתמש בו בכרטיס. תג מאפשר למשתמשים להשוות מלאי על פי מדד מצטבר כגון eco-friendly.
הוסף מילות מפתח, מופרדות בפסיק, שישמשו את סורקי אתרים.
הוסיפו כותרות ותיאורים בשפות שברצונכם שהמשתמש יראה.
בחר תמונה אחת, או יותר, שיוצגו כאשר משתמשים ילחצו על Gallery לְקַשֵׁר.
לחץ על ה Save כפתור כדי להמשיך.

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

כרטיס שיתוף

כַּרְטִיס — *כרטיס עם תפריט פעולות מכווץ*

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

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

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

לְשַׁבֵּץ

<html>
  <head>
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
  </head>
  <body>
    <wink-content-loader
       layout="GUEST_ROOM"
       id="2de7ee9c-61c9-11ef-9722-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

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

קריאה נוספת

למידע נוסף על הקולקציה שלנו שלרכיבי אינטרנט.
למידע נוסף על התוסף וורדפרס Wink.