Skip to content

Cards

Μια κάρτα αντιπροσωπεύει έναν μόνο προμηθευτή (π.χ. ξενοδοχείο ή πάροχο εμπειρίας) ή απόθεμα (π.χ. τύπο δωματίου, αίθουσα συσκέψεων, σπα κ.λπ.) και εμφανίζει τις λεπτομέρειες μέσω ενός διαδραστικού, κρατήσιμου περιβάλλοντος εργασίας χρήστη κάρτας. Ένας χρήστης μπορεί να αλληλεπιδράσει με μια κάρτα με τους ακόλουθους τρόπους:

  • Κάντε κλικ στοBookκουμπί.
  • Κάντε κλικ στοGalleryσύνδεσμος για να δείτε όλες τις φωτογραφίες και τα βίντεο για αυτό το απόθεμα.
  • Κάντε κλικBest dealσύνδεσμος, εάν υπάρχει, για να δείτε το δωμάτιο με την καλύτερη τιμή.
  • Κάντε κλικHotel detailsσύνδεσμος, εάν υπάρχει, για να δείτε πληροφορίες για το ακίνητο.

Μια κάρτα υποστηρίζει πολλαπλές όψεις για την ελαχιστοποίηση του μεγέθους της και την κατηγοριοποίηση των δεδομένων, καθιστώντας την εύκολα αναγνώσιμη από τον χρήστη και σας δίνει μεγαλύτερη πιθανότητα να μετατρέψετε τον χρήστη σε κράτηση.

Μια κάρτα έχει δύο ή τρεις όψεις:

  • Μια κάρτα ξενοδοχείου εμφανίζει τα στοιχεία του καταλύματος στο μπροστινό μέρος και τον καλύτερο τύπο δωματίου στο πίσω μέρος. Η τιμή, και στις δύο πλευρές, εμφανίζει την καλύτερη τιμή για το ξενοδοχείο.
  • Μια κάρτα τύπου δωματίου εμφανίζει τα στοιχεία του τύπου δωματίου στο μπροστινό μέρος και τα στοιχεία του καταλύματος στο πίσω μέρος. Η τιμή εμφανίζει την τιμή του τύπου δωματίου στο μπροστινό μέρος και την καλύτερη τιμή για το ξενοδοχείο στο πίσω μέρος.
  • Όλες οι άλλες κάρτες (π.χ. εστιατόριο σπα κ.λπ.) έχουν 3 όψεις. Παράδειγμα: Τα δεδομένα σπα εμφανίζονται στην πρώτη σελίδα με την καλύτερη τιμή του σπα. Τα δεδομένα τύπου δωματίου για το δωμάτιο με την καλύτερη τιμή βρίσκονται στη δεύτερη όψη. Τα δεδομένα καταλύματος μαζί με το δωμάτιο με την καλύτερη τιμή βρίσκονται στην τρίτη όψη της κάρτας.
Προεπισκόπηση κάρτας
Κάρτα τύπου δωματίου με μπροστινή όψη και διαθεσιμότητα

Παραπάνω είναι ένα παράδειγμα της κάρτας τύπου δωματίου μας. Περιέχει στοιχεία καταλύματος, αξιολόγησης και δωματίου, καθώς και πολιτική ακύρωσης και γεύματα.

Το υπόλοιπο άρθρο σάς καθοδηγεί στον τρόπο δημιουργίας, προσαρμογής και προβολής της κάρτας στους χρήστες σας.

Δημιουργήστε μια κάρτα

Section titled “Δημιουργήστε μια κάρτα”
Ενέργειες
Ενέργειες αποτελεσμάτων αναζήτησης

Παραπάνω είναι μια εικόνα που τραβήχτηκε απόΕρευνακαι σας δείχνει μερικά από τα πράγματα που μπορείτε να κάνετε με τα αποτελέσματα αναζήτησής σας. Μία από αυτές τις ενέργειες είναιMake a card. Κάντε κλικ σε αυτό το κουμπί και θα σας ανακατευθύνει στη σελίδα φόρμας κάρτας μας, όπου μπορείτε να ξεκινήσετε να προσαρμόζετε την κάρτα σας.

Η φόρμα σάς επιτρέπει να προσαρμόσετε την κάρτα σας με τους ακόλουθους τρόπους:

  1. Δώστε της ένα όνομα για να θυμάστε περί τίνος πρόκειται η κάρτα.
  2. Επιλέξτε το Προσαρμογή θέλετε να υποβάλετε αίτηση για αυτήν την κάρτα.
  3. Επιλέξτε την αρχική όψη της κάρτας που θέλετε να βλέπουν πρώτα οι χρήστες. Από προεπιλογή, είναι η εγγενής όψη αυτού του αποθέματος.
  4. Επιλέξτε το badge που θέλετε να χρησιμοποιήσετε στην κάρτα. Ένα σήμα επιτρέπει στους χρήστες να συγκρίνουν το απόθεμα με βάση μια συγκεντρωτική μέτρηση, όπως eco-friendly.
  5. Προσθέστε λέξεις-κλειδιά, διαχωρισμένες με κόμμα, που θα χρησιμοποιηθούν από Ανιχνευτές ιστού.
  6. Προσθέστε τίτλους και περιγραφές στις γλώσσες που θέλετε να βλέπει ο χρήστης.
  7. Επιλέξτε μία ή περισσότερες εικόνες που θα εμφανίζονται όταν οι χρήστες κάνουν κλικ στο Gallery σύνδεσμος.
  8. Κάντε κλικ στο Save κουμπί για να συνεχίσετε.

Αφού αποθηκεύσετε την κάρτα σας, θα μεταφερθείτε στη σελίδα των καρτών σας και η κάρτα σας είναι πλέον έτοιμη για κοινή χρήση με τον κόσμο.

Κάρτα
Κάρτα με συμπτυγμένο μενού ενεργειών

Παραπάνω εμφανίζεται μια εικόνα με όλες τις διαθέσιμες ενέργειες για την κάρτα σας:

  • ΕκσυγχρονίζωΕνημερώνει τη διαμόρφωση της κάρτας σας.
  • Προσθήκη στο WinkLinksΠροσθέτει την κάρτα στον λογαριασμό σας WinkLinks.
  • ΕνθέτωΣας δείχνει πώς να ενσωματώσετε αυτήν την κάρτα ωςΚάρταστον ιστότοπό σας.
  • Χρήση με WordPressΣας δείχνει πώς να χρησιμοποιήσετε τοΠρόσθετο WordPressγια να ενσωματώσετε αυτήν την κάρτα στον ιστότοπό σας.

Καλύπτουμε μερικές από αυτές τις επιλογές, με περισσότερες λεπτομέρειες, παρακάτω.

<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-content-loaderΣτοιχείο Web και πείτε του να ανακτήσει μια κάρτα δωματίου επισκεπτών για τον κωδικό σας.
  • Η γραμμή 11 σας δείχνει πώς να ενσωματώσετε την Javascript μας στον ιστότοπό σας.
  • Η γραμμή 13 σας δείχνει πώς να ενσωματώσετε τοwink-app-loaderΣτοιχείο Web και πείτε του να ανακτήσει τις προτιμήσεις διαμόρφωσης σε επίπεδο σελίδας.

Οι προγραμματιστές που θέλουν να διαχειριστούν κάρτες μπορούν να επισκεφθούν τοΠρογραμματιστές > API > Απόθεμα.