Skip to content

Cards

Картата представлява един доставчик (напр. хотел или доставчик на преживявания) или инвентар (напр. тип стая, конферентна зала, спа център и др.) и показва подробностите чрез интерактивен потребителски интерфейс на картата с възможност за резервация. Потребителят може да взаимодейства с картата по следните начини:

  • Кликнете върхуBookбутон.
  • Кликнете върхуGalleryвръзка за да видите всички снимки и видеоклипове за този инвентар.
  • КликнетеBest dealлинк, ако е наличен, за да видите стаята с най-добра цена.
  • КликнетеHotel detailsлинк, ако е наличен, за да видите информация за имота.

Картата поддържа множество лица, за да се минимизира размерът ѝ и да се категоризират данните; което я прави лесна за консумация от потребителя и ви дава по-голям шанс да го превърнете в резерватор.

Картата има две или три страни:

  • Картата на хотела показва данни за имота отпред, а най-добрият тип стая отзад. Цената от двете страни показва най-добрата цена за хотела.
  • Картата за типа стая показва данни за типа стая на лицевата страна и данни за имота на гърба. Цената показва цената на типа стая на лицевата страна и най-добрата цена за хотела на гърба.
  • Всички останали карти (напр. спа ресторант и др.) имат 3 страни. Пример: Данните за спа центъра се показват на първа страница с най-добрата цена. Данните за типа стая за стаята с най-добра цена са на втората страна. Данните за имота, заедно с стаята с най-добра цена, са на третата страна на картата.
Преглед на картата
Карта за типа стая с лице към входа и наличност

По-горе е даден пример за нашата карта за тип стая. Тя съдържа данни за мястото за настаняване, отзивите и стаите, както и политика за анулиране и информация за храненията.

Останалата част от тази статия ще ви преведе през стъпките за създаване, персонализиране и показване на картата на вашите потребители.

Действия
Действия с резултатите от търсенето

По-горе е изображение, взето отТърсенеи ви показва някои от нещата, които можете да правите с резултатите от търсенето си. Едно от тези действия еMake a card. Кликнете върху този бутон и той ще ви пренасочи към нашата страница с формуляр за карта, където можете да започнете да персонализирате картата си.

Персонализиране на картата

Section titled “Персонализиране на картата”

Формулярът ви позволява да персонализирате картата си по следните начини:

  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Уеб компонент и му кажете да извлече карта за стая за гости за вашия код.
  • Ред 11 ви показва как да вградите нашия Javascript във вашия сайт.
  • Ред 13 показва как да вградитеwink-app-loaderУеб компонент и му кажете да извлече вашите предпочитания за конфигурация на ниво страница.

Разработчиците, които искат да управляват карти, могат да се насочат къмРазработчици > API > Инвентаризация.