Cards
Картата представлява един доставчик (напр. хотел или доставчик на преживявания) или инвентар (напр. тип стая, конферентна зала, спа център и др.) и показва подробностите чрез интерактивен потребителски интерфейс на картата с възможност за резервация. Потребителят може да взаимодейства с картата по следните начини:
- Кликнете върху
Book
бутон. - Кликнете върху
Gallery
връзка за да видите всички снимки и видеоклипове за този инвентар. - Кликнете
Best deal
линк, ако е наличен, за да видите стаята с най-добра цена. - Кликнете
Hotel details
линк, ако е наличен, за да видите информация за имота.
Картата поддържа множество лица, за да се минимизира размерът ѝ и да се категоризират данните; което я прави лесна за консумация от потребителя и ви дава по-голям шанс да го превърнете в резерватор.
Картата има две или три страни:
- Картата на хотела показва данни за имота отпред, а най-добрият тип стая отзад. Цената от двете страни показва най-добрата цена за хотела.
- Картата за типа стая показва данни за типа стая на лицевата страна и данни за имота на гърба. Цената показва цената на типа стая на лицевата страна и най-добрата цена за хотела на гърба.
- Всички останали карти (напр. спа ресторант и др.) имат 3 страни. Пример: Данните за спа центъра се показват на първа страница с най-добрата цена. Данните за типа стая за стаята с най-добра цена са на втората страна. Данните за имота, заедно с стаята с най-добра цена, са на третата страна на картата.
По-горе е даден пример за нашата карта за тип стая. Тя съдържа данни за мястото за настаняване, отзивите и стаите, както и политика за анулиране и информация за храненията.
Останалата част от тази статия ще ви преведе през стъпките за създаване, персонализиране и показване на картата на вашите потребители.
Създаване на карта
Section titled “Създаване на карта”По-горе е изображение, взето отТърсенеи ви показва някои от нещата, които можете да правите с резултатите от търсенето си. Едно от тези действия еMake a card
.
Кликнете върху този бутон и той ще ви пренасочи към нашата страница с формуляр за карта, където можете да започнете да персонализирате картата си.
Персонализиране на картата
Section titled “Персонализиране на картата”Формулярът ви позволява да персонализирате картата си по следните начини:
- Дай ѝ име, за да запомниш за какво е картата.
- Изберете Персонализиране искате да кандидатствате за тази карта.
- Изберете първоначалната страна на картата, която искате потребителите да видят първо. По подразбиране това е оригиналната страна на този инвентар.
- Изберете badge искате да използвате на картата. Значката позволява на потребителите да сравняват инвентара по обобщен показател, като например
eco-friendly
. - Добавете ключови думи, разделени със запетая, които ще бъдат използвани от Уеб роботи.
- Добавете заглавия и описания на езиците, които искате потребителят да вижда.
- Изберете едно или повече изображения, които ще се показват, когато потребителите кликнат върху
Gallery
връзка. - Кликнете върху
Save
бутон, за да продължите.
След като запазите картата си, ще бъдете пренасочени към страницата с вашите карти и тя вече е готова за споделяне със света.
Споделяне на карта
Section titled “Споделяне на карта”По-горе е показано изображение с всички налични действия за вашата карта:
- АктуализацияАктуализира конфигурацията на вашата карта.
- Добави към WinkLinksДобавя картата към вашия WinkLinks акаунт.
- ВгражданеПоказва ви как да вградите тази карта катоКартавъв вашия уебсайт.
- Използвайте с WordPressПоказва ви как да използвате нашитеПлъгин за WordPressза да вградите тази карта във вашия уебсайт.
По-долу разглеждаме някои от тези опции по-подробно.
Вграждане
Section titled “Вграждане”<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 > Инвентаризация.
Допълнително четене
Section titled “Допълнително четене”- Научете повече за нашата колекция отУеб компоненти.
- Научете повече заПлъгин за WordPress Wink.