Skip to content
Academy

Tinkleliai

Tinklelis reiškia tiekėjų ir inventoriaus sąrašą, kuris pateikiamas per interaktyvų, užsakymams pritaikytą tinklelio vartotojo sąsają. Tinklelis palaiko bet kurio inventoriaus iš jūsų atrinkto sąrašo arba išsaugotos paieškos rodymą. Vartotojas sąveikauja su tinkleliu taip pat, kaip ir su atskira kortele, tik su viena papildoma funkcija:

  1. Naršyti tinklelyje spustelėdami mygtuką Rodyti daugiau (kai yra daugiau elementų).
Tinklelio peržiūra
Tinklelis, rodantis kelis kambarių tipus

Aukščiau pateiktas pavyzdys, kaip mūsų tinklelis rodo kambarių tipų kortelių sąrašą.

Likusiame straipsnyje paaiškinama, kaip sukurti, pritaikyti ir pateikti tinklelius savo vartotojams.

Tinklelio tipai

Section titled “Tinklelio tipai”

Yra trys tinklelio tipai:

  1. Tinklelis, pagrįstas atrinktu sąrašu.
  2. Tinklelis, pagrįstas išsaugota paieška.
  3. Tinklelis, pagrįstas vieta ir rūšiavimo kriterijais (t. y. reitinguotas tinklelis).

Atrinkto sąrašo tinklelis

Section titled “Atrinkto sąrašo tinklelis”

Tai tinklelis, kuris naudoja inventorių, kurį surinkote viename iš savo atrinktų sąrašų, ir paverčia sąrašą užsakymams pritaikytu kelionių inventoriu, kurį galite rodyti savo vartotojams.

Sukūrimas

Section titled “Sukūrimas”

Eikite į Inventorius > Atrinkti sąrašai pagrindinėje navigacijoje. Šiame pavyzdyje naudosime jūsų Mėgstamiausius sąrašą. Jei dar nieko nepridėjote prie savo Mėgstamiausių, eikite į Paiešką ir sužinokite, kaip tai padaryti.

Sukurti atrinkto sąrašo tinklelio formą
Atrinkto sąrašo tinklelio kūrimo forma
  1. Spustelėkite mygtuką Veiksmai prie Mėgstamiausių sąrašo.
  2. Spustelėkite mygtuką Sukurti tinklelio.
  3. Atsidarys naujas langas, kuriame galėsite pavadinti savo tinklelį. Žr. žemiau.
  4. Spustelėkite mygtuką Gerai, kad tęstumėte.

Jūsų tinklelis sukurtas. Eikite į Įrankiai > Tinkleliai pagrindinėje navigacijoje ir spustelėkite skirtuką Atrinkti tinkleliai, kad pamatytumėte savo naują tinklelį.

Pritaikymas

Section titled “Pritaikymas”

Forma leidžia pritaikyti tinklelį šiais būdais:

  1. Pavadinkite jį, kad prisimintumėte, apie ką yra tinklelis.
  2. Pasirinkite Pritaikymą, kurį norite taikyti šiam tinkleliui.
  3. Pasirinkite pradinį kortelės vaizdą, kurį vartotojai pamatys pirmiausia. Pagal numatytuosius nustatymus tai yra natūralus to inventoriaus vaizdas.
  4. Pasirinkite ženklelį, kurį norite naudoti kortelėje. Ženklelis leidžia vartotojams palyginti inventorių pagal bendrą metriką, pvz., ekologiškumas.
  5. Pridėkite raktinius žodžius, atskirtus kableliais, kuriuos naudos tinklo naršyklės.
  6. Pridėkite pavadinimus ir aprašymus kalbomis, kurias norite, kad vartotojas matytų.
  7. Spustelėkite mygtuką Išsaugoti, kad tęstumėte.

Dalijimasis

Section titled “Dalijimasis”
Atrinkto sąrašo tinklelis
Atrinkto sąrašo tinklelio įrašas su sutrauktu veiksmų meniu

Aukščiau matote paveikslėlį su visais galimais veiksmais jūsų tinkleliui:

  • Atnaujinti Atnaujina jūsų tinklelio konfigūraciją.
  • Pridėti prie WinkLinks Prideda tinklelį prie jūsų WinkLinks paskyros.
  • Įterpti Parodo, kaip įterpti šį tinklelį kaip Tinklelio komponentą į jūsų svetainę.
  • Naudoti su WordPress Parodo, kaip naudoti mūsų WordPress įskiepį šiam tinkleliui įterpti į jūsų svetainę.

Kai kurias iš šių parinkčių aptariame išsamiau žemiau.

Įterpimas

Section titled “Įterpimas”
<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>

Štai kaip įterpti savo tinklelį į svetainę:

  • 3 eilutė rodo, kaip įterpti Wink stilius į savo svetainę.
  • 6–9 eilutės rodo, kaip naudoti wink-content-loader žiniatinklio komponentą ir nurodyti jam gauti tinklelį jūsų kodui.
  • 11 eilutė rodo, kaip įterpti mūsų Javascript į savo svetainę.
  • 13 eilutė rodo, kaip įterpti wink-app-loader žiniatinklio komponentą ir nurodyti jam gauti jūsų puslapio lygio konfigūracijos nustatymus.

Išsaugotos paieškos tinklelis

Section titled “Išsaugotos paieškos tinklelis”

Tai tinklelis, kuris naudoja inventorių iš jūsų išsaugotos paieškos užklausos ir paverčia paieškos rezultatus užsakymams pritaikytu kelionių inventoriu, kurį galite rodyti savo vartotojams.

Sukūrimas

Section titled “Sukūrimas”

Eikite į Inventorius > Išsaugotos paieškos pagrindinėje navigacijoje. Jei dar nesukūrėte išsaugotos paieškos, eikite į Paiešką ir sužinokite, kaip tai padaryti.

Sukurti išsaugotos paieškos tinklelio formą
Išsaugotos paieškos tinklelio kūrimo forma
  1. Spustelėkite mygtuką Veiksmai prie savo išsaugotos paieškos.
  2. Spustelėkite mygtuką Sukurti tinklelio.
  3. Atsidarys naujas langas, kuriame galėsite pavadinti savo tinklelį. Žr. žemiau.
  1. Spustelėkite mygtuką Gerai, kad tęstumėte.

Jūsų tinklelis sukurtas. Eikite į Įrankiai > Tinkleliai pagrindinėje navigacijoje ir spustelėkite skirtuką Išsaugotos paieškos tinkleliai, kad pamatytumėte savo naują tinklelį.

Pritaikymas

Section titled “Pritaikymas”

Forma leidžia pritaikyti tinklelį šiais būdais:

  1. Pavadinkite jį, kad prisimintumėte, apie ką yra tinklelis.
  2. Pasirinkite Pritaikymą, kurį norite taikyti šiam tinkleliui.
  3. Pasirinkite pradinį kortelės vaizdą, kurį vartotojai pamatys pirmiausia. Pagal numatytuosius nustatymus tai yra natūralus to inventoriaus vaizdas.
  4. Pasirinkite ženklelį, kurį norite naudoti kortelėje. Ženklelis leidžia vartotojams palyginti inventorių pagal bendrą metriką, pvz., ekologiškumas.
  5. Pridėkite raktinius žodžius, atskirtus kableliais, kuriuos naudos tinklo naršyklės.
  6. Pridėkite pavadinimus ir aprašymus kalbomis, kurias norite, kad vartotojas matytų.
  7. Spustelėkite mygtuką Išsaugoti, kad tęstumėte.

Dalijimasis

Section titled “Dalijimasis”
Išsaugotos paieškos tinklelis
Išsaugotos paieškos tinklelio įrašas su sutrauktu veiksmų meniu

Įterpimas

Section titled “Įterpimas”
<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>

Štai kaip įterpti savo tinklelį į svetainę:

  • 3 eilutė rodo, kaip įterpti Wink stilius į savo svetainę.
  • 6–9 eilutės rodo, kaip naudoti wink-content-loader žiniatinklio komponentą ir nurodyti jam gauti tinklelį jūsų kodui.
  • 11 eilutė rodo, kaip įterpti mūsų Javascript į savo svetainę.
  • 13 eilutė rodo, kaip įterpti wink-app-loader žiniatinklio komponentą ir nurodyti jam gauti jūsų puslapio lygio konfigūracijos nustatymus.

Reitinguotas tinklelis

Section titled “Reitinguotas tinklelis”

Sukūrimas

Section titled “Sukūrimas”

Sukurkite reitinguotą tinklelį eidami į Įrankiai > Tinkleliai ir spustelėdami skirtuką Reitinguotas tinklelis. Spustelėkite mygtuką Sukurti reitinguotą tinklelį.

Pritaikymas

Section titled “Pritaikymas”

Forma leidžia pritaikyti jūsų reitinguotą tinklelį šiais būdais:

  1. Pasirinkite kelionės tikslą. Pvz., Tokijas.
  2. Pavadinkite jį, kad prisimintumėte, apie ką yra tinklelis. Pvz., Ekologiški viešbučiai Tokijuje
  3. Pasirinkite Pritaikymą, kurį norite taikyti šiam tinkleliui.
  4. Pasirinkite pradinį kortelės vaizdą, kurį vartotojai pamatys pirmiausia. Pagal numatytuosius nustatymus tai yra natūralus to inventoriaus vaizdas.
  5. Pasirinkite, pagal kokį požymį rūšiuoti objektus. Pvz., Ekologiškumą.
  6. Pridėkite raktinius žodžius, atskirtus kableliais, kuriuos naudos tinklo naršyklės.
  7. Pridėkite pavadinimus ir aprašymus kalbomis, kurias norite, kad vartotojas matytų.
  8. Spustelėkite mygtuką Išsaugoti, kad tęstumėte.

Išsaugoję savo reitinguotą tinklelį, būsite nukreipti į savo reitinguotų tinklelių puslapį, ir jūsų tinklelis dabar paruoštas būti dalijamasi su pasauliu.

Dalijimasis

Section titled “Dalijimasis”
Reitinguotas tinklelis
Reitinguotas tinklelis su sutrauktu veiksmų meniu

Aukščiau matote paveikslėlį su visais galimais veiksmais jūsų reitinguotam tinkleliui:

  • Atnaujinti Atnaujina jūsų tinklelio konfigūraciją.
  • Pridėti prie WinkLinks Prideda reitinguotą tinklelį prie jūsų WinkLinks paskyros.
  • Įterpti Parodo, kaip įterpti šį tinklelį kaip Tinklelio komponentą į jūsų svetainę.
  • Naudoti su WordPress Parodo, kaip naudoti mūsų WordPress įskiepį šiai kortelei įterpti į jūsų svetainę.

Kai kurias iš šių parinkčių aptariame išsamiau žemiau.

Įterpimas

Section titled “Įterpimas”
<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>

Štai kaip įterpti savo tinklelį į svetainę:

  • 3 eilutė rodo, kaip įterpti Wink stilius į savo svetainę.
  • 6–9 eilutės rodo, kaip naudoti wink-content-loader žiniatinklio komponentą ir nurodyti jam gauti reitinguotą tinklelį jūsų kodui.
  • 11 eilutė rodo, kaip įterpti mūsų Javascript į savo svetainę.
  • 13 eilutė rodo, kaip įterpti wink-app-loader žiniatinklio komponentą ir nurodyti jam gauti jūsų puslapio lygio konfigūracijos nustatymus.

API

Section titled “API”

Kūrėjai, norintys valdyti tinklelius, gali eiti į Kūrėjai > API > Inventorius.

Tolimesnis skaitymas

Section titled “Tolimesnis skaitymas”