Přeskočit na obsah
Academy

Mřížky

Mřížka představuje seznam dodavatelů a inventáře a zobrazuje detaily prostřednictvím interaktivního, rezervovatelného uživatelského rozhraní mřížky. Mřížka podporuje zobrazení jakéhokoli inventáře z vašeho kurátorského seznamu nebo uloženého vyhledávání. Uživatel s mřížkou interaguje stejným způsobem jako s jednotlivou kartou s jednou další funkcí:

  1. Procházet mřížku stránkováním kliknutím na tlačítko Zobrazit více (když jsou k dispozici další položky).
Náhled mřížky
Mřížka zobrazující více typů pokojů

Výše je příklad naší mřížky zobrazující seznam karet typů pokojů.

Zbytek tohoto článku vás provede tím, jak mřížku vytvořit, přizpůsobit a zpřístupnit uživatelům.

Typy mřížek

Section titled “Typy mřížek”

Existují tři typy mřížek:

  1. Mřížka založená na kurátorském seznamu.
  2. Mřížka založená na uloženém vyhledávání.
  3. Mřížka založená na lokaci a kritériích řazení (tj. řazená mřížka).

Mřížka z kurátorského seznamu

Section titled “Mřížka z kurátorského seznamu”

Toto je mřížka, která využívá inventář, který jste shromáždili v jednom z vašich kurátorských seznamů, a převádí seznam na rezervovatelný cestovní inventář, který můžete zobrazit svým uživatelům.

Vytvoření

Section titled “Vytvoření”

Přejděte do Inventář > Kurátorské seznamy z hlavního navigačního panelu. Pro tento příklad použijeme váš seznam Oblíbené. Pokud jste do Oblíbených ještě nic nepřidali, přejděte na Vyhledávání, kde se naučíte jak.

Vytvoření mřížky z kurátorského seznamu
Formulář pro vytvoření mřížky z kurátorského seznamu
  1. Klikněte na tlačítko Akce u seznamu Oblíbené.
  2. Klikněte na tlačítko Vytvořit mřížku.
  3. Zobrazí se nové okno, kde můžete pojmenovat svou mřížku. Viz níže.
  4. Klikněte na tlačítko OK pro pokračování.

Vaše mřížka byla vytvořena. Přejděte do Nástroje > Mřížky z hlavního navigačního panelu a klikněte na záložku Kurátorské mřížky, abyste viděli svou novou mřížku.

Přizpůsobení

Section titled “Přizpůsobení”

Formulář vám umožňuje přizpůsobit mřížku následujícími způsoby:

  1. Dejte jí název, abyste si pamatovali, o čem mřížka je.
  2. Vyberte Přizpůsobení, které chcete na tuto mřížku aplikovat.
  3. Vyberte počáteční vzhled karty, který chcete, aby uživatelé viděli jako první. Ve výchozím nastavení je to nativní vzhled daného inventáře.
  4. Vyberte odznak, který chcete na kartě použít. Odznak umožňuje uživatelům porovnávat inventář podle agregovaného kritéria, například ekologický.
  5. Přidejte klíčová slova oddělená čárkou, která budou použita webovými roboty.
  6. Přidejte názvy a popisy v jazycích, které chcete, aby uživatel viděl.
  7. Klikněte na tlačítko Uložit pro pokračování.

Sdílení

Section titled “Sdílení”
Mřížka z kurátorského seznamu
Záznam mřížky z kurátorského seznamu s sbalenou nabídkou akcí

Výše vidíte obrázek se všemi dostupnými akcemi pro vaši mřížku:

  • Aktualizovat Aktualizuje konfiguraci vaší mřížky.
  • Přidat do WinkLinks Přidá mřížku do vašeho účtu WinkLinks.
  • Vložit Ukáže vám, jak vložit tuto mřížku jako Grid do vašeho webu.
  • Použít s WordPress Ukáže vám, jak použít náš WordPress plugin k vložení této mřížky do vašeho webu.

Některé z těchto možností podrobněji popisujeme níže.

Vložení

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

Zde je návod, jak vložit vaši mřížku na váš web:

  • Řádek 3 ukazuje, jak vložit styly Wink do vašeho webu.
  • Řádky 6 až 9 ukazují, jak použít Web Componentu wink-content-loader a říct jí, aby načetla mřížku pro váš kód.
  • Řádek 11 ukazuje, jak vložit náš Javascript do vašeho webu.
  • Řádek 13 ukazuje, jak vložit Web Componentu wink-app-loader a říct jí, aby načetla vaše konfigurační preference na úrovni stránky.

Mřížka z uloženého vyhledávání

Section titled “Mřížka z uloženého vyhledávání”

Toto je mřížka, která využívá inventář ve vašem uloženém vyhledávacím dotazu a převádí výsledky vyhledávání na rezervovatelný cestovní inventář, který můžete zobrazit svým uživatelům.

Vytvoření

Section titled “Vytvoření”

Přejděte do Inventář > Uložená vyhledávání z hlavního navigačního panelu. Pokud jste ještě nevytvořili uložené vyhledávání, přejděte na Vyhledávání, kde se naučíte jak.

Vytvoření mřížky z uloženého vyhledávání
Formulář pro vytvoření mřížky z uloženého vyhledávání
  1. Klikněte na tlačítko Akce u vašeho uloženého vyhledávání.
  2. Klikněte na tlačítko Vytvořit mřížku.
  3. Zobrazí se nové okno, kde můžete pojmenovat svou mřížku. Viz níže.
  1. Klikněte na tlačítko OK pro pokračování.

Vaše mřížka byla vytvořena. Přejděte do Nástroje > Mřížky z hlavního navigačního panelu a klikněte na záložku Mřížky z uložených vyhledávání, abyste viděli svou novou mřížku.

Přizpůsobení

Section titled “Přizpůsobení”

Formulář vám umožňuje přizpůsobit mřížku následujícími způsoby:

  1. Dejte jí název, abyste si pamatovali, o čem mřížka je.
  2. Vyberte Přizpůsobení, které chcete na tuto mřížku aplikovat.
  3. Vyberte počáteční vzhled karty, který chcete, aby uživatelé viděli jako první. Ve výchozím nastavení je to nativní vzhled daného inventáře.
  4. Vyberte odznak, který chcete na kartě použít. Odznak umožňuje uživatelům porovnávat inventář podle agregovaného kritéria, například ekologický.
  5. Přidejte klíčová slova oddělená čárkou, která budou použita webovými roboty.
  6. Přidejte názvy a popisy v jazycích, které chcete, aby uživatel viděl.
  7. Klikněte na tlačítko Uložit pro pokračování.

Sdílení

Section titled “Sdílení”
Mřížka z uloženého vyhledávání
Záznam mřížky z uloženého vyhledávání s sbalenou nabídkou akcí

Vložení

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

Zde je návod, jak vložit vaši mřížku na váš web:

  • Řádek 3 ukazuje, jak vložit styly Wink do vašeho webu.
  • Řádky 6 až 9 ukazují, jak použít Web Componentu wink-content-loader a říct jí, aby načetla mřížku pro váš kód.
  • Řádek 11 ukazuje, jak vložit náš Javascript do vašeho webu.
  • Řádek 13 ukazuje, jak vložit Web Componentu wink-app-loader a říct jí, aby načetla vaše konfigurační preference na úrovni stránky.

Řazená mřížka

Section titled “Řazená mřížka”

Vytvoření

Section titled “Vytvoření”

Vytvořte řazenou mřížku tak, že přejdete do Nástroje > Mřížky a kliknete na záložku Řazená mřížka. Klikněte na tlačítko Vytvořit řazenou mřížku.

Přizpůsobení

Section titled “Přizpůsobení”

Formulář vám umožňuje přizpůsobit vaši řazenou mřížku následujícími způsoby:

  1. Vyberte destinaci. Např. Tokio.
  2. Dejte jí název, abyste si pamatovali, o čem mřížka je. Např. Ekologické hotely v Tokiu
  3. Vyberte Přizpůsobení, které chcete na tuto mřížku aplikovat.
  4. Vyberte počáteční vzhled karty, který chcete, aby uživatelé viděli jako první. Ve výchozím nastavení je to nativní vzhled daného inventáře.
  5. Vyberte, podle jaké charakteristiky chcete nemovitosti řadit. Např. Ekologičnost.
  6. Přidejte klíčová slova oddělená čárkou, která budou použita webovými roboty.
  7. Přidejte názvy a popisy v jazycích, které chcete, aby uživatel viděl.
  8. Klikněte na tlačítko Uložit pro pokračování.

Po uložení vaší řazené mřížky budete přesměrováni na stránku vašich řazených mřížek a vaše mřížka je nyní připravena k sdílení se světem.

Sdílení

Section titled “Sdílení”
Řazená mřížka
Řazená mřížka se sbalenou nabídkou akcí

Výše vidíte obrázek se všemi dostupnými akcemi pro vaši řazenou mřížku:

  • Aktualizovat Aktualizuje konfiguraci vaší mřížky.
  • Přidat do WinkLinks Přidá řazenou mřížku do vašeho účtu WinkLinks.
  • Vložit Ukáže vám, jak vložit tuto mřížku jako Grid do vašeho webu.
  • Použít s WordPress Ukáže vám, jak použít náš WordPress plugin k vložení této karty do vašeho webu.

Některé z těchto možností podrobněji popisujeme níže.

Vložení

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

Zde je návod, jak vložit vaši mřížku na váš web:

  • Řádek 3 ukazuje, jak vložit styly Wink do vašeho webu.
  • Řádky 6 až 9 ukazují, jak použít Web Componentu wink-content-loader a říct jí, aby načetla řazenou mřížku pro váš kód.
  • Řádek 11 ukazuje, jak vložit náš Javascript do vašeho webu.
  • Řádek 13 ukazuje, jak vložit Web Componentu wink-app-loader a říct jí, aby načetla vaše konfigurační preference na úrovni stránky.

API

Section titled “API”

Vývojáři, kteří chtějí spravovat mřížky, mohou přejít na Vývojáři > API > Inventář.

Další čtení

Section titled “Další čtení”