Карти

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

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

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

Картата има две или три лица:

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

Преглед на карта — *Карта на тип стая с наличност, гледана отпред*

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

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

Създаване на карта

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

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

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

Дайте ѝ име, за да запомните за какво е картата.
Изберете Customization, която искате да приложите към тази карта.
Изберете началното лице на картата, което искате потребителите да видят първо. По подразбиране това е родното лице на този инвентар.
Изберете badge което искате да използвате на картата. Баджът позволява на потребителите да сравняват инвентар по агрегирана метрика като eco-friendly.
Добавете ключови думи, разделени със запетая, които ще се използват от Web Crawlers.
Добавете заглавия и описания на езиците, на които искате потребителят да ги вижда.
Изберете една или повече снимки, които ще се показват, когато потребителите кликнат на линка Gallery.
Кликнете бутона Save, за да продължите.

След като запазите картата, ще бъдете пренасочени към страницата с вашите карти и вашата карта вече е готова да бъде споделена със света.

Споделяне на карта

По-горе виждате изображение с всички налични действия за вашата карта:

Update Актуализира конфигурацията на вашата карта.
Add to WinkLinks Добавя картата към вашия WinkLinks акаунт.
Embed Показва ви как да вградите тази карта като Card във вашия уебсайт.
Use with 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 Web Component и да му кажете да зареди карта на гостна стая за вашия код.
Ред 11 показва как да вградите нашия Javascript във вашия сайт.
Ред 13 показва как да вградите wink-app-loader Web Component и да му кажете да зареди вашите предпочитания за конфигурация на ниво страница.

API

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

Допълнително четене

Научете повече за нашата колекция от Web Components.
Научете повече за Wink WordPress плъгина.