Saltar al contingut

Customization

La personalització és una funció potent que podeu utilitzar per controlar tots els aspectes de la integració amb Wink sense haver d’escriure cap codi. Cada peça d’inventari que veneu es pot personalitzar. Afegiu o elimineu funcions, canvieu l’esquema de colors i molt més.

Personalització
Entrada de personalització

Mentre que a laCustomizationpàgina, feu clic a laActionsbotó que hi ha a sota de la personalització amb què voleu treballar i feu clicUpdate. Ja tens una entrada predeterminada disponible quan crees el compte. Aquesta entrada no es pot eliminar.

Això us portarà al formulari de personalització on podeu veure entre 5 i 7 pestanyes (segons el tipus de compte).

Aquí teniu les opcions disponibles sota laGeneralpestanya.

  • NomDoneu a la vostra personalització un nom fàcil de recordar.p. ex. Per al meu bloc de viatges
  • Mostrar monedaSeleccioneu la moneda inicial que els usuaris veuran al costat de l’inventari de viatges que es poden reservar.p. ex. USD
  • Idioma de visualitzacióSeleccioneu l’idioma inicial amb què es trobaran els usuaris.p. ex. anglès
  • Afegeix al títol de la pàginaPodeu controlar què s’afegeix al títol de la pàgina (el títol que veieu a la pestanya del navegador). Això s’utilitza principalment per al nostre motor de reserves.p. ex. Si navegueu a https://ota.wink.travel, per defecte, veureuHome | Traveliko - Hotels with BenefitsPodeu canviar tot el que hi ha després de la barra vertical ’|’.

ElThemela pestanya us permet personalitzar l’aspecte i la sensació del nostremotor de reserveslloc web,WinkLinkslloc web i tots els nostresComponents web.

Aquesta secció us permet configurar el disseny i la disposició de la targeta. De moment, només hi ha un disseny; concretament Wink.

El disseny de la targeta controla si voleu que els usuaris vegin les targetes transaccionals alineades horitzontalment o verticalment. La informació és la mateixa.

No hi ha cap diferència en la disposició de la targeta quan es visualitzen les nostres targetes transaccionals des d’un dispositiu mòbil. Tanmateix, podeu veure la diferència en un iPad mini i resolucions més grans.

:::tip[Consell professional] Utilitzeu un disseny horitzontal si només teniu < 4 d’inventari de viatges (és a dir, tipus d’habitacions) en una llista… simplement queda millor. :::

El color controla com els usuaris veuen qualsevol dels nostres components de la interfície d’usuari i llocs web. Feu-lo servir per adaptar-lo a la vostra combinació de colors existent [si n’hi ha).

Ja tenim una àmplia selecció de colors predefinits amb els quals podeu començar a jugar. Els temes predefinits canviaran els colors dels camps del formulari següents. També podeu utilitzar completament els vostres propis colors.

Colors
Forma dels colors

Prova la teva combinació de colors a la nostra zona de proves per a desenvolupadors a continuació.

Tematització

Hem basat la nostra convenció de nomenclatura d’esquemes de colors en el CSS de Bootstrap. Llegiu més informació sobre els noms de cada color a la pàginaLloc web Bootstrap CSS.

:::consell[Consell professional] El sandbox per a desenvolupadors us permet modificar l’amplada de cada targeta arrossegant el rectangle gris, situat al costat dret de la targeta, per veure quin aspecte té amb diferents resolucions. :::

Admetem l’anàlisi de GA4 des del primer moment. Si voleu fer un seguiment de tota la ruta de conversió de comerç electrònic millorat, de principi a fi, tingueu a punt l’identificador de mesurament i introduïu-lo al camp que hi ha a sota.Analyticspestanya.

Per tal d’integrar els nostres mapes al vostre lloc web mitjançant el nostreComplement de WordPressoComponents web, ens heu de proporcionar la vostra pròpia clau API de Google Maps.

Un cop hàgiu generat la clau i l’hàgiu configurat per al vostre lloc web, introduïu-la aAnalyticspestanya.

ElItineraryLa pestanya és probablement la més interessant per assegurar-se que es mostrin els preus de l’inventari que heu seleccionat. Com que la fixació de preus de l’inventari de viatges és força complexa, Wink necessita conèixer l’itinerari de l’usuari abans de poder mostrar un preu precís.

Aquesta secció us permet definir l’itinerari predeterminat per mostrar els preus de tots els nostres immobles digitals, com ara:

  • Les nostres imatges socials amb superposició de preus.
  • Graelles, targetes i enllaços de WinkLinks.
  • Components web
  • Motor de reserves

Podeu triar si voleu definir un interval de dates estàtic o un de continu.

  • Trieu un interval de dates estàtic si fareu servir la personalització per a un esdeveniment concret que es produeixi en una data determinada.
  • Trieu un interval de dates continu si voleu:
    1. Per defecte, avui + 1 nit, que és el que fan la majoria d’OTA O.
    2. Per defecte, s’utilitza una data futura que sempre hagi de tenir disponibilitat.

Per defecte, l’itinerari està configurat per a 2 adults, ja que és la configuració més habitual per a la majoria de viatgers. Això es pot canviar fàcilment i podeu afegir diverses habitacions amb diversos ocupants; tant adults com nens.

Les promocions són una funció enginyosa que estalvia temps als usuaris. Si un establiment t’ha donat un codi promocional que pots compartir amb els teus amics, pots triar introduir-lo aquí. Qualsevol persona que entri a través del teu enllaç o similar, veurà automàticament el codi promocional afegit al seu itinerari i veurà que el preu amb descompte s’aplica automàticament.

ElIntegrationLa pestanya és per a hotels, integradors i agents de viatges que volen tenir més control sobre com es distribueixen les reserves a Wink.

Això dóna a l’hotel i a l’integrador l’opció de permetre que Wink notifiqui a totes les parts implicades quan es produeix una reserva. Això inclou notificar al gestor de canals.

Per defecte, totes aquestes opcions estan habilitades. Els casos d’ús en què un integrador pot voler desactivar una o més d’aquestes funcions són:

  • L’agent de viatges està integrat a nivell d’API i vol enviar els seus propis correus electrònics de confirmació.
  • L’hotel està provant la seva integració i no vol molestar el seu personal de vendes.
  • A l’hotel no li importen els correus electrònics i només vol rebre notificacions a través del seu PMS.

Els integradors que vulguin utilitzar el nostre servei de notificacions per correu electrònic poden personalitzar el correu electrònic perquè sembli que prové d’ells.

Les dimensions recomanades són 300px d’amplada x 75px d’alçada

Sota elHotel-specificLa pestanya són opcions que permeten a l’hotel controlar què es mostra a la seva pàgina de destinació al nostre motor de reserves i què mostrar quan no hi ha inventari per a l’itinerari sol·licitat.

  • RànquingsUna propietat que encara no ha obtingut cap classificació significativa pot optar per desactivar aquesta funció.

La propietat no pot controlar com un afiliat tria mostrar la pàgina de destinació de l’hotel… Són dues configuracions diferents.

  • Disponibilitat: Permet a la propietat triar si vol continuar mostrant l’inventari encara que no hi hagi disponibilitat.

En la majoria dels casos, la propietat voldria donar als usuaris una manera de fer clic aBookper continuar a la seva pàgina de destinació, on poden canviar el seu itinerari i intentar trobar una data disponible. Activeu aquest interruptor quan vulgueu bloquejar l’usuari perquè no continuï.

En la majoria dels casos, triaràs quinCustomizationper aplicar als vostres enllaços, targetes, mapes i quadrícules.

Aquests són els moments en què és recomanable aplicar la configuració manualment:

  • Accionament manualVoleu compartir un enllaç directament al nostre motor de reserves i no utilitzar el nostreEnllaços compartiblesfunció, amb la configuració personalitzada aplicada.
  • Complement de WordPressAfegeix la configuració al teu WinkComplement de WordPress Settings.
  • Integració personalitzadaAplica-ho manualment al teu integrador personalitzat amb l’ús del nostrecarregador d’aplicacions winkComponent web.

Aquí teniu un exemple senzill de com aplicar el vostre ID de configuració, amb tots els vostres paràmetres, a les URL del nostre motor de reserves principal.

https://ota.wink.travel?configurationId=EL-MEU-ID-ÚNIC

Quan un usuari fa clic en aquest enllaç, també configurareu la vostra galeta d’atribució d’afiliació.

Navega aComplement Wink per a WordPressper aprendre’n més.

Controla tots els components web Wink integrats en una pàgina ambcarregador d’aplicacions winkComponent web.

A continuació es mostra un exemple que utilitzaMY-UNIQUE-IDcom a ID de configuració.

<html>
<head>
<link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
</head>
<body>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader
client-id="YOUR CLIENT ID GOES HERE"
configuration-id="MY-UNIQUE-ID"
></wink-app-loader>
</body>
</html>

Els desenvolupadors que vulguin gestionar les personalitzacions poden anar aDesenvolupadors > API > Inventari.