Grids
Mřížka představuje seznam dodavatelů a zásob a zobrazuje podrobnosti prostřednictvím interaktivního uživatelského rozhraní mřížky s možností rezervace. Mřížka podporuje zobrazení libovolné zásoby z vašeho seznamu nebo uloženého vyhledávání. Uživatel interaguje s mřížkou stejným způsobem, jako interaguje s jednotlivcem.kartas jednou další funkcí:
- Pro stránkování mřížky klikněte na
Show more
tlačítko (až bude k dispozici více položek).
Výše je uveden příklad naší mřížky zobrazující seznam karet typů pokojů.
Zbytek tohoto článku vás provede tím, jak vytvořit, přizpůsobit a zpřístupnit mřížku vašim uživatelům.
Typy mřížek
Section titled “Typy mřížek”Existují tři typy mřížek:
- Mřížka založená naseznam s kurátorem.
- Mřížka založená nauložené vyhledávání.
- Mřížka založená na umístění a kritériích řazení (tj. hodnocená mřížka).
Mřížka s kurátorským seznamem
Section titled “Mřížka s kurátorským seznamem”Toto je mřížka, která využívá inventář, který jste shromáždili v jednom z vašich seznamů, a převádí jej na rezervovatelný cestovní inventář, který můžete zobrazit svým uživatelům.
Vytvořit
Section titled “Vytvořit”Přejít naInventory > Curated Lists
z hlavního navigačního panelu. V tomto příkladu použijeme vášFavorites
seznam.
Pokud jste do svého seznamu ještě nic nepřidaliFavorites
, jít naVyhledávánínaučit se jak.
- Klikněte na
Actions
tlačítko naFavorites
seznam. - Klikněte na
Create a grid
tlačítko. - Zobrazí se nové okno, kde můžete pojmenovat svou mřížku. Viz níže.
- Klikněte
OK
tlačítko pro pokračování.
Vaše mřížka byla vytvořena. Přejděte naTools > Grids
z hlavního navigačního panelu a klikněte naCurated Grids
pro zobrazení vaší nové mřížky.
Přizpůsobit
Section titled “Přizpůsobit”Formulář umožňuje přizpůsobit mřížku následujícími způsoby:
- Dejte tomu název, abyste si pamatovali, o čem mřížka je.
- Vyberte Přizpůsobení chcete na tuto mřížku použít.
- Vyberte počáteční stranu karty, kterou chcete uživatelům zobrazit jako první. Ve výchozím nastavení se jedná o nativní stranu daného inventáře.
- Vyberte odznak, který chcete na kartě použít. Odznak umožňuje uživatelům porovnávat inventář na základě souhrnné metriky, jako je například
eco-friendly
. - Přidejte klíčová slova oddělená čárkou, která budou použita Webové prohledávače.
- Přidejte názvy a popisy v jazycích, které chcete, aby uživatel viděl.
- Klikněte na
Save
tlačítko pro pokračování.
Výše uvedený obrázek ukazuje všechny dostupné akce pro vaši mřížku:
- AktualizovatAktualizuje konfiguraci mřížky.
- Přidat do WinkLinksPřidá mřížku k vašemu účtu WinkLinks.
- VložitUkazuje, jak vložit tuto mřížku jakoMřížkana váš web.
- Použití s WordPressemUkáže vám, jak používat našePlugin pro WordPressvložit tuto mřížku do svého webu.
Některé z těchto možností si podrobněji rozebereme níže.
Vložit
Section titled “Vložit”<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 mřížku do svého webu:
- Řádek 3 ukazuje, jak vložit styly Wink do vašeho webu.
- Řádky 6 až 9 ukazují, jak používatwink-content-loaderWebovou komponentu a řekněte jí, aby pro váš kód načetla mřížku.
- Řádek 11 ukazuje, jak vložit náš Javascript do vašeho webu.
- Řádek 13 ukazuje, jak vložitzavaděč aplikací winkWebovou komponentu a řekněte jí, aby načetla vaše konfigurační předvolby na úrovni stránky.
Uložená vyhledávací mřížka
Section titled “Uložená vyhledávací mřížka”Toto je mřížka, která používá inventář z vašeho uloženého vyhledávacího dotazu a převádí výsledky vyhledávání na rezervovatelný cestovní inventář, který můžete zobrazit svým uživatelům.
Vytvořit
Section titled “Vytvořit”Přejít naInventory > Saved searches
z hlavního navigačního panelu.
Pokud jste si ještě nevytvořili uložené vyhledávání, přejděte naVyhledávánínaučit se jak.
- Klikněte na
Actions
tlačítko u uloženého vyhledávání. - Klikněte na
Create a grid
tlačítko. - Zobrazí se nové okno, kde můžete pojmenovat svou mřížku. Viz níže.
- Klikněte
OK
tlačítko pro pokračování.
Vaše mřížka byla vytvořena. Přejděte naTools > Grids
z hlavního navigačního panelu a klikněte naSaved Search Grids
pro zobrazení vaší nové mřížky.
Přizpůsobit
Section titled “Přizpůsobit”Formulář umožňuje přizpůsobit mřížku následujícími způsoby:
- Dejte tomu název, abyste si pamatovali, o čem mřížka je.
- Vyberte Přizpůsobení chcete na tuto mřížku použít.
- Vyberte počáteční stranu karty, kterou chcete uživatelům zobrazit jako první. Ve výchozím nastavení se jedná o nativní stranu daného inventáře.
- Vyberte odznak, který chcete na kartě použít. Odznak umožňuje uživatelům porovnávat inventář na základě souhrnné metriky, jako je například
eco-friendly
. - Přidejte klíčová slova oddělená čárkou, která budou použita Webové prohledávače.
- Přidejte názvy a popisy v jazycích, které chcete, aby uživatel viděl.
- Klikněte na
Save
tlačítko pro pokračování.
Vložit
Section titled “Vložit”<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 mřížku do svého webu:
- Řádek 3 ukazuje, jak vložit styly Wink do vašeho webu.
- Řádky 6 až 9 ukazují, jak používatwink-content-loaderWebovou komponentu a řekněte jí, aby pro váš kód načetla mřížku.
- Řádek 11 ukazuje, jak vložit náš Javascript do vašeho webu.
- Řádek 13 ukazuje, jak vložitzavaděč aplikací winkWebovou komponentu a řekněte jí, aby načetla vaše konfigurační předvolby na úrovni stránky.
Hodnocená mřížka
Section titled “Hodnocená mřížka”Vytvořit
Section titled “Vytvořit”Vytvořte řazenou mřížku přechodem naTools > Grids
a klikněte naRanked Grid
záložka. Klikněte naCreate ranked grid
tlačítko.
Přizpůsobit
Section titled “Přizpůsobit”Formulář umožňuje přizpůsobit mřížku s hodnocením následujícími způsoby:
- Vyberte si destinaci. Např. Tokio.
- Dejte tomu název, abyste si pamatovali, o čem mřížka je. Např. ekologické hotely v Tokiu
- Vyberte Přizpůsobení chcete na tuto mřížku použít.
- Vyberte počáteční stranu karty, kterou chcete uživatelům zobrazit jako první. Ve výchozím nastavení se jedná o nativní stranu daného inventáře.
- Vyberte, podle jaké charakteristiky chcete vlastnosti seřadit. Např. šetrnost k životnímu prostředí.
- Přidejte klíčová slova oddělená čárkou, která budou použita Webové prohledávače.
- Přidejte názvy a popisy v jazycích, které chcete, aby uživatel viděl.
- Klikněte na
Save
tlačítko pro pokračování.
Po uložení hodnocené mřížky budete přesměrováni na stránku s hodnocenými mřížkami a vaše mřížka je nyní připravena ke sdílení se světem.
Výše uvedený obrázek ukazuje všechny dostupné akce pro vaši mřížku rankd:
- AktualizovatAktualizuje konfiguraci mřížky.
- Přidat do WinkLinksPřidá řazenou mřížku do vašeho účtu WinkLinks.
- VložitUkazuje, jak vložit tuto mřížku jakoMřížkana váš web.
- Použití s WordPressemUkáže vám, jak používat našePlugin pro WordPressvložit tuto kartu na váš web.
Některé z těchto možností si podrobněji rozebereme níže.
Vložit
Section titled “Vložit”<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 mřížku do svého webu:
- Řádek 3 ukazuje, jak vložit styly Wink do vašeho webu.
- Řádky 6 až 9 ukazují, jak používatwink-content-loaderWebovou komponentu a řekněte jí, aby pro váš kód načetla řazenou mřížku.
- Řádek 11 ukazuje, jak vložit náš Javascript do vašeho webu.
- Řádek 13 ukazuje, jak vložitzavaděč aplikací winkWebovou komponentu a řekněte jí, aby načetla vaše konfigurační předvolby na úrovni stránky.
Vývojáři, kteří chtějí spravovat gridy, se mohou obrátit naVývojáři > API > Inventář.
Další čtení
Section titled “Další čtení”- Zjistěte více o naší kolekciWebové komponenty.
- Zjistěte více oPlugin Wink pro WordPress.