Skip to content
Academy

Cards

Картица представља једног добављача (нпр. хотел или добављача искуства) или инвентар (нпр. тип собе, салу за састанке, спа центар итд.) и приказује детаље путем интерактивног корисничког интерфејса картице са могућношћу резервације. Корисник може да интерагује са картицом на следеће начине:

  • Кликните наBookдугме.
  • Кликните наGalleryлинк за преглед свих фотографија и видео записа за овај инвентар.
  • КликнитеBest dealлинк, ако је доступан, да бисте видели собу са најбољом ценом.
  • КликнитеHotel detailsлинк, ако је доступан, да бисте видели информације о некретнини.

Картица подржава вишеструке облике како би се смањила њена величина и категоризовали подаци; што је чини лако доступном за корисника и даје вам већу шансу да га претворите у резервацију.

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

  • Хотелска картица приказује податке о објекту на предњој страни, а најбољи тип собе на полеђини. Цена, са обе стране, приказује најбољу цену за хотел.
  • Картица типа собе приказује податке о типу собе на предњој страни, а податке о објекту на полеђини. Цена приказује цену типа собе на предњој страни и најбољу цену за хотел на полеђини.
  • Све остале картице (нпр. спа ресторан итд.) имају 3 стране. Пример: Подаци о спа центру се приказују на насловној страни са најбољом ценом спа центра. Подаци о типу собе за собу са најбољом ценом налазе се на другој страни. Подаци о објекту, заједно са собом са најбољом ценом, налазе се на трећој страни картице.
Преглед картице
Картица типа собе окренуте ка предњој страни са расположивошћу

Изнад је пример наше картице типа собе. Она садржи податке о објекту, рецензији и соби, заједно са правилима отказа и оброцима.

Остатак овог чланка ће вас провести кроз процес креирања, прилагођавања и приказивања картице вашим корисницима.

Направи картицу

Section titled “Направи картицу”
Акције
Радње са резултатима претраге

Изнад је слика преузета изПретрагаи приказује вам неке ствари које можете да урадите са резултатима претраге. Једна од тих радњи јеMake a card. Кликните на то дугме и бићете преусмерени на нашу страницу са формуларом за картицу где можете почети са прилагођавањем ваше картице.

Прилагоди картицу

Section titled “Прилагоди картицу”

Формулар вам омогућава да прилагодите своју картицу на следеће начине:

  1. Дајте јој име да бисте запамтили о чему се ради на картици.
  2. Изаберите Прилагођавање желите да се пријавите за ову картицу.
  3. Изаберите почетну страну картице коју желите да корисници прво виде. Подразумевано, то је изворна страна тог инвентара.
  4. Изаберите badge желите да користите на картици. Значка омогућава корисницима да упореде залихе на основу агрегатне метрике као што је eco-friendly.
  5. Додајте кључне речи, одвојене зарезом, које ће користити Веб претраживачи.
  6. Додајте наслове и описе на језицима које желите да корисник види.
  7. Изаберите једну или више слика које ће се приказивати када корисници кликну на Gallery линк.
  8. Кликните на 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 показују како се користипрограм за учитавање садржаја намигнућаВеб компоненту и реците јој да преузме картицу собе за госте за ваш код.
  • Ред 11 вам показује како да уградите наш Јаваскрипт у ваш сајт.
  • Ред 13 вам показује како да уградитепрограм за учитавање апликација winkВеб компоненту и реците јој да преузме ваше поставке конфигурације на нивоу странице.

API

Section titled “API”

Програмери који желе да управљају картицама могу да оду наПрограмери > API > Инвентар.

Додатно читање

Section titled “Додатно читање”