Saltar al contingut
Academy

Targetes

Una targeta representa un únic proveïdor (per exemple, un hotel o un proveïdor d’experiències) o inventari (és a dir, tipus d’habitació, sala de reunions, spa, etc.) i exposa els detalls mitjançant una interfície interactiva i reservable en forma de targeta. Un usuari pot interactuar amb una targeta de les següents maneres:

  • Fer clic al botó Reserva.
  • Fer clic a l’enllaç Galeria per veure totes les fotos i vídeos d’aquest inventari.
  • Fer clic a l’enllaç Millor oferta, si està disponible, per veure l’habitació amb millor preu.
  • Fer clic a l’enllaç Detalls de l’hotel, si està disponible, per veure la informació de la propietat.

Una targeta suporta múltiples cares per minimitzar la mida de la targeta i per categoritzar les dades; fent-les fàcilment consumibles per l’usuari i donant-te més possibilitats de convertir l’usuari en una reserva.

Una targeta té dues o tres cares:

  • Una targeta d’hotel mostra les dades de la propietat a la part frontal i el millor tipus d’habitació a la part posterior. El preu, a ambdues cares, mostra el millor preu per a l’hotel.
  • Una targeta de tipus d’habitació mostra les dades del tipus d’habitació a la part frontal i les dades de la propietat a la part posterior. El preu mostra el preu del tipus d’habitació a la part frontal i el millor preu per a l’hotel a la part posterior.
  • Totes les altres targetes (per exemple, spa, restaurant, etc.) tenen 3 cares. Exemple: les dades del spa es mostren a la pàgina frontal amb el millor preu del spa. Les dades del tipus d’habitació per a l’habitació amb millor preu estan a la segona cara. Les dades de la propietat juntament amb l’habitació amb millor preu estan a la tercera cara de la targeta.
Vista prèvia de la targeta
Targeta de tipus d’habitació frontal amb disponibilitat

A dalt tens un exemple de la nostra targeta de tipus d’habitació. Conté dades de la propietat, ressenyes i habitació juntament amb la política de cancel·lació i els àpats.

La resta d’aquest article t’explica com crear, personalitzar i exposar la targeta als teus usuaris.

Crear una targeta

Section titled “Crear una targeta”
Accions
Accions dels resultats de cerca

A dalt tens una imatge presa de Cerca que et mostra algunes de les coses que pots fer amb els teus resultats de cerca. Una d’aquestes accions és Crear una targeta. Fes clic en aquest botó i et redirigirà a la pàgina del formulari de targetes on podràs començar a personalitzar la teva targeta.

Personalitzar la targeta

Section titled “Personalitzar la targeta”

El formulari et permet personalitzar la teva targeta de les següents maneres:

  1. Dona-li un nom per recordar de què tracta la targeta.
  2. Selecciona la Personalització que vols aplicar a aquesta targeta.
  3. Selecciona la cara inicial de la targeta que vols que els usuaris vegin primer. Per defecte, és la cara nativa d’aquest inventari.
  4. Selecciona el distintiu que vols utilitzar a la targeta. Un distintiu permet als usuaris comparar inventari segons una mètrica agregada com ara ecològic.
  5. Afegeix paraules clau, separades per comes, que seran utilitzades pels Web Crawlers.
  6. Afegeix títols i descripcions en els idiomes que vols que l’usuari vegi.
  7. Selecciona una o més imatges que es mostraran quan els usuaris facin clic a l’enllaç Galeria.
  8. Fes clic al botó Desa per continuar.

Després de desar la teva targeta, seràs redirigit a la pàgina de les teves targetes i la teva targeta ja estarà llesta per compartir-la amb el món.

Compartir la targeta

Section titled “Compartir la targeta”
Targeta
Targeta amb menú d’accions col·lapsat

A dalt tens una imatge amb totes les accions disponibles per a la teva targeta:

  • Actualitzar Actualitza la configuració de la teva targeta.
  • Afegir a WinkLinks Afegeix la targeta al teu compte de WinkLinks.
  • Incrustar T’ensenya com incrustar aquesta targeta com un Card al teu lloc web.
  • Ús amb WordPress T’ensenya com utilitzar el nostre plugin de WordPress per incrustar aquesta targeta al teu lloc web.

A continuació, expliquem algunes d’aquestes opcions amb més detall.

Incrustar

Section titled “Incrustar”
<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>

Aquí tens com incrustar la teva targeta al teu lloc:

  • La línia 3 et mostra com incrustar els estils de Wink al teu lloc.
  • Les línies 6 a 9 et mostren com utilitzar el wink-content-loader Web Component i indicar-li que carregui una targeta d’habitació per al teu codi.
  • La línia 11 et mostra com incrustar el nostre Javascript al teu lloc.
  • La línia 13 et mostra com incrustar el wink-app-loader Web Component i indicar-li que carregui les preferències de configuració a nivell de pàgina.

API

Section titled “API”

Els desenvolupadors que vulguin gestionar targetes poden anar a Developers > API > Inventory.

Lectures complementàries

Section titled “Lectures complementàries”