Preskočiť na obsah
Academy

Mriežky

Mriežka predstavuje zoznam dodávateľov a inventára a zobrazuje detaily prostredníctvom interaktívneho, rezervovateľného rozhrania mriežky. Mriežka podporuje zobrazovanie akéhokoľvek inventára z vášho kurátorského zoznamu alebo uloženého vyhľadávania. Používateľ interaguje s mriežkou rovnakým spôsobom ako s jednotlivou kartou s jednou pridanou funkciou:

  1. Prechádzajte mriežkou stránkovaním kliknutím na tlačidlo Zobraziť viac (keď sú k dispozícii ďalšie položky).
Náhľad mriežky
Mriežka zobrazujúca viacero typov izieb

Vyššie je príklad našej mriežky zobrazujúcej zoznam kariet typov izieb.

Zvyšok tohto článku vás prevedie tým, ako vytvoriť, prispôsobiť a sprístupniť mriežku vašim používateľom.

Typy mriežok

Section titled “Typy mriežok”

Existujú tri typy mriežok:

  1. Mriežka založená na kurátorskom zozname.
  2. Mriežka založená na uloženom vyhľadávaní.
  3. Mriežka založená na lokalite a kritériách zoradenia (t.j. zoradená mriežka).

Mriežka z kurátorského zoznamu

Section titled “Mriežka z kurátorského zoznamu”

Toto je mriežka, ktorá používa inventár, ktorý ste zhromaždili v jednom z vašich kurátorských zoznamov, a prevádza zoznam na rezervovateľný cestovný inventár, ktorý môžete ukázať svojim používateľom.

Vytvorenie

Section titled “Vytvorenie”

Prejdite do Inventár > Kurátorské zoznamy z hlavného navigačného panela. Pre tento príklad použijeme váš zoznam Obľúbené. Ak ste ešte nič nepridali do svojich Obľúbených, prejdite na Vyhľadávanie, kde sa naučíte ako.

Vytvoriť mriežku z kurátorského zoznamu
Formulár na vytvorenie mriežky z kurátorského zoznamu
  1. Kliknite na tlačidlo Akcie pri zozname Obľúbené.
  2. Kliknite na tlačidlo Vytvoriť mriežku.
  3. Zobrazí sa nové okno, kde môžete pomenovať svoju mriežku. Viď nižšie.
  4. Kliknite na tlačidlo OK pre pokračovanie.

Vaša mriežka bola vytvorená. Prejdite do Nástroje > Mriežky z hlavného navigačného panela a kliknite na kartu Kurátorské mriežky, aby ste videli svoju novú mriežku.

Prispôsobenie

Section titled “Prispôsobenie”

Formulár vám umožňuje prispôsobiť vašu mriežku nasledujúcimi spôsobmi:

  1. Pomenujte ju, aby ste si zapamätali, o čom mriežka je.
  2. Vyberte Prispôsobenie, ktoré chcete na túto mriežku použiť.
  3. Vyberte počiatočnú tvár karty, ktorú chcete, aby používatelia videli ako prvú. Predvolene je to natívna tvár daného inventára.
  4. Vyberte odznak, ktorý chcete použiť na karte. Odznak umožňuje používateľom porovnávať inventár podľa agregovaného kritéria, ako je napríklad ekologický.
  5. Pridajte kľúčové slová oddelené čiarkou, ktoré budú používať Webové prehľadávače.
  6. Pridajte názvy a popisy v jazykoch, ktoré chcete, aby používateľ videl.
  7. Kliknite na tlačidlo Uložiť pre pokračovanie.

Zdieľanie

Section titled “Zdieľanie”
Mriežka z kurátorského zoznamu
Záznam mriežky z kurátorského zoznamu s zbaleným menu akcií

Vyššie vidíte obrázok so všetkými dostupnými akciami pre vašu mriežku:

  • Aktualizovať Aktualizuje konfiguráciu vašej mriežky.
  • Pridať do WinkLinks Pridá mriežku do vášho účtu WinkLinks.
  • Vložiť Ukáže vám, ako vložiť túto mriežku ako Grid do vašej webovej stránky.
  • Použiť s WordPress Ukáže vám, ako použiť náš WordPress plugin na vloženie tejto mriežky do vašej webovej stránky.

Niektoré z týchto možností podrobnejšie rozoberáme nižšie.

Vloženie

Section titled “Vloženie”
<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>

Tu je, ako vložiť vašu mriežku do vašej stránky:

  • Riadok 3 ukazuje, ako vložiť štýly Wink do vašej stránky.
  • Riadky 6 až 9 ukazujú, ako použiť Web Component wink-content-loader a povedať mu, aby načítal mriežku pre váš kód.
  • Riadok 11 ukazuje, ako vložiť náš Javascript do vašej stránky.
  • Riadok 13 ukazuje, ako vložiť Web Component wink-app-loader a povedať mu, aby načítal vaše konfiguračné preferencie na úrovni stránky.

Mriežka z uloženého vyhľadávania

Section titled “Mriežka z uloženého vyhľadávania”

Toto je mriežka, ktorá používa inventár vo vašom uloženom vyhľadávacom dotaze a prevádza výsledky vyhľadávania na rezervovateľný cestovný inventár, ktorý môžete ukázať svojim používateľom.

Vytvorenie

Section titled “Vytvorenie”

Prejdite do Inventár > Uložené vyhľadávania z hlavného navigačného panela. Ak ste ešte nevytvorili uložené vyhľadávanie, prejdite na Vyhľadávanie, kde sa naučíte ako.

Vytvoriť mriežku z uloženého vyhľadávania
Formulár na vytvorenie mriežky z uloženého vyhľadávania
  1. Kliknite na tlačidlo Akcie pri vašom uloženom vyhľadávaní.
  2. Kliknite na tlačidlo Vytvoriť mriežku.
  3. Zobrazí sa nové okno, kde môžete pomenovať svoju mriežku. Viď nižšie.
  1. Kliknite na tlačidlo OK pre pokračovanie.

Vaša mriežka bola vytvorená. Prejdite do Nástroje > Mriežky z hlavného navigačného panela a kliknite na kartu Mriežky z uložených vyhľadávaní, aby ste videli svoju novú mriežku.

Prispôsobenie

Section titled “Prispôsobenie”

Formulár vám umožňuje prispôsobiť vašu mriežku nasledujúcimi spôsobmi:

  1. Pomenujte ju, aby ste si zapamätali, o čom mriežka je.
  2. Vyberte Prispôsobenie, ktoré chcete na túto mriežku použiť.
  3. Vyberte počiatočnú tvár karty, ktorú chcete, aby používatelia videli ako prvú. Predvolene je to natívna tvár daného inventára.
  4. Vyberte odznak, ktorý chcete použiť na karte. Odznak umožňuje používateľom porovnávať inventár podľa agregovaného kritéria, ako je napríklad ekologický.
  5. Pridajte kľúčové slová oddelené čiarkou, ktoré budú používať Webové prehľadávače.
  6. Pridajte názvy a popisy v jazykoch, ktoré chcete, aby používateľ videl.
  7. Kliknite na tlačidlo Uložiť pre pokračovanie.

Zdieľanie

Section titled “Zdieľanie”
Mriežka z uloženého vyhľadávania
Záznam mriežky z uloženého vyhľadávania s zbaleným menu akcií

Vloženie

Section titled “Vloženie”
<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>

Tu je, ako vložiť vašu mriežku do vašej stránky:

  • Riadok 3 ukazuje, ako vložiť štýly Wink do vašej stránky.
  • Riadky 6 až 9 ukazujú, ako použiť Web Component wink-content-loader a povedať mu, aby načítal mriežku pre váš kód.
  • Riadok 11 ukazuje, ako vložiť náš Javascript do vašej stránky.
  • Riadok 13 ukazuje, ako vložiť Web Component wink-app-loader a povedať mu, aby načítal vaše konfiguračné preferencie na úrovni stránky.

Zoradená mriežka

Section titled “Zoradená mriežka”

Vytvorenie

Section titled “Vytvorenie”

Vytvorte zoradenú mriežku tak, že prejdete do Nástroje > Mriežky a kliknete na kartu Zoradená mriežka. Kliknite na tlačidlo Vytvoriť zoradenú mriežku.

Prispôsobenie

Section titled “Prispôsobenie”

Formulár vám umožňuje prispôsobiť vašu zoradenú mriežku nasledujúcimi spôsobmi:

  1. Vyberte cieľovú destináciu. Napr. Tokio.
  2. Pomenujte ju, aby ste si zapamätali, o čom mriežka je. Napr. Ekologické hotely v Tokiu
  3. Vyberte Prispôsobenie, ktoré chcete na túto mriežku použiť.
  4. Vyberte počiatočnú tvár karty, ktorú chcete, aby používatelia videli ako prvú. Predvolene je to natívna tvár daného inventára.
  5. Vyberte charakteristiku, podľa ktorej chcete nehnuteľnosti zoradiť. Napr. Ekologickosť.
  6. Pridajte kľúčové slová oddelené čiarkou, ktoré budú používať Webové prehľadávače.
  7. Pridajte názvy a popisy v jazykoch, ktoré chcete, aby používateľ videl.
  8. Kliknite na tlačidlo Uložiť pre pokračovanie.

Po uložení vašej zoradenej mriežky budete presmerovaní na stránku zoradených mriežok a vaša mriežka je teraz pripravená na zdieľanie so svetom.

Zdieľanie

Section titled “Zdieľanie”
Zoradená mriežka
Zoradená mriežka so zbaleným menu akcií

Vyššie vidíte obrázok so všetkými dostupnými akciami pre vašu zoradenú mriežku:

  • Aktualizovať Aktualizuje konfiguráciu vašej mriežky.
  • Pridať do WinkLinks Pridá zoradenú mriežku do vášho účtu WinkLinks.
  • Vložiť Ukáže vám, ako vložiť túto mriežku ako Grid do vašej webovej stránky.
  • Použiť s WordPress Ukáže vám, ako použiť náš WordPress plugin na vloženie tejto karty do vašej webovej stránky.

Niektoré z týchto možností podrobnejšie rozoberáme nižšie.

Vloženie

Section titled “Vloženie”
<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>

Tu je, ako vložiť vašu mriežku do vašej stránky:

  • Riadok 3 ukazuje, ako vložiť štýly Wink do vašej stránky.
  • Riadky 6 až 9 ukazujú, ako použiť Web Component wink-content-loader a povedať mu, aby načítal zoradenú mriežku pre váš kód.
  • Riadok 11 ukazuje, ako vložiť náš Javascript do vašej stránky.
  • Riadok 13 ukazuje, ako vložiť Web Component wink-app-loader a povedať mu, aby načítal vaše konfiguračné preferencie na úrovni stránky.

API

Section titled “API”

Vývojári, ktorí chcú spravovať mriežky, môžu prejsť na Vývojári > API > Inventár.

Ďalšie čítanie

Section titled “Ďalšie čítanie”